@import url(https://fonts.googleapis.com/css?family=Roboto:400,300italic,300,100italic,100,400italic,500,500italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);


@font-face {
	font-family: 'Wisdom Script AI';
    src: url('../fonts/wisdom_script.eot');
    src: url('../fonts/wisdom_script.eot?#iefix') format('embedded-opentype'),
    url('../fonts/wisdom_script.woff2') format('woff2'),
    url('../fonts/wisdom_script.woff') format('woff'),
    url('../fonts/wisdom_script.ttf') format('truetype'),
    url('../fonts/wisdom_script.svg#Wisdom Script AI') format('svg');
}


/* v1.0 | 20080212 */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img{
	vertical-align: middle;
}

/* ----------------- */
/* Global Formats */
/* ----------------- */

body{
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 15px;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
	color: #444;
	background: #FFF;
}

body, html, #cover{
	height: 100%;
}

#cover{
	background: #333;
	overflow: auto;
}

p{
	line-height: 1.5em;
	margin: 0 0 15px 0;
}

h1, h2, h3, h4, h5{
	font-weight: 700;
	margin: 0 0 10px 0;
	line-height: 1.3em;
	font-family: 'Montserrat', sans-serif;
}

h1{
	font-size: 30px;
}

h2{
	font-size: 25px;
}

h3{
	font-size: 21px;
}

h4{
	font-size: 17px;
}

h5{
	font-size: 15px;
}

label{
	font-size: 100%;
	font-weight: normal;
}

a:link, a:visited{
	border: 0;
	color: #528CA0;
	display: inline;
	text-decoration: none;
}

a:hover{
	color: #000;
}

hr{
	color: #fff; 
	background-color: transparent; 
	border: 1px dotted #CCC; 
	border-width: 0 0 1px 0; 
	margin: 5px 0;
	width: 100%;
	text-align: center;
}

sup{
	font-size: 50%;
}

td{
	vertical-align: top;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: inherit;
	color: #444;
	line-height: 1.6em;
}

img{
	max-width: 100%;
}

/* ----------------- */
/* DIVs */
/* ----------------- */

#container, #menu, #header, #top, #banner, #service_times, #intro, #wrapper, #events, #base, #footer{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 40px 0;
	clear: both;
	display: table;
	table-layout: fixed;
}

#container{
	padding: 0;
	background: #FFF;
}

#menu{
	padding: 10px 0;
	background: #FFF;
}

.home_page #menu{
	padding: 10px 0;
	background: rgba(0,124,174,0.5);
	background: transparent;
	border-bottom: 1px solid rgba(255,255,255,0.2)
}

#header{
	padding: 0;
	background: url(../images/wave_lines_seamless_pattern256.jpg);
}

#service_times{
	background: #EBE9E7;
	text-align: center;
	font-size: 20px;
	font-weight: 300;
}

#banner{
	color: #FFF;	
	padding: 0;
	font-size: 22px;
	line-height: 1.7;	
}

#banner_inner{
	padding: 30px 0;
}

.home_page #banner_inner{
	padding: 60px 0;
	text-align: center;
	font-weight: 300;
}

#wrapper{
	background: #FFF;
}

#intro{
	font-size: 20px;
	font-weight: 300;
	line-height: 1.7;
}

#events{
	padding: 0;
}

#base{
	background: url(../images/church_bg.jpg) 50% 50% / cover no-repeat;
	padding-bottom: 80px;
	text-align: center;
	color: #FFF;
	font-size: 22px;
	line-height: 1.7;
	font-weight: 300;
}

#footer{
	color: #AAA;
	padding-top: 80px;
	text-align: center;
}

.content{
	position: relative;
	width: 100%;
	max-width: 1080px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: table;
	table-layout: fixed;
}

/* ----------------- */
/* Custom CSS */
/* ----------------- */

/* --- Clearing --- */

.clr{
	clear: both;
	height: 0;
	line-height: 0;
	display: block;
	float: none;
	padding: 0;
	margin: 0;
	border: none;
}

.pad{
	position: relative;
	padding: 20px;
	clear: both;
}

.vision{
	font-family: "Wisdom Script AI";
	font-size: 75px;
	font-weight: normal;
	color: #E3E65A;
}

.church_circle {
    width: 100px;
    border: 4px solid #FFF;
    border-radius: 50%;
    position: absolute;
    top: -130px;
    left: 50%;
    margin: 0 0 0 -50px;
}

.social{
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #444;
}

.social a i{
	font-size: 22px;
	line-height: 1;
	color: #FFF;
}

a.learn_more{
	display: inline-block;
	padding: 12px 25px;
	font-weight: 500;
	border: 2px solid;
	color: #007CAE;
	border-radius: 4px;
	font-size: 15px;
	margin-bottom: 5px;
}

a.learn_more:hover{
	color: #999;
}

a.learn_more.solid{
	background: #007CAE;
	color: #FFF;
}

a.learn_more.solid:hover{
	background: #999;
}

.logo{
	width: 200px;
	float: left;
}

.banner_logo{
	width: 250px;
}

#base a.learn_more{
	margin-top: 5px;
	color: #FFF;
	background: rgba(0,0,0,0.5);
}

#base a.learn_more:hover{
	border-color: #222;
	background: #222;
}

#wrapper ol li,
#wrapper ul li {
    list-style: disc;
    margin: 0 0 0 20px;
    padding: 0 0 3px
}
#wrapper ol li {
    list-style: decimal
}

.contact_table, .intro_table{
	width: 100%;
}

.contact_table td:first-child + td, .intro_table td:first-child + td{
	padding: 0 0 0 20px;
}

.intro_table td:first-child{
	width: 300px;
}

.color_blue{
	color: #007CAF;
}


/* ------------------- */
/* Home Page */
/* ------------------- */

.home_page #events .content{
	padding: 40px 0;
	border-top: 1px solid #DDD;
}

.home_page .event_image {
    width: 120px;
	float: left;
	margin: 0 10px 0 0;
}

/* ------------------- */
/*Events */
/* ------------------- */

.single_event{
	padding: 15px 0 0 0;
	margin: 15px 0 0 0;
	border-top: 1px solid #DDD;
}

.single_event:first-child{
	padding: 0;
	margin: 0;
	border-top: 0;
}

.event_wrapper{
	display: table;
	width: 100%;
}

.event_date, .event_content{
	display: table-cell;
}

.event_date{
	color: #AAA;
	font-size: 20px;
	width: 100px;
	font-family: 'Montserrat', sans-serif;
}

.event_month{
	text-transform: uppercase;
}

.event_month:after{
	display: table;
	content: '';
	width: 35px;
	height: 2px;
	background: #DDD;
	margin: 5px 0;
}

.event_day{
	font-size: 45px;
	line-height: 1;
	font-weight: 700;
}

.moduletable.evnt h3 {
	font-size: 25px;
}

.moduletable.evnt div[id*="dpc-upcoming"] h3 {
	font-size: 21px;
}

.event_head {
    position: relative;
    display: table;
    width: 100%;
    margin: 0 0 10px 0;
}

.smaller_event_title span{color: #888;font-weight: 400;}

.event_title span, .smaller_event_title span{
	background: #FFF;
	display: inline-block;
	padding: 0 10px 0 0;
}

.divvy{
	border-bottom: 1px solid #DDD;
	height: 1px;
	margin: -27px 0 0 0;
}

.inner_head .divvy{
	margin: -20px 0 0 0;
}

table.event_table, table.resources{
	width: 100%;
}

table.event_table td:first-child + td{
	min-width: 300px;
	padding: 0 0 0 20px;
}

/* table.resources td{
	text-align: center;
}

table.resources td, table.resources td + td + td{
	width: 32%;
}

table.resources td:first-child + td{
	width: 32%;
	padding: 0 2%;
}

table.resources td img{
	max-width: 250px;
	margin: 0 0 10px 0;
} */



/* ------------------- */
/* Resources */
/* ------------------- */

#wrapper .catItemExtraFields ul li{
	margin: 0;
	padding: 0;
}

.resources div.itemContainer{
	text-align: center;
}

.resources div.catItemView {
    margin-bottom: 0;
    padding: 0;
}

.resources .buy_link a, .itemExtraFields.buynow .itemExtraFieldsValue a{
	border: 1px solid;
	padding: 5px 15px;
	display: inline-block;
	border-radius: 3px;
}

div.itemListCategory {
    background: transparent;
    border: 0;
	padding: 0;
	border-radius: 0;
}

.resources div.itemImageBlock {
    float: left;
	margin: 0 25px 0 0;
}

.resources div.itemExtraFields{
	border: 0;
}

/* ------------------- */
/* Form */
/* ------------------- */

#wrapper fieldset.formFieldset ol.formContainer li{
	list-style: none;
	margin: 0;
	padding: 0 0 5px 0;
}

strong.formRequired {
   color: #FF0000;
}

/* ------------------- */
/* Menu */
/* ------------------- */

.small_menu{
	display: none;
}

#menu li{
	display: inline;
}

#menu ul{
	padding: 0;
	margin: 10px auto 0 auto;
	display: table;
	float: right;
}

/* .home_page #menu ul{
	float: none;
	margin: 0 auto;
} */

#menu ul li a, #menu ul li a:visited{
	display: block;
	float: left;
	color: #999;
	margin: 0;
	font-size: 16px;
	padding: 9px 12px;
	text-decoration: none;
	position: relative;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}

.home_page #menu ul li a{
	color: #FFF;
}

#menu ul li a:hover, .home_page #menu ul li a:hover, #menu ul li a:focus{
	color: #007CAE;
	background: transparent;
}

/* ------------------- */
/* Dropdown Menu */
/* ------------------- */

#menu div#maximenuck105{
	display: table;
	float: right;
}

/* .home_page #menu div#maximenuck105{
	display: table;
	float: none;
	margin: 0 auto;
} */

#menu div#maximenuck105.maximenuckh ul.maximenuck, #menu div#maximenuck105 ul.maximenuck li.maximenuck.level1{
	background: transparent;
	margin: 10px 0 0 0;
	padding: 0;
}

#menu div#maximenuck105 ul.maximenuck li.maximenuck.level1{
	margin-left: 20px;
}

#menu div#maximenuck105 ul.maximenuck li.maximenuck a{
	padding: 0 0 10px 0;
}

#menu div#maximenuck105 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck105 ul.maximenuck li.maximenuck.level1 > span.separator{
	color: #999;
	text-indent: 0;
	padding: 0 0 10px 0;
	margin: 0;
	min-height: initial;
}

#menu div#maximenuck105 a.mobile_sub{
	display: none !important;
}

#menu div#maximenuck105 span.titreck{
	/* font-size: 18px; */
	font-weight: 300;
}

#menu div#maximenuck105 li.maximenuck.item101 {
    display: none !important;
}

#menu div#maximenuck105 div.floatck{
	margin: 0;
	background: #FFF;
    border: 1px solid #EEE;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
}

#menu div#maximenuck105 div.floatck span.titreck{
	font-size: 13px;
	text-transform: initial;
}

#menu div#maximenuck105 ul.maximenuck li.maximenuck.level1:hover > a, #menu div#maximenuck105 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, #menu div#maximenuck105 ul.maximenuck li.maximenuck.level1 > a:hover {
	color: #000;
}

#menu div#maximenuck105 ul.maximenuck li.maximenuck a, #menu div#maximenuck105 ul.maximenuck li.maximenuck span.separator, #menu div#maximenuck105 ul.maximenuck2 a, #menu div#maximenuck105 ul.maximenuck2 li.maximenuck span.separator{
	/* width: 100%; */
	padding: 7px;
    margin: 0;
	color: #777;
	border: 0;
	display: block;
}

.home_page #menu div#maximenuck105 ul.maximenuck li.maximenuck a, .home_page #menu div#maximenuck105 ul.maximenuck li.maximenuck span.separator, .home_page #menu div#maximenuck105 ul.maximenuck2 li.maximenuck span.separator{
	color: #FFF;
}

.home_page #menu div#maximenuck105 ul.maximenuck2 li.maximenuck a{
	color: #777;
}


#menu div#maximenuck105 ul.maximenuck li.maximenuck a:hover, #menu div#maximenuck105 ul.maximenuck2 a:hover{
	color: #000;
}

#menu div#maximenuck105 .floatck li.maximenuck a{
	border: 0;
	border-top: 1px solid #EEE !important;
}

#menu div#maximenuck105 .floatck li.maximenuck.first a{
	border: 0 !important;
}

#menu div#maximenuck105.maximenuckh ul.maximenuck li.level1.parent > a:after, #menu div#maximenuck105.maximenuckh ul.maximenuck li.level1.parent > span.separator:after{
	display: none;
}

#menu div#maximenuck105 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, #menu div#maximenuck105 ul.maximenuck li.maximenuck.level1.active > a span.titreck, #menu div#maximenuck105 ul.maximenuck li.maximenuck.level1:hover > span.separator, #menu div#maximenuck105 ul.maximenuck li.maximenuck.level1.active > span.separator{
	color: #007CAF
}

.home_page #menu div#maximenuck105 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, .home_page #menu div#maximenuck105 ul.maximenuck li.maximenuck.level1.active > a span.titreck, .home_page #menu div#maximenuck105 ul.maximenuck li.maximenuck.level1:hover > span.separator, .home_page #menu div#maximenuck105 ul.maximenuck li.maximenuck.level1.active > span.separator{
	color: #000;
}

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

@media screen and (max-width: 1180px) {
	.content{
		width: 95%;
	}
}

@media screen and (max-width: 840px) {
	.big_menu{
		display: none;
	}
	.small_menu{
		display: block;
		color: #000;
	}
	#menu .small_menu li{
		display: table;
		width: 100%;
	}

	#menu .small_menu ul{
		padding: 0;
		margin: 10px auto 0 auto;
		display: table;
		float: none;
		width: 100%;
	}
	
	div#main-menu, #menu .rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner {
		width: 100%;
		box-sizing: border-box;
		background: #f0f0f0;
	}
	
	#menu ul#accordeonck108 li ul li{
		margin: 0;
	}
	
	#menu ul#accordeonck108 li ul{
		padding: 0 0 0 20px;
		box-sizing: border-box;
	}
	
	#menu .small_menu .rl_sliders.accordion>.accordion-group{
		border: 0;
	}
	
	#menu .small_menu ul li a{
		float: none;
	}
	
	#menu .small_menu .rl_sliders.accordion>.accordion-group .accordion-heading .accordion-toggle{
		float: right;
	}
	
	#menu .small_menu .rl_sliders.accordion>.accordion-group .accordion-heading .accordion-toggle img{
		max-width: 25px;
	}
	
	#menu .rl_sliders.accordion>.accordion-group>.accordion-body.in:hover {
		overflow: hidden;
	}
	
	#menu .rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner {
		padding-top: 0;
	}
	
	#menu .rl_sliders.accordion>.accordion-group>.accordion-heading>a.accordion-toggle, #menu .rl_sliders.accordion>.accordion-group>.accordion-heading>a.accordion-toggle:focus{
		border: 0; 
		box-shadow: none; 
		outline: 0;
	}
	
	.home_page #menu .rl_sliders.accordion>.accordion-group>.accordion-heading>a.accordion-toggle, .home_page #menu .rl_sliders.accordion>.accordion-group>.accordion-heading>a.accordion-toggle:focus{
		color: #FFF;
		background: transparent;
	}
	
	.home_page #menu .rl_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle{
		color: #999;
		background: #F0F0F0;
	}
	
	#menu span.disappear {
		display: none;
	}
	
	#menu ul#accordeonck108 li a{
		color: #666;
	}
	
	#menu ul#accordeonck108 li a.isactive{
		color: #007CAF;
	}
	
	#menu ul#accordeonck108 li li.level2 a.isactive{
		background: #FFF;
	}
	
	#menu ul#accordeonck108 li.parent ul{
		margin: 0;
		border-top: 1px solid #DDD;
	}
	
	#menu ul#accordeonck108 li.parent ul li:first-child{
		border-top: 0;
	}
	.intro_table td:first-child{
		width: 200px;
	}
}

@media screen and (max-width: 750px) {
	table.event_table td:first-child, table.event_table td:first-child + td{
		width: 100%;
		min-width: 100%;
		padding: 0 0 20px 0;
		display: block;
	}
	table.event_table td:first-child + td{
		padding: 10px;
		display: block;
		background: #EBE9E7;
}

@media screen and (max-width: 650px) {
	.intro_table td:first-child, .intro_table td:first-child + td, .contact_table td, .contact_table td:first-child + td{
		width: 100%;
		display: block;
		padding: 0;
	}
	.intro_table td:first-child, .contact_table td:first-child{
		padding: 0 0 20px 0;
	}
}

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

}

/* ------------------- */
/* Editor Styles */
/* ------------------- */

.my_editor{background: #FFF;}

.my_editor table,.my_editor table td{font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 1.6em; color: #444;background: #FFF;}

.my_editor ul li, .my_editor ol li{
	margin: 0 0 0 20px;
	list-style: disc;
}

.my_editor ul li ul li{
	list-style:circle;
}

.my_editor ol li{
	list-style: decimal;
}