@charset 'utf-8';
/*unnecessary, linked in by template so can use anywhere:
@font-face {
	font-family: "Playlist";
	src: url('Playlist.otf');
	font-weight: normal;
	font-style: normal;
}*/
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);

@import url('https://fonts.googleapis.com/css?family=Poppins');
/** SLIDING PAGE THEME BASE. some MustOverride MO style.css **/

html[lang] {
	height:100%; margin-top:0;
	font-size:15px;
	/* other fonts at responsive sizes included through rem css:*/
}
@media (min-width: 1136px) and (max-width: 1279px) {
	body, html[lang] {	font-size: 14px; }
}/*see also bottom*/
body {
	/*background-color:MO*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
html body {
	min-width:100px; /*sflb 3col messes up when smaller???*/
}
#body_wrapper {
	min-height: 100%;
}
a {
	font: inherit;
	text-decoration: none;
	color: #82b244;
	transition: color 0.3s ease 0s;
}
a:hover {
	color: #597b32;
	text-decoration: none;
}

.sflb_section input, textarea, select {
	background-color: #FFF;
	padding: 2px;
	color: rgb(159, 160, 163);/*as in /contacts example*/
}
input[type=submit], input[type=button] {
	background-color: rgb(130, 178, 68);
	border: 3px solid rgb(130, 178, 68);
	transition: all ease .3s;
	color: #FFF;
	display: inline-block;
	text-align: center;
	padding: 0.65em 1.75em;
	font-weight: 600;
	text-transform: uppercase;
	-webkit-border-radius: 2.5em;
	-moz-border-radius: 2.5em;
	border-radius: 2.5em;
	font-size:.8em;
	cursor: pointer;
}
/* padding does not work on that, ios: ^ */
body.iOS input[type=submit], body.iOS input[type=submit] {
	min-height: 3em;
}
input[type=submit]:hover, input[type=button]:hover {
	background-color: #FFF;
	color:rgb(130, 178, 68);
}

input[type='image'] {
	background-color: transparent;
	border: none;
	padding: 0;
}
/*must overwrite mobile.css #header*/
body #header {
	/*background: url('navbar.png') repeat-x center 136px;*/
	height:0px;
	/*position:static;relative logo*/
	position: relative;/*or top links sub go under the content*/
	z-index:100;

	background: rgb(78, 80, 93);
	height:82px; width:100%;
	/* fix jumpy fixed in Chrome http://stackoverflow.com/questions/25224969
	 * and more importantly, fix mobile demo display too with menu down */
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	transition: all 1s ease 0s;
	-webkit-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
	box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
}
.top_panel_title_inner {
	padding-top:82px;
}
body.withDemoHeader .top_panel_title_inner {
	padding-top:172px;
}
body #header {
	position:fixed;
	top:0;
	/* opacity: 0; */
}
body.home.tiptop #header {
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	position: fixed;
	top:0;
}
.entry .more-link {
	padding: 0;
	text-align: right;
}
body #header .container,
.archive #content .more-link {
	width:80%;
	height:81px;
	max-width:1170px;
	text-align: right;
}

/*match on right category archive page*/
body.archive.thumbLeft #content .has-post-thumbnail .entry {
	margin:0 10% 0 0;
	max-width: 620px;
}
body.archive.thumbLeft #content .has-post-thumbnail .entry .sflb_section {
	padding-left:0;
	padding-right:0;
}

body .content_wrap {
	max-width: 1170px;
}
body #logo {
	left: 0;
}
body {
	position:relative;
}
#logo img {
	max-height: 80px;
	max-width: 500px;
}
@media screen and (max-width: 720px)
{
	#logo img
	{
		max-width: 300px;
	}
	
	body.menuOverflow #logo a *
	{
		height: auto !important;
	}
}
#logo a {
	margin-left:0 !important; left:0 !important; /* no change right-left*/
	/*padding:0 14px 10px 0;for new logo upload icon hover*/
	color:#FFF;
	font: 40px/40px Hammersmith One,Helvetica,Verdana,Arial,sans-serif;
	max-width: 100%;/*#1399*/
}
body #header .search{
	position: static;
	display: inline-block;
	color: #FFF;
	width: auto;
	background: transparent;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	overflow: hidden;
	border-radius: 1.15em;
	float: right;
	vertical-align: top;
	margin: 27px 20px;
	text-align: left;
	min-width:30px;
}
#header .search_form [type=text] {
	width: 0px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	padding: 0;
	float: none;
	vertical-align: top;
}
body.searchPushed #header .search_form [type=text]{
	width:100px; height:1.2em;
	margin: 8px 13px;
}
/*spacing adjust ios:*/
body.iOS.searchPushed #header .search_form [type=text]{
	margin: 2px 12px;
}
body.iOS #header .search_form [type=text]{
	margin: 2px 0;
}
#header .search_subm {
	width: 20px;
	margin-left: -8px;
}
body #header .search:hover,
body.searchPushed #header .search {
	background: #82b244;
}
body #header .search form:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome !important;
	content: "\f002";
	width: 1px;
	vertical-align: top;
	margin-top: 8px;
	margin-left: 8px;
	width: 0;
}

#header input.search_inp {
	color:#FFF;
}
body .nav_wrapper {
	display: inline;
}
body #main_nav {
	display: inline;/*mobile!*/
	position: static;
	height:auto;
}
body #main_nav >li{
	height:auto;/*important for menuOverflow calculation*/
	left:0;
	top:0px;
	float: none;
	padding-top:22px;/*< fallback */
	padding-top:calc(44px - 1em);
	max-width:77%;
	width:auto;
	text-align: right;
	z-index: 101;
	margin-right: -6px;
	vertical-align: top;
}
body #main_nav li {
	height: 21px;
	margin: 0;
	float: none;
	display: inline-block;
}
body.menuOverflow #main_nav > li.menu-item-has-children:after {
	content: '>';
	display: inline;
	height: 20px;
	margin-top: 1px;
	width: 2px;
	position: absolute;
	top: 5px;
	right: 9px;
	transform: rotate(90deg);
	transform-origin: 50% 50%;
	font-size: 10px;
}
#main_nav > li:first-child:after {
	content: none;
}
#main_nav li a,
.sfheaderpage .sflb_section {
	color: #FFF;
	font: 0.8rem/2em "Poppins",sans-serif;
	border: 2px solid transparent;
	height: 1.9em;
}
#main_nav .sub-menu li a {
	/*height: auto; messes dropdown sometimes*/
	padding: 0.75em 1.13em 0.5em;
}
#main_nav > li:hover {
	background: transparent;
}
#main_nav li:hover a {
	background: transparent;
	color:#FFF;
	-webkit-border-radius: 1.3em;
	-moz-border-radius: 1.3em;
	border-radius: 1.3em;
}
#main_nav li:hover >a,
#main_nav > li.current_page_item >a,
#main_nav > li.current_page_parent >a,
#main_nav ul.sub-menu li.current-menu-item a{
	background: transparent;
	color:#FFF;
	border: 2px solid #FFF;
	border: 2px solid rgba(255,255,255,0.7);
	-webkit-border-radius: 1.3em;
	-moz-border-radius: 1.3em;
	border-radius: 1.3em;
}
#main_nav li:hover >a {
	border: 2px solid rgba(255,255,255,0.5);
}
#main_nav > li.current_page_item,
#main_nav > li.current_page_parent{
	color:#FFF;/*slightly whiter*/
}


div .smaller_dialog
{
	font-size:12px;
	margin-left:10px;
}

#main_nav ul.children li.current_page_item, #main_nav ul.children li.current_page_item a ,
#main_nav ul.sub-menu li.current_page_item, #main_nav ul.sub-menu li.current_page_item a {
	text-decoration: none;
}
#main_nav li.current_page_item ul.children li a ,
#main_nav li.current_page_item ul.sub-menu li a {
	background:transparent;
}
#main_nav ul.children li,
#main_nav ul.sub-menu li{
	display: block;
}
#main_nav ul.children li:hover,
#main_nav ul.sub-menu li:hover{
	background: transparent;
	color:#FFF;
}
#main_nav ul.children li a ,
#main_nav ul.sub-menu li a {
	background:transparent;
	color:#FFF;
	font-size: 13px;
	font-weight: normal;
	line-height: 28px;
	height: 28px;
	padding: 0 14px;
	text-decoration: none;
	width: auto;
	display: block;
	/* margin-left: auto; */
	/* margin-right: auto; */
	/* clear: both; */
	min-width: 100%;
	box-sizing: border-box;
}
#main_nav ul.children li a:hover,
#main_nav ul.sub-menu li a:hover{
	background: transparent;
	text-decoration: underline;
}
#content_container .slideshow_container, .slideshow_container {
	background:transparent;
}

/* special full height start home page for home-page */
body.home {
	height:100%;
}
.plFrontPage.plHome {
}
body.iOS .plFrontPage {
	background-position:50% 0;
}
body.iOS .search_inp {
	height:2em !important;/*or clips input*/
	margin-top:0;
}
body.home.iOS:not(.withFootPage) #footer {
	display:none;/*small difference width*/
}

body.iOS #body_wrapper .ngg-galleryoverview {
	width: 86% !important;
}
body.Android .plFrontPage.plHome {/*http://stackoverflow.com/questions/14876035/ */
	background-attachment: scroll !important;
}

.plBanner {
height:500px
}
body.home .plBanner {
	padding:0;/*or not quite centered*/
}

body.single-sfbannerpage #content {
	background: transparent;
}

.plFrontPage.plHome .entry{
	/* set in JS just in case
	position: absolute; breaks Chrome admin edit hover parallax effect sometimes?
	top: 50%; also margin-top minus set in JS
	margin-top:-40px; just incase non-js? 
	left:10%;*/
	margin-left:auto;
	margin-right:auto;
	width:80%;
}
/* Coolbanner page top banner*/
.plBannerContainer {
	z-index:0;
}
.plBanner {
	width:100%;
	min-height:200px;
	max-height:900px;
	background:#FFF;/* because transparent -> normal bg doesn't tile-effect well.*/
	background-attachment: initial !important;
}

/* no extra spacing, and consitent with mobile:*/
body #logo a span, body #logo a {
	margin: 0;
	padding: 0;
}
/* these overflow to menu should replace the width-mobile stuff commented below:
These need to be redefined here even if they're in mobile.css, since that's only for very small (phone) */
body.menuOverflow #header #mobile_nav {
	display:inline-block;
	margin:0;
	height:56px;
	/* float:right; */
}
body.menuOverflow #main_nav {
	display:none;
	height:auto;
	position:relative;/*so zindex works*/
	margin: 0 0 6px;
	width: 434px;
	padding: 0 0 10px 0;
	background: rgb(78, 80, 93);
	position:absolute;
	right:0;
	left:auto;
	top:64px;
}
body.menuOverflow #main_nav li{
	display:block;
	clear:both;
	text-align:left;
	float:none;
	min-width:434px;
	margin-top: 0;/*especially mobile/tablet!*/
	padding: 0;
	line-height: 2em;
	transition: background 1s ease;
	background:transparent;
	height: 2em;
    font-size: 1.2em;
}
body.menuOverflow #main_nav li:hover {
	background: rgb(130, 178, 68);
}
body.menuOverflow #main_nav .sub-menu >li {
	padding-top:0;
}
body.menuOverflow #main_nav li a {
	float:none;
	font-size:inherit;
	height: 2em;
	padding:0 10px;
}
body.menuOverflow #header #mobile_nav >ul> li,
#mobile_nav .menuWord {
	display:none;
}
#main_nav ul.sub-menu {
	background: rgb(130, 178, 68);
	text-align: center;
	width: 15rem;
	padding: 1em 0;
	box-sizing: border-box;
	left: 50%;
	top: 66px;
	margin-left: -7.5rem;
	text-align: center;
}
body.menuOverflow #main_nav .sub-menu {
	margin-left:0;
	left:10px;
}
#main_nav ul.sub-menu::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 8px solid rgb(130, 178, 68);
    border-bottom-color: rgb(130, 178, 68);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -7px;
}
body.menuOverflow #main_nav ul.sub-menu {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	padding: 0;
	position: relative;
	top: 0;
	width: 98%;
	width: calc(100% - 10px);
	z-index: 0;
}
body.menuOverflow #main_nav li.current_page_parent ul.sub-menu {
	display: block;
	background: rgb(130, 178, 68);
}
body.menuOverflow #header #mobile_nav >ul> li.menu_btn {
    display: block;
    float: right;
    height: 45px;
    padding: 0px;
    width: 50px;
    margin: 20px 0 0 0;
    text-align: center;
}
body.menuOverflow #header #mobile_nav >ul> li.menu_btn a:before {
	font: normal normal normal 22px/40px FontAwesome !important;
	content: "\f0c9";
	vertical-align: middle;
	display: inline-block;
}
body.menuOverflow #header #mobile_nav >ul> li.menu_btn >a {
	display:block;
	height:100%;
	color: #FFF;
	text-decoration: none;
}
body.menuOverflow #main_nav ul.sub-menu li a, #main_nav ul.sub-menu li a:hover {
    line-height: 28px;
    height: 28px;
    color:#E6F2B8;/*yellow*/
	text-decoration:none;
    width: auto;
}
body.menuOverflow #main_nav li a {
	border: 2px solid transparent;
}

@media screen and (max-width: 480px) {/*overwrite some mobile.css stuff:*/

	html body #logo {
		position:absolute;
		width:auto;
	}
	#logo a
	{
		top: 0px !important;
	}
	#logo a * {
		max-width: 100%;/*#1399*/
	}
	body.mobileOn.menuOverflow #logo {
		max-width: calc(100% - 75px);
	}
	body #body_wrapper {/*consistent clipping with */
		padding:0;
	} 
	body #content {/*like body.noWidgets above*/
		padding:82px 0 0 0;
	}
	html body #header #mobile_nav { 
		display:block;
	}
	
	html body #header #mobile_nav ul { 
		display:block;
		/*margin-top: 7px;uncenters.*/
	}
	
	#header #mobile_nav >ul> li {
		display:none;
	}
	body #main_nav ul.sub-menu li {
		height:0;
	}
	body #main_nav li {
		border-bottom: none;
	}
	body #main_nav li a {
		line-height:1em;
		height: 1em;
	}
	/* non-fixed */
	body #header {
		position:absolute;
	}
	body.withNavWrap.iOS #header {
		position:fixed; /*or scroll messes when menudown, scroll*/
		width:100% !important;
	}
	body #header,
	body #footer {
		margin:0; padding:0;/*or white right stripe*/
	}
	#footer .container {
		color: rgb(159, 160, 163);
	}
	body.withNavWrap.mobileOn #header .container {
		width:80%;/*more even left pull in*/
	}
	body.iOS.withNavWrap #header * {
		/*box-sizing: content-box !important;*/
	}
	/*body.iOS.withNavWrap.mobileOn.menuOverflow.menuDown {
		position:fixed;
	}*/
	body.iOS.withNavWrap.mobileOn.menuOverflow.menuDown #content_container,
	body.iOS.withNavWrap.mobileOn.menuOverflow.menuDown .plHome {
		/*position: fixed;
		max-height:100%;
		overflow:hidden;
		display:none; breaks width iPhone */
		visibility: hidden;
	}
	body.withNavWrap.mobileOn.menuOverflow.menuDown #header,
	body.withNavWrap.mobileOn.menuOverflow.menuDown .nav_wrapper {
		height:100%;
		width:100% !important;
		position:fixed;
		padding-bottom:180px;/*no show scroll-under.*/
	}
	body.Android.withNavWrap.mobileOn.menuOverflow.menuDown #header,
	body.Android.withNavWrap.mobileOn.menuOverflow.menuDown .nav_wrapper {
		transform: translateX(0);/*less glitchy Android scroll*/
	}
	body.withNavWrap.mobileOn.menuOverflow:not(.menuDown) .nav_wrapper {
		display:none !important;
	}
	body.withNavWrap.mobileOn.menuOverflow.menuDown .nav_wrapper {
		display:block;
		position: fixed;
		overflow:auto;/*scrollable*/
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		height: calc(100% - 182px); /* -scrollunder, -headingheight */
		top: 80px;
		text-align: center;
	}
	body.withDemoHeader.withNavWrap.mobileOn.menuOverflow.menuDown .nav_wrapper {
		height: calc(100% - 360px); /* -scrollunder, -headingheight -demo */
	}

	body.withNavWrap.mobileOn.menuOverflow.menuDown .nav_wrapper #main_nav {
		position:static;
		float:none;
		text-align:center;
		min-width:100%;
	}
	body.withNavWrap.mobileOn.menuOverflow.menuDown .nav_wrapper #main_nav,
	body.withNavWrap.mobileOn.menuOverflow.menuDown .nav_wrapper #main_nav li{
		width:100%;
		/*height:auto;*/
		position:static;
		text-align:center;
		padding: 10px 0;
	}
	body.withNavWrap.mobileOn.menuOverflow.menuDown .nav_wrapper #main_nav .sub-menu li {
		padding:0;
	}
	body.withNavWrap.mobileOn.menuOverflow .nav_wrapper {
		text-align:center;
		width: 100%;
	}


	html body #logo a, html body.mobileOn #logo a{
		position:relative;/*override mobile*/
	}
	.top_panel_title .content_wrap {
		max-width:80%;
	}
	body.thumbLeft #content .post.type-post .thumbnail.Top {
		/*full width in this mobile view*/
		margin-left:0%;
		width:100%;
	}
	body.menuOverflow #main_nav li {
		min-width:100%;
	}
	body.menuOverflow #main_nav > li.menu-item-has-children::after {
		content:'';
		display:none;
	}
	/*specific moved part*/
	.nav_wrapper .sflb_section {
		padding: 10%;
		text-align: center;
	}
	.nav_wrapper .sflb_section >*{
		text-align: center !important;
	}
}
/**********************END slidering 65ish*************************************/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,700|Open+Sans:400,300,700|Montserrat:400,700);

@font-face {
  font-family: Montserrat;
  src: local("Montserrat"),
       url(https://d2d735512y8kbj.cloudfront.net/fonts/Montserrat.otf);
  font-weight: bold;
}
@font-face {
  font-family: Montserrat-Bold;
  src: local("Montserrat-Bold"),
       url(https://d2d735512y8kbj.cloudfront.net/fonts/Montserrat-Bold.otf);
  font-weight: bold;
}
@font-face {
  font-family: Montserrat-Light;
  src: local("Montserrat-Light"),
       url(https://d2d735512y8kbj.cloudfront.net/fonts/Montserrat-Light.otf);
}
@font-face {
  font-family: Montserrat-UltraLight;
  src: local("Montserrat-UltraLight"),
       url(https://d2d735512y8kbj.cloudfront.net/fonts/Montserrat-UltraLight.otf);
}
body.SFsearchHid #header
{
	margin-top:0px;
}
html {
	height: 100%;
}
body, textarea, input, select {
	font: 16px/19px Poppins,sans-serif;
	letter-spacing: 1px;
}
html body {
	min-width:100px; /* Like 65,66 - what if sflb 3col messes up when smaller???*/
}
/*textarea, input, select {
	color: #000;
}
input, select, textarea {
	font-weight:bold;
}*/
body {
	/*font: 400 16px/27px "Poppins","Open Sans", Arial, sans-serif;
	*/
	font: 400 1rem/1.8em "Poppins","Open Sans", Arial, sans-serif;
	height: 100%;
	background: #FFF;
	color: rgb(159, 160, 163);
}
.sfadditionaltoppage .sflb_section {
	font: 400 1rem/1.8em "Poppins","Open Sans", Arial, sans-serif;
}
#footerPage {
	border-top: 2px solid #F4F4F4;
}

.sfheaderpage .entry .sflb_row {
	padding: 0;/*or too wide*/
	margin-top:2px;
}
.sfheaderpage .sflb_section {
	display:none;
	background: transparent !important;/*override*/
}
.sfheaderpage .entry >.sflb_row:first-of-type >.sflb_section:first-of-type,
.sfheaderpage .sflb_content >.sflb_row >.sflb_section:first-of-type {
	display:inline-block;
	line-height: 60px;
}
.sfheaderpage .sflb_row .sflb_section >div {
	line-height: 60px;
}
.sfheaderpage {
	background: transparent !important;
}

.sfheaderpage,
.sfheaderpage .entry,
.sfheaderpage .entry .sflb_section {
	max-width:200px;
	width:auto;
	min-width: 30px;
	height: 80px;
	max-height:80px;
	background: transparent;
}
.sfheaderpage.page {
	overflow: hidden;
	float:right;
}
.home #body_wrapper {
	width: 100%;
	max-width: 100%;
}
a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:rgb(130, 178, 68);
}
#footerPage .entry, .sfadditionaltoppage .entry {
	max-width: 1170;
	width:100%;
	padding-top:5px;
    box-sizing: border-box;
}
.sfadditionaltoppage .entry h2 {
	/*size smaller small area.*/
	font-size: 1.33rem;
	font-weight:500;
}

.slider_wrap {
	position: relative;
}
/*body.withDemoHeader .slider_wrap{
	breaks editmargin-top:82px;
}
body.withDemoHeader .cycle2-slideshow.plBannerContainer {
	margin-top:84px;/*or text may be clipped top
}*/

.slider_wrap .sfadditionaltoppage.page {
	max-height:120px;
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	width: 100%;
    padding-top: 1.5rem;/*different inners or this would be 2.7rem*/
    padding-bottom: 1.5rem;
}
.sfadditionaltoppage div {
	color: #FFF;
}
/*lesser than iPad width:*/
@media screen and (max-width: 700px) {
	.sfheaderpage {
		display: none !important;
	}
	.nav_wrapper >.sflb_section {
		display:none;
	}
	body.menuDown .nav_wrapper >.sflb_section {
		display:block;
		height:auto !important;
		padding:0 5px;
	}
	body .nav_wrapper {
		/*display:none;break downsizehamberge detection*/
		padding: 0;
		width: 434px;
		background: rgb(78, 80, 93);
		position: absolute;
		right: 0;
		left: auto;
		top: 64px;
		
		overflow:auto;/*scrollable:*/
		max-height: calc(100vh - 100px);
	}
	body.withDemoHeader .nav_wrapper {
		max-height: calc(100vh - 170px);
	}
	body.menuDown .nav_wrapper {
		display:block;
		padding: 0 0 10px 0;
	}
	body .nav_wrapper #main_nav {
		position:static;
	}
	.slider_wrap .sfadditionaltoppage.page {
		padding-top:2rem;
		padding-bottom:2rem;
	}
}
@media screen and (max-width: 600px) {
	.slider_wrap .sfadditionaltoppage.page {
		padding-top:5px;
		padding-bottom:5px;
		max-height: 250px;/*small clip. See also new .noShowMobile for this theme below*/
	}
	.slider_wrap .sfadditionaltoppage.page .sflb_section {
		margin-bottom: 8px;
	}
	/*.noShowMobile {
		display: none;
	}*/
}
@media screen and (max-width: 1200px) {
	.noShowTablet {
		display: none;
	}
}

#content_container {
	background: transparent;
	max-width:100%;/*or headers cant have the background all across*/
	width:100%;
	/*overflow: hidden; */
}
.gallery_container {
	margin-bottom: 28px;
	position: relative;
	background:transparent;
}
#content_container .slideshow_container {
	background: transparent;
}

#content_container_inner {
	clear: both;
	width:auto;
}

#content >br:first-child {
	display:none;
}
.post .post, div.page .post {
	margin-bottom: 35px;
}
.type-post >.thumbnail.Under {
	margin-bottom:20px
}

body.thumbLeft #content >.post .thumbnail.Top {
	/*padding: 1.4em 3.3478% 2em calc( 50% - 585px );*/
	padding: 0; /*or off link inner effect*/
	margin-left: calc(50% - 585px);
	width: 50%;
}
.sflb_section .post .thumbnail.Top {
/* even space where it's at at Hein request: */
	max-height: 240px;
	overflow: hidden;
}
@media screen and (max-width: 1024px) {
	body.thumbLeft #content >.post .thumbnail.Top {
		margin-left:10%; /*50px;*/
	}
}
/*@media screen and (max-width: 900px) {
	body.thumbLeft #content >.post .thumbnail.Top {
		margin-left: 20px;
	}
}*/

.sflb_section .thumbnail::before {
    content: '\e8b5';
    font-family: "fontello";
    font-size: 3rem;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    color: RGB(255, 255, 255);
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    margin-top: 100px;
    transition: all 0.3s ease 0s;
    border: 4px solid rgb(255, 255, 255);
    padding: 0;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.thumbnail .post_info_item {
	transition: opacity 0.5s linear;
	/*margin-left:50px;all but thumbleft mode*/
}
body .post_info_item.post_info_posted {
	background-color:rgb(130, 178, 68);
}
body.thumbLeft .post_info_item {
	margin-left:0;
}
.thumbnail:hover .post_info_item {
	opacity: 0;
}
.thumbnail:hover::before {
    opacity: 1;
    filter: alpha(opacity=100);
    margin-top: 0;
}
/* innerBlog, and also generic for sermons and other pagination:*/
.innerBlog .navigation >.page-numbers,
div:not(.sermon_playlist) >.navigation >.page-numbers {
    display: inline-block;
    margin: 0 7px 7px 0;
    text-align: center;
    font-size: 1.333rem;
    line-height: 4.6rem;
    width: 4.6rem;
    height: 4.6rem;
    color: #FFF;
    background:rgb(130, 178, 68);
    border: 3px solid rgb(130, 178, 68);
    text-decoration:none;
    transition: all 1s ease;
}
.innerBlog .navigation >.page-numbers.current,
.innerBlog .navigation >.page-numbers:hover,
div:not(.sermon_playlist) >.navigation >.page-numbers.current,
div:not(.sermon_playlist) >.navigation >.page-numbers:hover{
	color:rgb(130, 178, 68);
	background:#FFF;
}
.innerBlog .navigation >.page-numbers.dots,
.innerBlog .navigation >.page-numbers.next,
.innerBlog .navigation >.page-numbers.prev,
div:not(.sermon_playlist) >.navigation >.page-numbers.dots,
div:not(.sermon_playlist) >.navigation >.page-numbers.next,
div:not(.sermon_playlist) >.navigation >.page-numbers.prev {
	background: transparent;
	border: none;
	color:rgb(130, 178, 68);
	margin:0;
}

.post, div.page {
	padding:0;
	/*as in admin*/
	position: relative;
	z-index:0;
}
body #content_container_inner,
body.noWidgets #content_container_inner {
	margin-bottom: 0;
	width:100%;
}
body #content,
body.noWidgets #content {
	display: block;
	height: auto;
	width: 100%;
	max-width:100%;
}
body.noWidget #content > div,
body #content > div {
	width: auto;
}
body.noWidget #content > div.type-post,
body #content > div.type-post 
{
	/*interferes search padding:0px 10px;*/
}
/*just this theme blog styling:*/
.postedOn {
	display: none;
}
body.showauthor .postAuthor:after {
	content: '';/*enter:*/
	display: block;
}
/*border: after because before is used icon */
body.showviews.showcomments .postViews:after {
	content: '|';
	padding-left: 1.2em;
}

body.home #content{
	max-width:100%;
}

#sidebar {
	display: none !important;
}
.textwidget >p {
	margin: 0;
}
li.widget li, body div.widget.widget li{
	border: 0;
}
li.widget h2, body div.widget.widget h2{
	background: transparent;
	border: 0;
	font: 20px/23px Montserrat,"Open Sans",Arial;
	padding: 2px 14px;
	color: #434f5b;
}
.widget.widget_text {
	margin: 0;/*no usual 30px bottom, eg map section link */
}
body .entry .widget a
{
	color:#6b6b6b;
}
h1 /* Playlist could be on one of these, but probalby just add as it is way different looking */
{
	font: 40px/1.23em "Poppins";
}
h2,h3,h4,h5,h6, .pagetitle {
	font: 22pt/28px "Poppins";
}

.entry h1 {
	font: 2.666rem/1.23em "Poppins";
}

.entry h2 {
	font: 1.6rem/1.3em "Poppins";
}

.entry h3 {
	font: 1.5rem/1.3em "Poppins";
}
.entry h4 {
	font: 1.45rem/1.3em "Poppins";
}
.entry h5 {
	font: 1.4rem/1.3em "Poppins";
}
.entry h6 {
	font: 1.35rem/1.3em "Poppins";
}
.post >*, .page >*,
body.search .pagetitle,
body.search .status-publish >* /*every type on searchpage. */
{
	margin: 0 auto;
	/*fullwidht  max-width:950px;*/
}
body.page >* {
	/*for wc-gallery etc*/
	max-width: none;
}
body.search .more_link {
	display:block;
}
/* not for page body-wrapper, limits width */
.page >#body_wrapper {
	max-width:100%;
}

body.home h2.posttitle, body.home .posttitle a {
	font: 1.6rem/1.3em "Poppins","Open Sans",Arial;
	font-weight:600;
	margin: 6px auto 0 auto;
	padding: 7px 5px 0 0;
	color:#434f5b;
	text-decoration: none;
	border-bottom: none;
}
/*smaller, standard*/
h2.posttitle a{
	font:bold 20px/1.3em "Poppins","Open Sans",Arial;
	color:rgb(49, 53, 74);
	margin-top: 0;
	margin-bottom: 1.2em;
	border-bottom: 3px solid #f4f4f4;
	border-bottom-color: #f4f4f4;
	/*padding-bottom: 1.2em;messes */
}
.post >.postmeta {
	/*color: #7c7c7c;*/
	padding:2em 0 .5em 0;
	font: inherit;
}

body.single-sermons #content >.sermons:before {
	content: none;
}
body.single-sermons .sermons >img {
	display: block;
	margin: 10px auto;
}
body.single-sermons .sermons >.mejs-container {
	max-width: 1170px;
	width:90%;
}
body.single-sermons .sermons .entry .sflb_section {
	padding-left:0;
	padding-right:0;
}


.sermon_playlist .sermon .excerpt p,
.sermon_playlist .sermon .excerpt div {
	line-height: 1.9;
	margin: 0;
}
.sermon_playlist .sermon .excerpt.entry {
	margin:11px 0 0 0;/*since text looks bigger ^*/
}


/* defaults since page thumbnail is not expected except this theme. */
.page >.thumbnail {
	display:none;
}

/*body.thumbUnder .page >.thumbnail.Under,
body.thumbTop .page >.thumbnail.Top ALWAYS:*/
body .page >.thumbnail.Top {
	display:block;
	width: 100% !important;
	max-width: 100% !important;
	
	height: 300px;
	overflow: hidden;
}

h2.posttitle {
	padding-top:.4em;
	position: relative;/*or posttitle invisible white*/
}
/*hides page title on search, odd.
 * .page >.posttitle {
	display:none;
}*/

/*body.thumbTop .post.has-post-thumbnail {
	margin-top:300px;
}
body.thumbTop .post.has-post-thumbnail .thumbnail {
    position: absolute;
    bottom: 100%;
    height: 100px;
    max-width:100%;
    left: 0;
    right: 0;
    height: 300px;
    overflow: hidden;
    z-index: -1;
}
.thumbnail.wideImage {
	position: relative;
}
.thumbnail.wideImage img {
	width: auto !important;
	max-width: none !important;
	height: 100%;
	margin: 0 auto;
    position: absolute;
    top: 0;
    left: -100%;
    right: -100%;
}
body.thumbUnder .thumbnail img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto;
	position: static;
}*/
#content >.post .posttitle,
#content >.post .thumbnail,
#content >.post .postmeta,
#respond,
body.search-no-results #content {
	padding-left:10%;
	padding-right:10%;
	max-width: 1170px;
}
body.thumbHidden #content >.post .posttitle,
body.thumbHidden #content >.post .postmeta,
body.thumbTop #content >.post .posttitle,
body.thumbTop #content >.post .postmeta,

body.single-sermons .sermons > * {
	max-width: 1170px;
}

.single-post .thumbnail img,
.thumbnail img {
    width: 100%;
    max-width:100%;
}
.sflb_section {
	box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px;
}
.sflb_row {
	margin: 0;
}
/*.sflb_section, */.sflb_row .sflb_section[style*="background"] {
	box-sizing: border-box;
	/* padding: 0px 50px; *//*more that ususal for width padding!*/
}
#respond {
	margin: 0 auto;
	max-width: 950px;
	position: relative;
}
body.search-results #content >* {
	padding:3px 10%;
	max-width:1170px;
	margin: 0 auto;
}
body.search-results #content >div >br {
	display: none;
}
body.search-no-results #searchform input[type=text]{
	width:50%;
}
body.search-results #content .posttitle {
	padding-left:0;
	padding-right:0;
}

.sfadditionaltoppage.page .sflb_row .sflb_section {
	padding:3px 0;
}
#content >div> hr {
	display:none;
}
#footer {
	height: 50px;
	position: relative; z-index:20;/*above background overlay page*/
}
#footer .container >ul{
	width:calc(100% - 38px);
	text-align:center;
}
#footer .container {
	width: 100%;
	padding: 0;
}
#footer #footer_nav {
	margin-top:10px;
}
#footerPage >.page {
	padding-bottom:25px;
}
body.home #footer .container {
	width: 100%;
	max-width:100%;
}
#footer .container >ul li a{
	color: #434f5b;
}
#footer .container >ul li a:hover,
#footer .container >ul li.current_page_item a {
	color: #434f5b;
}
#footer_nav a {
	text-decoration:none;
	color: #434f5b;
	font: 300 14px/22px Montserrat,"Open Sans",Arial;
}
body.withFootPage #footer .fl_l{
	position: relative;
	margin-top: -24px;
}

#footer .fl_l {
    float: right;
    position: absolute;
    bottom: -48px;
    right: 0;
    margin: 0;
    width: 34px;
}
#footer .fl_l a {
    background: url("../../css/sf-logo16-black.png") no-repeat scroll 0 0 / 20px;
	width:30px;
	margin:0 0 0 4px;
}
#footer .fl_l.white a {
    background: url("../../css/sf-logo16-white.png") no-repeat transparent 0 0 / 20px
}
#footer .fl_l.with_text ~ #footer_nav {
	width:100%;
}
#footer .fl_l.with_text a {
	width: auto;
	color: #000 !important;
}
#footer .fl_l.with_text.black a {
	color:#000 !important;
}

@media screen and (max-width: 480px) {
	body #logo {
		line-height: 1;
		margin-top:10px;
	}
	body.mobileOn .gallery_container {
		background: transparent;
	}
	body.mobileOn #header,
	body.mobileOn #footer {
		margin:0;
		padding:0;
		box-shadow: none;
	}
	body.mobileOn #main_nav {
		width:auto;
		margin-top:-10px;
	}
	body.mobileOn #content_container {
		margin:0;
	}
	body.mobileOn #content_container_inner {
		border-spacing: 0;
		display: block;
	}
	/* Spacing at Hein's request
	 * html body.mobileOn .sflb_row .sflb_section {
		margin-bottom:0;
	} unless specifically unset, 50 50 no space: this is kind of useless as bg images centered are 50% 50%
	html body.mobileOn .sflb_section[style*="50%"] {
		margin-bottom:0;
	}*/
	body.mobileOn #content{
		display: block;
		height: auto !important;
		width: 100% !important;/*or mobile thumbnail less wide*/
		padding:0;
		float: left;
	}
	body.mobileOn #content > div {
		width: auto;
	}
	body.mobileOn #sidebar ul.widgets {
		/*margin: 15px 0 0;*/
		width: auto;
	}
	body.mobileOn li.widget {
		margin: 0;
		padding: 30px 0 40px;
	}
	body.mobileOn #footer .container {
		height: 42px;
	}
	body.mobileOn .fl_l {
		margin: 10px 0 0;
	}
	body.mobileOn #footer .mobile_toggle {
		display:none;
	}
	.slider_wrap .sfadditionaltoppage.page,
	.slider_wrap .sfadditionaltoppage.page .entry {
		padding-top:0;
	}
	#slideshow {
		height: auto;
	}
	/*consistent with nonmobile:*/
	body.mobileOn .post, body.mobileOn div.page {
		padding:0;
	}
	body.mobileOn #gal_nav > a:first-child:last-child {/*single-child bogus link, shouldn't add height.*/
		display:none;
	}
	body.mobileOn #gal_nav {/*but don't let nav completely collapse:*/
		min-height:5px;
	}
	
	.sfheaderpage {
		max-height:none;/*as it wraps*/
	}
	#footerPage .sflb_section {
		margin-bottom: 5px;
	}
	#footerPage .sflb_section >* {
		text-align: center !important;
	}
}

/* Differences from 55: */
body.home #content_container {
	width:100%; max-width:100%;
	/*bump it into logo:
	top: -35px;*/
}
body.home #content_container_inner,
body.home #content {
	width:100%;
	border-spacing:0;
	margin:0;
}
body.single-post #content .posttitle {
	margin-top: 0;
}

#content {
	padding: 4em 0;
}
body.home #content {
	padding: 0;
}
body.home .gallery_container {
float:none;
}
body.home .gallery_container #slideshow {
margin: 0 auto;
}

/* Coolbanner page top banner*/
.plBannerContainer {
	z-index:0;
}
.plBanner {
	width:100%;
	min-height:200px;
	max-height:900px;
	background:#FFF;/* because transparent -> normal bg doesn't tile-effect well.*/
	background-attachment: initial !important;
}
body .plBanner .entry>*{
	max-width:1200px;
}
.sfPagePrev, .sfPageNext {
  display:block;
  width:30px;
  position:absolute;
  font-size: 15px !important;
  background: none;
  width: 5.333em;
  height: 5.333em;
  line-height: 5.333em;
  border: 3px solid rgb(78, 80, 93);
  border: 3px solid rgba(255,255,255, 0.2);
  color:#FFF;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.sfPagePrev {
  background: #000;
  background:transparent;
  cursor: pointer;
  left:9%; top:50%;
  left:calc( 10% - 50px );/*or may bump text*/
}
.sfPageNext {
  background: #000;
  background:transparent;
  cursor: pointer;
  right:9%; top:50%;
  right:calc( 10% - 50px );
}
@media screen and (max-width: 1010px) {
	.sfPagePrev, .sfPageNext {
		width: 3em;
		height: 3em;
		line-height: 3em;
	}
	.sfPagePrev {
		left: 3%;
	}
	.sfPageNext {
		right: 3%;
	}
}
@media screen and (max-width: 480px) {
	.sfPagePrev, .sfPageNext {
		width: 2em;
		height: 2em;
		line-height: 2em;
	}
	.sfPagePrev {
		left: 1%;
	}
	.sfPageNext {
		right: 1%;
	}
}

.sfPagePrev::before, .sfPageNext::before {
    font-size: 1em;
    font-family: 'fontawesome';
    line-height: inherit;
}
.sfPagePrev::before {
	content: "\f177";
}
.sfPageNext::before {
	content: "\f178";
}

body:not(.iOS):not(.Android) .sfPagePrev:hover,
body:not(.iOS):not(.Android) .sfPageNext:hover {
	opacity:1;
	border-color:rgb(130, 178, 68);
    background-color: rgb(130, 178, 68);
}

.plBannerContainer {
	height:80%; /* before others load and change - perhaps may fix the inital rare jumpiness?*/
}
/* custom bg on home - shouldn't be, but just in case - remove seems to not remove completely */
body.home #content >.page >.SFPLOverlay {
	position:absolute;
}
#body_wrapper .SFPLOverlay {
	max-width:100%;
}
.home .sfnavpage .sflb_section{
	/*for home white text*/
	background:#31939A;
}
.sflb_row:last-child {
	margin-bottom: 0;
}
.sflb_row:not(.sflb_12) {
	box-sizing: border-box;/*1170 contentarea*/
	padding-left: calc(50% - 635px);
	padding-right: calc(50% - 635px);
}
.sfbannerpage {
	color:#806753;
	display: none;
}
.sfbannerpage div,
.sfbannerpage h1,
.sfbannerpage h2,
.sfbannerpage h3 {
	color: #FFF;
}
body.home .sfbannerpage {
	background-position: 50% 50%;
}
body.error404 #content {
	padding-top:20px;
}

/* Singlerow max-width 950 while keeping actual width... padding calc
@media screen and (min-width: 1050px) {*/
	[id=content] >div>div >.sflb_row >.sflb_span12,
	[id=content] >div>div>div >.sflb_row >.sflb_span12,
	.sflb_content >div> .sflb_span12,
	.sfadditionaltoppage.page .sflb_row >.sflb_span12,
	.sflb_row:not(.sflb_12),
	#footerPage .entry,
	#comments, .commentlist,
	.post-type-archive-sermons .entry
	{
		padding: 0 calc( 50% - 585px );/*1170 contentarea*/
	}
	.post .fb-container
	{
		padding: 0 calc( 50% - 585px );
	}
	


/*Toplevel, editing or no*/
/*1350 caused odd uneven spot resizing:*/
@media screen and (max-width: 1450px) {
	 [id=content] >div>div >.sflb_12 >.sflb_section,
	 [id=content] >div>div>div >.sflb_12 >.sflb_section,
	 [id=content] >div>div >.sflb_row:not(.sflb_12), /*ROW has padding! since now row can be colored.*/
	 [id=content] >div>div>div >.sflb_row:not(.sflb_12),
	 #footerPage .entry,
	 .sfadditionaltoppage .entry,
	 .post-type-archive-sermons .entry,
	 #comments, .commentlist,
	 body.search #content
	 {
	 box-sizing: border-box;
	 padding-left: 10%;
	 padding-right: 10%;
	 }
	 
	 body.single-sermons #content .sermons.sermons > * {
		max-width:80%;
	 }
	 /*specific overriding general:*/
	 body.thumbLeft #content >.post .thumbnail.Top {
		margin-left: 10%;
	 }
	 @media screen and (max-width: 500px) {
		/*Do not go off screen mobile*/
		 body.thumbLeft #content .post .thumbnail.Top {
			margin-left: 0;
		 }
	 }
	 
	 .entry >.fb-container {
		padding-left:10%;
		padding-right:10%;
		max-width: 1170px;
	 }
	 /*.sflb_row:not(.sflb_12) { this would do every single internal blog listing with rows etc
		box-sizing: border-box;1170 contentarea
		padding-left: 10%;
		padding-right: 10%;
	 }*/
}
.post-type-archive-sermons .type-sermons .entry {
	margin-top:2em;
}

/*Merge menu on lesser screens*/
@media screen and (max-width: 900px) {
/*
 .sflb_section {
	padding-left:50px;
	padding-right:50px;
 }*/
	body #main_nav.menu {
		text-align:center;
	}
	/*body #logo { na
		height: auto;
		margin-bottom: 20px;
	}
	#logo >a { consistent frontend, backend:
		position:static !important;
		margin-top:5px !important;
	}*/
	#main_nav >li[style] {
		/*override splitting*/
		display: inline-block !important;
	}
	#main_nav2 {
		display:none;
	}
	#main_nav:before {
		display:none;
	}
	
	body #header {
		height: auto;
	}
	#header .search 
	{
	    top: -26px;
	}
	
	#header .search input.search_inp 
	{
	    /* width: 78%; */
	}
	
	body.home #content_container 
	{
		margin-top:15px;
	}
	#header #searchsubmit 
	{
	    float: none;
	    margin-left: -7px;
	}
	/*interferes most thumb modes
	#content >.post >.posttitle,
	#content >.post >.postmeta,
	#content >.post >.thumbnail {
		padding-left:20px; padding-right:20px;
	}*/
}

body.menuOverflow #main_nav ul.sub-menu:before {
	content: none;
}
body.menuOverflow #main_nav ul.sub-menu {
	background:transparent;
	overflow: hidden;
	/*undo superfish jumpdown*/
    transition: none !important;
    animation: none !important;
}

@media screen and (max-width: 1350px) {
	.top_panel_title .content_wrap {
		max-width: 100%;
		width: 100%;
	}
	.top_panel_title .page_title,
	.top_panel_title .breadcrumbs{
		max-width: 100% !important;
		width: 100%;
		float: none;
		text-align: center !important;
	}
	.top_panel_title.title_present .content_wrap .breadcrumbs {
		padding-top: 0;
	}
	.top_panel_title_inner {
		width: 100%;
	}
	.top_panel_title .page_title {
		font-size: 1.2em;
		text-transform: none;
		padding: 1.3em 0 1em;
	}

}

/* custom menu thing */
@media screen and (max-width: 480px) {

	[id=content] >div>div >.sflb_row >.sflb_section{
		padding:0 10%;/*matching elsewhere 10%*/
	}
	body #body_wrapper {
		padding:0;
	}
	body #header #mobile_nav {
		margin: 0;
		margin-top: 10px;
	    margin-bottom: 10px;
		height: 50px;
		position:relative;
	}
	
	body.mobileOn .sfheaderpage .sflb_row .sflb_section {
		margin-bottom: 4px;
	}
	
	#body_wrapper #header .search {
		margin-right: 0; /*positioning.*/
		margin-left: 0;
	}

	#main_nav >li[style] {
		/*override splitting*/
		display:block !important;
	}
	body.mobile #content_container {
		width:100%;
	}
	body.mobileOn #main_nav {
		display: none;
		min-width: 100%;
		max-height:none;
		background: transparent;
	}
	/*body.mobileOn .nav_wrapper {
		background:rgba(78,80,93,0.9)
	}*/
	body.home.menuDown.mobileOn #header{
		background: rgb(78, 80, 93);
	}
	#main_nav ul.sub-menu:before {
		content: none;
	}
	#main_nav ul.sub-menu {
		background:transparent;
	}
	body.mobileOn #main_nav ul.children li:hover, 
	body.mobileOn #main_nav ul.sub-menu li:hover, 
	body.mobileOn #main_nav2 ul.children li:hover, 
	body.mobileOn #main_nav2 ul.sub-menu li:hover
	{
		padding:0;
	}
	body.mobileOn .sfnavpage .sflb_section:first-of-type {
		margin-top:20px !important;/*overwrite merge-down, even.*/
	}

	body.mobileOn #header #mobile_nav li.menu_btn {
		width:100%;
		height:50px;
		line-height:50px;
		background: none;
		background-size:20px;
	}
	body.mobileOn #header #mobile_nav .menuWord {
		font: bold 24px/50px Montserrat,"Open Sans",Arial,sans-serif !important;
		color: inherit !important;/*over mobile.css*/
	}
	body.mobileOn #header #mobile_nav .home_btn {
		display:none;
	}
	body.mobileOn #header #main_nav li {
		border-bottom: none;
	}
	body.mobileOn #header #main_nav li:hover {
		border-bottom: none;
	}
	body.mobileOn #header #main_nav li,
	body.mobileOn #header #main_nav li a {
		height:50px; line-height:50px;
		position:relative;/*for inner arrow*/
	}
	/*body.mobileOn #header #mobile_nav .search_btn {
		position:absolute;
		bottom:6px;
		right:10px;;
		width:10%;
		background:url("menu-search.png") no-repeat scroll 100% 3px;
		background-size:18px;
	}*/
	body.mobileOn.searchPushed #logo {
		z-index:-1;/*Not over the search box*/
	}
	body.mobileOn  #header input.search_inp {
		color:#FFF;
		width: 0;
	}
	body.mobileOn #header #searchsubmit {
		float: none;
	}
	#body_wrapper #footer,
	div#footer .container,
	div#footer .mobile_toggle {
		padding:0;
	}
	body.home #content_container 
	{
	    margin-top: 0px;
	}
	body.mobileOn #header #mobile_nav li a {
	    color: #575657;
	}
	body.mobileOn page .entry 
	{
		margin-top:10px;
	}
	.sflb_row {
		margin-bottom: 0 !important;/*do not have desktop adjustment and double the spaced cells sometimes.*/
	}
	
	#main_nav li a {
		border-color: transparent !important;
	}
	/*separates pastor with the hat*/
	.sflb_section .alignleft {
		margin-bottom: 1em;
	}
}
	#header .container {
		height: auto;
		width: auto;
	}

/* content color making stripe on single-slider-pages as previewed in banners sidekick nonadmin */
body.single.single-sfbannerpage #content_container,
body.single.single-sfbannerpage #content {
	background:transparent;
}
#demo_header {
	max-width: 100%;
}
.fb-container
{
	padding-left:20px;
}
.post .fb-container .fb-share-button
{
	margin-left:0px;
}

body.single-sfbannerpage .sfadditionaltoppage.page {
	display:none;
}


/* 7.3 Page info: Grace-themed page title and breadcrumbs 
-------------------------------------------------------------- */
.top_panel_title.title_present.breadcrumbs_present .page_title,
.top_panel_title.title_present.breadcrumbs_present .breadcrumbs {
	max-width:50%;
}
.top_panel_style_3 .page_title,
.top_panel_style_3 .breadcrumbs {
	float:none !important;
	max-width:100% !important;
	text-align:center;
}

.top_panel_title_inner {
	overflow:hidden;
}
.top_panel_title .page_title {
	float:left;
	margin:0;
	font-weight:600;
	font-size: 0.933rem;
	padding: 1.9em 0;
	line-height:1.2em;
}
.top_panel_style_3 .page_title {
	padding:0.5em 0 0.25em;
}

.top_panel_title .breadcrumbs {
	float:right;
	padding: 1.6667em 0 2.5em;
	font-size:0.875em;
	line-height:1.5em;
}
.top_panel_title.title_present .breadcrumbs {
    padding: 1.9em 0 1em 0.5em;
}
.top_panel_style_3.title_present .breadcrumbs {
	padding: 0 0 1.5em 0;
}
.breadcrumbs .breadcrumbs_item {
	display:inline-block;
	vertical-align:top;
	white-space:nowrap; 
}

.breadcrumbs .breadcrumbs_delimiter {
	display:inline-block;
	position:relative;
	margin: 0 1.3em;
	vertical-align:top;
	text-align:center;
}
.breadcrumbs .breadcrumbs_delimiter:before {
	content:'|';
}
.top_panel_title:not(.breadcrumbs_present) {
	visibility:hidden;
	height:82px;
	display:block;
}

/*colors*/
.top_panel_title_inner {
    background-color: #5e606d;
}

.scheme_dark .top_panel_title_inner {
    background-color: #505050;
}

.top_panel_title_inner {
    border-color: rgba(244,244,244,0.1);
}

.scheme_dark .top_panel_title_inner {
    border-color: rgba(144,144,144,0.1);
}

.top_panel_title_inner .page_title {
    color: #fff;
}

.scheme_dark .top_panel_title_inner .page_title {
    color: #fff;
}

.top_panel_title_inner .breadcrumbs a.breadcrumbs_item {
    color: rgba(255,255,255,0.3);
}

.scheme_dark .top_panel_title_inner .breadcrumbs a.breadcrumbs_item {
    color: rgba(240,240,240,0.3);
}

.top_panel_title_inner .breadcrumbs a.breadcrumbs_item:hover {
    color: #fff;
}

.scheme_dark .top_panel_title_inner .breadcrumbs a.breadcrumbs_item:hover {
    color: #f0f0f0;
}

.top_panel_title_inner .breadcrumbs span {
    color: #fff;
}

.scheme_dark .top_panel_title_inner .breadcrumbs span {
    color: #f0f0f0;
}

.top_panel_title_inner .breadcrumbs .breadcrumbs_delimiter {
    color: #a0acb8;
}
/*clickable when overlay on page:*/
.top_panel_title {
	position: relative;
	z-index: 21;
}
.content_wrap{
	width:1170px;
	margin:0 auto;
}

/*matching image roughly spaced under our-pastor */
.sflb_section .alignleft {
	margin-right: 4%;
}
.sflb_section .alignright {
	margin-left: 4%;
}
/*On lesser screens don't leave like one word to the right of floated img: */
.sflb_section .alignleft,
.sflb_section .alignright {
	max-width:40%;
}

.page_title {
	font-family: inherit;
}
.gmapWrap {
  filter: gray; /* IE 6-9 */
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  /*why the space???*/
  margin-bottom: -8px;
}
.ninja-forms-field {
	text-align: left;
	padding: 0.8em 1.9em;
	border: 2px solid rgb(244,244,244);
	border-radius:0;
}
.ninja-forms-field.nf-element {
	padding: 0.8em 1.9em;
	border: 2px solid rgb(244,244,244);
	border-radius:0;
}
.nf-form-fields-required {
	display: none;
}


@media (min-width: 960px) and (max-width: 1135px) {
	body, html[lang] {	font-size: 13px; }
	.entry h1 { font-size: 2.2rem; }
}
@media (min-width: 768px) and (max-width: 959px) {
    body, html[lang] {	font-size: 13px; }
	.entry h1 { font-size: 2.2rem; }
}
@media (min-width: 480px) and (max-width: 768px) {
    body, html[lang] {	font-size: 12px; }
	.entry h1 { font-size: 2.2rem; }
}
@media (max-width: 479px) {
    body, html[lang] {	font-size: 12px; }
	.entry h1 { font-size: 2.2rem; }
}

/* extra spacing 2/3 1/3: */
.sflb_row.sflb_8_4 .sflb_section {
	width: 60.812%;
}
.sflb_row.sflb_8_4 .sflb_section + .sflb_section {
	margin-left:7.5641%
}

.sflb_row.sflb_4_8 .sflb_section + .sflb_section {
	width:60.812%;
	margin-left:7.5641%
}

/*specific content*/
.grey {
	background-color: rgb(249, 249, 250);
}

/*.sermons.type-sermons only happens on the single player list*/
#content .sermons.type-sermons >.posttitle,
#content .sermons.type-sermons >.postmeta {
	padding:0
}
body.post-type-archive-sermons .simplebutton {
	margin-bottom: 20px;/*for wrap*/
}
/*careful this can be playlist and singles, but playlist css overrides:*/
.rss_links {
	font-size:0;
	text-align: left;
	max-height:26px;
}
.rss_links.rss_links >a {
    font-size:0;
}
.rss_links >a {
	width:36px; display:inline-block;
	overflow:hidden;
}
.rss_links img {
	width: 16px;
}
/*for update*/
body.single-sermons .aroundSermon {
	height:90px;
}
.mejs-container .mejs-controls .mejs-time-total.mejs-time-slider,.mejs-controls .mejs-time-rail .mejs-time-loaded, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background:rgba(244,244,244,0.4);
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background:rgb(130, 178, 68);
}

body.menuOverflow #main_nav .sub-menu >li{
	height:0;
	transition: height 1s;
}
body.menuOverflow #main_nav .sfHover >.sub-menu >li,
body.menuOverflow #main_nav .hover >.sub-menu >li{
	height:2em;
}


/*redundant in style.css now?::*/
body .sflb_section[data-sfeffect=flip]:hover:before,
body .sflb_section[data-sfeffect=flip]:hover >*,
body .sflb_section.hasCursor[data-sfeffect=flip]:before,
body .sflb_section.hasCursor[data-sfeffect=flip] >*{
	opacity:1 !important;
	transform: none;
}