/*
Color Palette

Body:
background: #f9f9f9;
color: #333;
Main Content BG: #f9f9f9;

Menu Trigger:
Background: #efefef;
Text Color: #4d4d4d;

Off Canvas Nav
Background: #292929;
Links: #a9b5b7;

Link Color: #197BB8;
Link Hover: #0D537F;
Subheader: #6f6f6f;

Scrolling BG 1: #000;
Scrolling BG 2: #197BB8;
Scrolling BG 3: #f9f9f9;

*/


/* <textEditor> */
.boxLinkWhite {
	padding: 10px 20px;
	border: solid 2px #AFAFAF;
	color: #AFAFAF;
	margin: .625rem .3125rem .3125rem;
	display: inline-block;
	}
.boxLinkBlack {
	padding: 10px 20px;
	border: solid 2px #000;
	color: #000;
	margin: .625rem .3125rem .3125rem;
	display: inline-block;
	}
.subheader {
	color: #6f6f6f;
	margin-bottom: 1.25rem;
	font-size: .875rem;
	}
.sermon-audio {
	padding: 10px 20px;
	border: solid 2px #000;
	color: #2E334C;
	margin: .625rem .3125rem .3125rem;
	display: inline-block;
}
/* </textEditor> */



/* Hover states for text editor */
.boxLinkWhite {
	border: solid 2px #fff;
	color: #fff;
	}
a.boxLinkWhite:hover {
	background: #fff;
	color: #197BB8;
	}
a.boxLinkBlack:hover {
	background: #000;
	color: #fff;
	}


.narrow-column {
	margin-right: 30px;
	margin-left: 30px;
	}
@media only screen and (min-width: 768px) {
		.narrow-column {
			margin-right: 80px;
			margin-left: 80px;
			}
		}


/* ---------------------------------------------------------------- Google Fonts */

/* Adding Google Fonts */
@font-face {
	font-family: Montserrat;
	src: url(../Montserrat-Light.ttf);
	font-weight: normal;
	}
@font-face {
	font-family: Montserrat;
	src: url(../Montserrat-Regular.ttf);
	font-weight: 500;
	}
@font-face {
	font-family: Montserrat;
	src: url(../Montserrat-Bold.ttf);
	font-weight: bold;
	}

/* ---------------------------------------------------------------- Foundation 6 Fixes */

h1 {
  font-size: 2.125rem; }
/*
h2 {
  font-size: 1.6875rem; }
*/

/*
h3 {
  font-size: 1.375rem; }
h5 {
  font-size: 1.0625rem; }
p {
	margin-bottom: 1.25rem; }
.callout {
	margin: 0 0 1.25rem;
	padding: 1.25rem; }
*/

button.radius,
.button.radius {
	border-radius: 3px;
	}
button.round,
.button.round {
	border-radius: 1000px;
	}

/* ---------------------------------------------------------------- Base Styles */

html, body { 
  height: 100%; 
	} 

/* Fix list style on menu */
.lcms_toolbar, .lcms_toolbar_user_nav, .lcms_toolbar_session {
	list-style: none;
	}

/* Make LCMS wrapper 100% to match HTML and Body */
#frm {
	height: 100%;
	}

/* Font Smoothing for Everything */
html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}

/* Adding In Border Box with Webkit and Moz */
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

/* Fix LCMS toolbar */
.lcms_toolbar_nav_switch {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	}

body {
	font-family: Montserrat, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	background: #f9f9f9;
	color: #333;
	}

.column, .columns {
    padding-right: 1.875rem; /*30*/
    padding-left: 1.875rem
}


/* ---------------------------------------------------------------- Type Resets */

 /* Default Link Styles */
a {
	color: #197BB8;
	line-height: inherit;
	text-decoration: none;
	}
	a:hover,
	a:focus {
		color: #0D537F;
		}
/* Default header styles */
h1, h2, h3, h4, h5, h6 {
	font-family: Montserrat, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: 700;
	}
	
	

/* ---------------------------------------------------------------- Optional Top Nav Links */

/* Top banner above the header */
.service-times {
	text-align: center;
	font-size: 0.75rem;
	padding: 8px 34px;
	margin: 0;
	z-index: 5;
	color: #bcbcbc;
	position: fixed;
	top: 0;
	left: 0;
	height: 36px;
	width: 100%;
	background: #383838;
		/* Force Hardware Acceleration in WebKit */
		-webkit-transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		-webkit-transition-property: -webkit-transform;
		-moz-transition-property: -moz-transform;
		transition-property: transform;
		-webkit-transition-duration: 0.4s;
		-moz-transition-duration: 0.4s;
		transition-duration: 0.4s;
}
.service-times p {
	font-size: 0.75rem;
	padding: 0;
	margin: 0;
	}
@media only screen and (min-width: 64.063em) {
	.service-times {
		text-align:left;
		}
	.service-locations {
		text-align:right;
		}
}


/* ---------------------------------------------------------------- Main Content */

.main-content {
	/* set a min-height and a z-index to be sure that the main element completely covers the off-canvas menu */
	min-height: 100%;
	position: relative;
	background-color: #f9f9f9;
	z-index: 2;
	/*Padding Options*/
	/*padding-top: 80px;*/
 	/*padding-bottom: 10px;*/
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
	}
	.main-content.menu-is-open {
		/* translate to show the off-canvas menu - all content needs to be put in the .main-content to translate*/
		-webkit-transform: translateX(-260px);
		-moz-transform: translateX(-260px);
		-ms-transform: translateX(-260px);
		-o-transform: translateX(-260px);
		transform: translateX(-260px);
		}

.cover-page .main-content,
.cover-page{
	height: 100%;
	}

/* Page Headers */
.page-header {
	padding: 12em 0 4em;
	margin-bottom: 5rem;
	background: #3897D3;
	text-align: center;
	}
	.page-header h1 {
		color: #fff;
		}

.header-photo {
	position: relative;
	margin-top: 5rem;
	margin-bottom: 3.75rem;
	background: #3897D3;
	min-height: 12.5rem; /*200px*/
	}
.header-photo .imageElement img {
	
}

.header-photo .fade .imageElement img {
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}

.lcms_AdminView .header-photo {
	min-height: 16.25rem;
	}
@media only screen and (min-width: 768px) {
  .header-photo {
	  margin-top: 6.25rem;
  }
}
.header-photo-text {
	z-index: 3;
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 90%;
	max-width: 768px;
	text-align: center;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	}
.header-photo-text h1,
.header-photo-text h2,
.header-photo-text h3 {
	color: #fff;
	/*text-transform: uppercase;
	letter-spacing: 4px;*/
	}
.header-photo-text h1 {
	
	}
@media only screen and (min-width: 768px) { /*640*/
	.header-photo-text h1 {
		font-size: 3.25rem; /*64px*/
	}
}


/* ---------------------------------------------------------------- Fixed and Scrolling Backgrounds */


/* Fixed Background */

.fixed-bg h1,
.fixed-bg h2,
.fixed-bg h3,
.fixed-bg h4 {
	color: #fff;
	}

.fixed-bg {
	position: relative;
	min-height: 90%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 2;
	}

.fixed-bg div {
	
	}

.fixed-bg .vertical-align {
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	z-index: 1;
	width: 90%;
	max-width: 768px;
	text-align: center;
	color: white;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
.fixed-bg.bg-1 .vertical-align {
	top: 50%;
	max-width: 1000px;
	}

/* Billboard Text */
.fixed-bg h1.intro {
	font-weight: 700;
	}

.fixed-bg.bg-1 {
	background-image: url(../img/bg_intro.jpg);
	min-height: 80%;
	margin-top: 80px;
	}
.fixed-bg.bg-2 {
	background-image: url("../img/bg_mid.jpg");
	}
.fixed-bg.bg-3 {
	background-image: url("../img/bg_intro3.jpg");
	}

@media only screen and (min-width: 768px) {
	.fixed-bg h1,
	.fixed-bg h2 {
    	font-size: 36px;
  		}
	.fixed-bg h1.intro {
		font-size: 3.5rem;
		}
	}
@media only screen and (min-width: 1170px) {
  .fixed-bg {
  	/* Make the background fixed for large screens */
    background-attachment: fixed;
	}
  .fixed-bg h1,
  .fixed-bg h2 {
    font-size: 48px;
	}
  .fixed-bg h1.intro {
	font-size: 4.5rem;
	}
}


/* Fullscreen Video Template */
.fullscreen-bg_video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
.fixed-bg.bg-video {
	min-height: 96%;
	overflow: hidden;
	}
.fixed-bg.bg-video {
	background-image: url(../video/ansley.png);
	}
@media (max-width: 767px) {
    .fullscreen-bg_video {
        display: none;
		}
	}

/* Container for Scrolling Background */
.section-wrap {
	width: 90%;
	margin: 2.5rem auto; /* 40px */
	}
	.section-wrap::after {
		content: '';
		display: table;
		clear: both;
		}

/* Scrolling Background */
.scrolling-bg {
	text-align: center;
	position: relative;
	padding: 2em 0 2em;
	line-height: 1.4;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	z-index: 2;
	}
	.scrolling-bg.no-shadow {
		box-shadow: none;
		border: 1px solid #ccc;
		border-width: 1px 0 0;
		}
	.scrolling-bg.color-1 {
		background-color: #000000;
		color: #fff;
		}
	.scrolling-bg.color-1 p,
	.scrolling-bg.color-1 h1,
	.scrolling-bg.color-1 h2,
	.scrolling-bg.color-1 h3,
	.scrolling-bg.color-1 h4 {
		color: #fff;
		}
	.scrolling-bg.color-2 {
		/* green */
		background-color: #197BB8;
		color: #fff;
		}
	.scrolling-bg.color-2 h1,
	.scrolling-bg.color-2 h2,
	.scrolling-bg.color-2 h3,
	.scrolling-bg.color-2 h4,
	.scrolling-bg.color-2 h5,
	.scrolling-bg.color-2 h6 {
		color: #fff;
		}
	.scrolling-bg.color-3 {
		/* gray on white */
		background-color: #f9f9f9;
		color: #333;
		}
	@media only screen and (min-width: 768px) {
		.scrolling-bg {
			padding: 2em 0 3em;
			/*font-size: 20px;*/
			/*font-size: 1.25rem;*/
			/*line-height: 2;*/
			}
		}



/* ----------------------------------------------------------------Fixes */
/* Vertical Column Stacking */
/*.row .columns {
	margin-bottom: 20px;
	
}*/
/* Remove Blog Thumbnails on Phones */
/*@media screen and (max-width: 580px) {
	.postThumb {
		display: none;
	}
	.blogList .postThumb+.postContent {
		margin-left: 0;
	}
}*/

/* ----------------------------------------------------------------Our Team */
/* Hide blog post date */
/*.our-team .postInfo,
.messages .postInfo {
	display: none;
}
.our-team .rss,
.messages .rss {
	display: none;
}
.dynamic-blogdetail .postFeaturedImage {
	display: none;
}*/

/* Fix grid page for placement and seeing regions */
.lcms_AdminView .view-grid .regionBoundary {
	background: #e6e6e6;
	border-radius: 6px;
	margin-bottom: 50px;
}

/* ----------------------------------------------------------------Grid */
.grid .border {
	padding: 20px 0;
	border: 1px solid #000;
}

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

.event {
	padding: 9rem 0 1.5rem;
}
.event h2,
.event .eventDate {
	text-align: center;
/*
	font-weight: 100;
	letter-spacing: 3px;
*/
}
.event h2 {
	font-size: 2.5rem;
}
.event .eventDate {
	font-size: 1.25rem;
	color: #197BB8;
	margin-bottom: 1.625rem;
}
.event .eventBody {
/* 	margin-bottom: 1.5rem; */
}

/* 641px and up */
@media only screen and (min-width: 40.0625em) {
	.event {
		padding: 11rem 0 1.5rem;
	}
	.narrow-column {
		margin-right: 80px;
		margin-left: 80px;
	}
	.event h2 {
		font-size: 3rem;
	}
}

.share-on-social {
	text-align: center;
	margin-bottom: 2.5rem;
}
.event .eventBack {
	display: none;
}

.event-group {
	margin: 2.5rem 0;
}
.event-group img {
	margin-bottom: 1.25rem;
	margin-top: 1.25rem;
}

/* ----------------------------------------------------------------Blog Detail */

.contents img {
	margin-bottom: 1rem; /* 20px */
}


.main-content.detail {
	padding-top: 10rem; /* 160px */
}
.comments {
	margin-top: 6.25rem; /* 100px */
}

.detail .post h2 {
	text-align: center;
	font-size: 2.5rem;
	margin-bottom: 2.5rem;
}

/* 641px and up */
/*@media only screen and (min-width: 40.0625em) {
	.main-content.detail {
		padding-top: 13rem;
	}
	.detail .post h2 {
		font-size: 3rem;
	}
}*/

/* ---------------------------------------------------------------- LCMS Adjustments */
.lcms-context-pagebar {
	width: 300px;
}
.templateChooser {
	width: 270px;
}
.templateChooser p select {
	width: 270px;
}



/* ---------------------------------------------------------------- Colors */

h3.darktext {
	color: #1A1A1A;
}

/* ---------------------------------------------------------------- Working Typography */
.main-content h3,
.main-content h4 {
	margin-bottom: 1rem;
}


/* ---------------------------------------------------------------- Depricated Fixes */

a.promoLinkWhite {
	padding: 10px 20px;
	border: solid 2px #fff;
	color: #fff;
	margin: .625rem .3125rem .3125rem;
	display: inline-block;
}
a.promoLinkWhite:hover {
	background: #fff;
	color: #197BB8;
}

/* ---------------------------------------------------------------- Blog Adjustments */

.blogList ul li {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #BEBEBE;
}
.blogList ul li:last-child {
	border-bottom: none;
}
/*Hide RSS Badge*/
.rss {
	display: none;
}

span.readMore {
	display: block;
}

/*Detail Page*/
.post__title {
	margin-bottom: 40px;
}
.post__body {
	margin-bottom: 60px;
}
.post__comments {
	margin-top: 40px;
}

/*.blogList .postThumb {
	width: 100%;
}*/
/*.postContent {
	display: none;
}
*/

/*Hide date on Blog Lists*/
.postInfo {
	display: none;
}
/* ---------------------------------------------------------------- Messages Page - Sermon Thumbs */


@media only screen and (min-width: 768px) { /*640*/
	.messages .page-header h1 {
		font-size: 3.25rem; /*64px*/
	}
}
.messages h2.title {
	padding-left: 1rem;
	margin-bottom: 40px;
}

.messages .blogList ul li {
	border: none;
}

.messages .blogList ul li h2.postTitle {
	font-size: 1rem;
}


/*.messages .blogList .postThumb {
    float: left;
    width: 200px;
    margin-bottom: 10px
}
.messages .blogList .postThumb + .postContent {
	margin-left: 250px;
}
@media screen and (max-width: 580px) {
	.messages .blogList .postThumb + .postContent {
		margin-left: 0;
	}
}*/

/* ---------------------------------------------------------------- Audio Files */

audio {
	width: 100%;
}

/* Player Styles */

a.sermon-audio {
	display: none;
}

.sermons .blogList .postBody p {
	margin-bottom: 0;
}
.sermons .postInfo {
	display: block;
}
.sermons .blogList h2 {
	font-size: 1.25rem;
}
.sermons .blogList ul li {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.sermons h2.title {
	margin-bottom: 20px;
}

.main-content .element {
	margin-bottom: 20px;
}


.dynamic-blogdetail .row {
	max-width: 60rem;
}




/* Fix grid page for placement and seeing regions */
.lcms_AdminView .column-block .regionBoundary {
	background: #e6e6e6;
	border-radius: 6px;
	margin-bottom: 50px;
}




.sldw_index_navigation_numbers, .sldw_index_navigation_dots {
    list-style: none;
    margin: 20px 0 0 !important;
    position: relative;
}