@import url('//fonts.googleapis.com/css?family=PT+Serif|Lato:400,100,300,900|Julius+Sans+One|Raleway:100,200,300,700,900|Abel|Josefin+Sans:400,100,300,700|Jura|Oswald:100,400,300,700|Open+Sans');
@import url('fonts/fonts.css');
/*
Theme Name: FBC O'Fallon (2017)
Theme URI: http://www.sevenplacesproductions.com
Description: The custom theme for Wordpress by <a href="http://www.sevenplacesproductions.com">Seven Places Productions</a>.
Version: 1.7.5
Author: Seven Places Productions
Author URI: http://www.sevenplacesproductions.com/
Tags: 
*/

/* FONT AWESOME SNIPPET REFERENCES FOUND HERE - http://astronautweb.co/snippet/font-awesome/ */

/* Begin Typography & Colors *
Orange 		- #ff7900
Green 		- #a7d165
Lt Blue 	- #00bcf3
Blue		- #005694
Dk Gray		- #272624
******************************/
body {font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lato','Open Sans', 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #fff; color: #333; text-align: center; margin: 0 0 20px 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {}
#page {margin: 0 auto; background: #e1e1e1;}
.display-desktop {display: block;}
.display-tablet, .display-mobile {display: none;}
a {cursor: pointer;}
.editlink {position: absolute; top: 0; left: 50%; width: 12px; height: 12px; z-index: 100; background: #000;}
.editlink a {display: block; background: url(images/editme-white.png) no-repeat center; overflow: hidden; width: 100%; height: 0; padding: 12px 0 0; border: none !important;}


.col-full {width:100%; margin:0 0 45px;}
.col-onehalf {vertical-align:top; margin:0 1% 45px; width:48%; display:inline-block;}
.col-onethird {vertical-align:top; margin:0 1% 45px; width:31.5%; display:inline-block;}
.col-twothird {vertical-align:top; margin:0 1% 45px; width:65%; display:inline-block;}
.col-threequarter {vertical-align:top; margin:0 1% 45px; width:74%; display:inline-block;}
.col-onequarter {vertical-align:top; margin:0 1% 45px; width:22.95%; display:inline-block;}
.col-onehalf.first, .col-onequarter.first, .col-onethird.first, .col-twothird.first, .col-threequarter.first {margin-left:0;}
.col-onehalf.last, .col-onequarter.last, .col-onethird.last, .col-twothird.last, .col-threequearter.last {margin-right:0;}
.col-full img, .col-onehalf img, .col-onethird img, .col-twothird img, .col-onequarter img, .col-threequarter img {height: auto !important;}


/* - Responsive embed. Wrap iframe with div with class embed */
div.embed {margin-bottom: .25em; position: relative;}
div.embed:after {content: ''; display: block; height:0; padding-bottom: 56%; width: 100%;}
div.embed iframe {bottom:0; left: 0; height: 100%; position: absolute; right: 0; top:0; width: 100%;}
div.embed[data-aspectratio="1x1"]:after,
div.embed[data-aspectratio="1X1"]:after,
div.embed[data-aspectratio="square"]:after {padding-bottom: 100%;}
div.embed[data-aspectratio="3x2"]:after,
div.embed[data-aspectratio="3X2"]:after {padding-bottom: 67%;}
div.embed[data-aspectratio="4x3"]:after,
div.embed[data-aspectratio="4X3"]:after {padding-bottom: 73%;}
div.embed[data-aspectratio="16x9"]:after,
div.embed[data-aspectratio="16X9"]:after {padding-bottom: 56%;}
div.embed[data-aspectratio="21x9"]:after,
div.embed[data-aspectratio="21X9"]:after {padding-bottom: 43%;}

div.embed[data-aspectratio="2x3"]:after,
div.embed[data-aspectratio="2X3"]:after {padding-bottom: 150%;}
div.embed[data-aspectratio="3x4"]:after,
div.embed[data-aspectratio="3X4"]:after {padding-bottom: 133%;}
div.embed[data-aspectratio="9x16"]:after,
div.embed[data-aspectratio="9X16"]:after {padding-bottom: 178%;}
div.embed[data-aspectratio="9x21"]:after,
div.embed[data-aspectratio="9X21"]:after {padding-bottom: 233%;}


#topbar {background: #ebebeb; position: relative; z-index: 9999;}
#topbar-inner {width: 1200px; margin: 0 auto; padding: 0;}
#topbar-left,
#topbar-right {display: inline-block; vertical-align: middle; width: 49.5%;}
#topbar-left {text-align: left;}
#topbar-right {text-align: right;}
#topbar-left a {color: #000; text-decoration: none; display: inline-block; margin-right: 10px; padding: 5px 0 5px 15px;}
#topbar-left a.phone {background: url(images/icon-phone-small.png) no-repeat left center;}
#topbar-left a.email {background: url(images/icon-email-small.png) no-repeat left center;}
#topbar-left a.live {background: url(images/icon-monitor.png) no-repeat left center;}

#top {position:relative; width: 100%; z-index: 10000; background: #272624; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;
-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0, 0.75);
-moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0, 0.75);
box-shadow: 0px 4px 10px 0px rgba(0,0,0, 0.75)}
.sticky-header #top {position: fixed; top: 0}
#top-inner {width: 1200px; margin: 0 auto; text-align: left; position: relative;}
#main-nav {position:absolute; top: 50%; right: 0; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
#mobilemenu {display: none;}
#top-inner #site-name {font-family: Raleway,'Julius Sans One',Oswald; font-size: 20px; margin: 0; font-weight: 100; text-align: left; text-transform: uppercase; display: inline-block; line-height: 145%; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
#site-name span {font-family: 'champagne_limousinesregular',Raleway,'Julius Sans One',Oswald; letter-spacing:0; display: block; text-transform: uppercase; color: #a7d165; font-size: 40px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
#top-inner #site-name a {/*width: 240px; background: url(images/logo-fbco.png) no-repeat left center; padding: 10px 0 10px 80px; display: block;*/ width: 240px; background: url(http://firstofallon.com/wp-content/uploads/2019/04/logo-first-ofallon-mo.png) no-repeat left center; padding: 78px 0 0px 80px; display: block; background-size: contain; height: 0; overflow: hidden;}
.sticky-header #top-inner #site-name {font-size: 14px; line-height: 130%;}
.sticky-header #top-inner #site-name a {padding:50px 0 0 0;}
.sticky-header #site-name span {font-size: 25px; letter-spacing: 0;}
#top-inner #site-name a,
#top-inner .contact a {color: #dedede; text-decoration: none;}
#top-inner .contact {font-family: 'Lato'; font-size: 12px; font-weight: normal; text-align: right; float: right; text-transform: uppercase; display: inline-block; margin-top: 20px;}

#top-inner .menu-header {display: inline-block; width: auto; margin-top: 0;}
#top-inner .menu {margin: 0px; padding: 0px; list-style: outside none none; display: inline-block; font-family: 'Oswald'; font-size: 26px; font-weight: 300; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.sticky-header #top-inner .menu {font-size: 16px;}
#top-inner .menu li {display: inline-block; margin: 0 10px; position: relative;}
#top-inner .menu li a {color: #fff; text-decoration: none; text-transform: uppercase;}
#top-inner .menu li a:hover,
#top-inner .contact a:hover {color: #a7d165;}
#top-inner .menu li .sub-menu {position: absolute; top: 100%; z-index: -100; left: 0px; background: #272624; text-align: left; width: 220px; list-style: none; margin: 0; padding: 20px 0; height: 0 !important; overflow:hidden; opacity: 0; -ms-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
#top-inner .menu li:hover > .sub-menu {display: block; top:100%; height: auto !important; opacity: 1; z-index: 100; overflow: auto;}
#top-inner .menu li li {display: block; text-align: left; margin: 0; padding: 0; list-style: none; font-size: 18px;}
#top-inner .menu li li a {padding: 5px 20px; display: block; background: #272624; text-transform: none;}
#top-inner .menu li li a:hover {background: #a7d165; color: #272624;}
#top-inner .menu li.give {margin-right: 0;}
#top-inner .menu li.give > a {padding:5px 15px; background: #a7d165; display: block; color: #000;} 
#top-inner .menu li.give > a:hover {background: #8cba00;}

#top-inner .menu li li .sub-menu {display: block; opacity: 1; height: auto !important; position: relative; padding: 0; width: 100%;}
#top-inner .menu li li li a {padding: 0 0 0 35px;}

.plain h2 {display: none;}


.identity {background: #000; height: 200px; overflow: hidden; z-index: 0; -ms-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; position: relative;}
.home .identity {height: 500px; max-height: 500px;}
.identity img {max-width: 100%; width: 100%; height: auto !important;}
.identity .overlay {position: absolute; top:0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.35); z-index: 101;}
.home .identity .overlay {display: none;}
.home .identity .glidecontent .overlay {display: block;}

#glidercontent {margin:0px; position: relative; text-align: center;}
.glidecontentwrapper {
position: relative; /* Do not change this value */
width: 100%; height: 500px; max-height: 500px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden; margin:0; z-index: 100;}

.glidecontent{ /*style for each glide content DIV within wrapper.*/
position:absolute; /* Do not change this value */
padding:0px; width:100%; color:#fff; margin:0px; height: 500px; max-height: 500px; overflow:hidden; float:left; z-index: 1;}

.glidemeta {height: auto; width: 1000px; padding:0; position:absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #fff; font-size:12px; overflow: hidden; text-align: center; margin: 0 auto; z-index: 150;}
.glidemeta h2 {margin:0 0 15px; padding:0; font-size:80px; font-weight:400; line-height: 88%; font-family: Oswald; text-transform: uppercase; text-shadow: 2px 2px 8px #000;}
.glidemeta a {color:#fff; text-decoration: none; outline: none; background: none; padding:10px 15px; display: inline-block; text-align: center; width: auto; font-size: 22px; text-transform: none; border-radius: 0; font-weight: 400; margin-top: 10px; border: 2px solid #fff; font-family: Oswald; text-shadow: 2px 2px 8px #000;}
.glidemeta a:hover {background: #fff; color: #000; text-shadow: none;}
.glidemeta p {margin: 0; padding: 0; font-size: 32px; line-height: 120%; font-weight: 100; text-shadow: 2px 2px 8px #000;}

.gnav{ /*style for DIV used to contain toggler links. */
width: 100px; height:50px; z-index:150; float:right; padding-right:25px;}

.glidecontenttoggler {/*style for DIV used to contain toggler links. */
height: auto;}
.glidecontenttoggler a {/*style for every navigational link within toggler */
display: -moz-inline-box; display: inline-block; color: #2e6ab1; font-weight: bold; text-decoration: none; filter: alpha(opacity=30); -moz-opacity: .30; opacity:.30; outline: none;}
.glidecontenttoggler a.selected { /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA; color: black;}

.glidecontenttoggler a:hover {background: #E4EFFA; color: black; filter: alpha(opacity=80); -moz-opacity: .80; opacity:.80; cursor: pointer;}
.glidecontenttoggler a.toc { /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */;}
.glidecontenttoggler a.prev { /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
left: 0; display:block; background:url(images/arrow-left-arrow.png) no-repeat left center; width:30px; height:95px; }
.glidecontenttoggler a.next {right:0; display:block; background:url(images/arrow-right-arrow.png) no-repeat right center; width:30px; height:95px;}
.glidecontenttoggler a.prev,
.glidecontenttoggler a.next {background-size: contain; z-index: 150; position: absolute; width: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {font-family: Oswald; text-align: left;}
#content h1 {text-align: center;}

#content-top,
#content-bottom {text-align: center; width: 1000px; margin: 0 auto; background: #fff; padding: 50px 100px; font-size: 16px;}
.home #content-top {display: flex;}
.featured {margin: 0 15px; width: 33%;}
.featured h2 {background: none; color: #202020; padding:10px 15px; font-family: Oswald; font-size: 32px; font-weight: 300; text-transform: uppercase; margin: 0;}
.featured h2:before {display: inline-block; font-family: 'FontAwesome'; font-size: 90px; color: #FF8C00; text-align: center; width: 100%; vertical-align: bottom;}
.featured.listen h2:before {content: '\f025';}
.featured.times h2:before {content: '\f017';}
.featured.visit h2:before {content: '\f274';}
.featured p {font-size: 16px; padding:5px 15px;}
.featured p a {display: inline-block; padding: 10px 15px; border: 2px solid #a3a3a3; text-decoration: none; font-family: Oswald; color: #333;}
.featured p a:hover {color: #fff; background: #333; border: 2px solid #333;}
.featured.widget-first {margin:0 15px 0 0;}
.featured.widget-last {margin: 0 0 0 15px;}

#content {width:1000px; margin: 0 auto; padding:50px 100px; position: relative; z-index: 5; background: #fff;}
#content.staff {min-height: 500px;}
#main_contain {position: relative;}
.left_content {width: 325px; float: left; margin-right: 30px; position: absolute; left: 0; top: 0; text-align: left !important;}
.right_content {width: 325px; float: right; margin-left: 30px; position: absolute; right: 0; top: 0; text-align: left !important;}
.leftside .main_content {margin-left: 355px !important;}
.rightside .main_content {margin-right: 355px !important;}

.bothsides .left_content,
.bothsides .right_content {width: 250px;}
.bothsides .main_content {margin-left: 280px !important; margin-right: 280px !important;}

.above_content {border-bottom: 1px solid #666;}
.below_content {border-top: 1px solid #666; padding-top: 1.5em !important;}

#content .entry {font-size: 18px; margin: 0 auto 25px; text-align: justify; padding: 0;}
#content .entry img {max-width: 100%; height: auto;}
#content .entry a {color: #005694; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #005694;}
#content .entry a.image-link {border: none;}
#content .entry a.image {border: none;}
#content .entry a:hover {color:#00bcf3; border-bottom: 1px dotted #00bcf3;}
#content .entry a.give {font-size:24px; padding:10px 15px; background: #a7d165; display: inline-block; color: #000; border:none} 
#content .entry a.give:hover {background: #8cba00;}
#content .entry p {-webkit-margin-before: 0; -webkit-margin-after: 0; margin: 0 0 1.5em;}
#content iframe {max-width: 100%;}
.home #content,
.page-template-template-home-php #content {width: 100%; border: none;}
#content h1 {text-transform: uppercase; font-size: 55px; margin: 10px auto 50px; padding-bottom: 0; line-height:100%; color: #333; line-height: 100%;}
#content h2 {font-size: 45px; margin: .25em 0 .75em; color: #5e5e5e; line-height: 100%;}
#content h3 {font-size: 35px; margin: .25em 0 .75em; color: #6e6e6e; line-height: 100%;}
#content h4 {font-size: 30px; margin: .25em 0 .75em; color: #7e7e7e; line-height: 100%;}
#content h5 {font-size: 24px; margin: .25em 0 .75em; color: #7e7e7e; line-height: 100%;}
#content h6 {font-size: 20px; margin: .25em 0 .75em; color: #7e7e7e; line-height: 100%;}


.ai1ec-agenda-widget-view {margin: 0 auto !important;}
.timely .ai1ec-event-title {text-align: left !important;}
.ai1ec-stream-view .ai1ec-event-avatar {bottom: auto !important; top: 50% !important; -webkit-transform:translateY(-50%) !important; transform:translateY(-50%) !important;}
.ai1ec-event-avatar img {min-height: 0 !important; height: auto !important;}
.timely .ai1ec-event-title a,
.timely .ai1ec-event-title a:hover {border-bottom: none;}


blockquote::before {font-family: 'FontAwesome'; content: '\f10d'; font-size:60px; color:#666; margin-left: -70px; float: left;}


.ourministries {display: flex; text-align: left; flex-wrap: wrap; margin-top: 50px;}
.ministry {width: 30%; margin: 0 1.5% 30px; display: inline-block; vertical-align: top; position: relative; background: #000;}
/*.ministry:nth-child(1n) {margin: 0 1.5% 30px 0;}
.ministry:nth-child(3n) {margin: 0 0 30px 1.5%;}*/
.ministry img {max-width: 100%; height: auto !important; background: #000; opacity: .75;}
.ministry:hover img {opacity: .25;}
.ministry p {position: absolute; margin: 0; padding: 0; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left: 15px; right: 15px; text-align: center; font-family: Oswald; font-weight: 900; text-transform: uppercase; font-size: 34px; line-height: 95%;}
.ministry p a {color: #fff !important; text-decoration: none; border: none !important;}


.subhead {color: #38424c; background: #e5e5e5; text-align: center; padding: 10px 20px; font-size: 16px;}
.subhead a {color: #fff; text-decoration: none; background: #38424c; display: inline-block; padding: 5px 10px; vertical-align: middle; border-radius: 5px; margin-left: 10px;}


.blog .identity {display: none;}
.blog #content {margin-top: 0;}

.bloghome#content, .blogarchive#content {text-align: left;}
.blogarchive h1 {font-family: Oswald; text-transform: uppercase; font-size: 55px; margin: 10px auto; padding-bottom: 0; line-height: 100%; text-align: center;}
.bloghome .post, .blogarchive .post {width: 32%; display: inline-block; vertical-align: top; padding: 25px .45%;}
.bloghome .post h2, .blogarchive .post h2 {font-family: Abel; text-transform: uppercase; line-height: 100%; margin: 0; padding: 0;}
.bloghome .post h2 a, .blogarchive .post h2 a {text-decoration: none;}
.bloghome .post p, .blogarchive .post p {font-size: 14px;}
.bloghome .postmetadata, .blogarchive .postmetadata {display: none;}
.bloghome .teaserhead, .blogarchive .teaserhead {width: 100%; height: 140px; margin-bottom: 10px}
.bloghome .teaserhead a, .blogarchive .teaserhead a {display: block; height: 100%; width: 100%;}

.blogimage img {max-width: 100%; height: auto !important;}
#content h2.subheading {font-size: 24px;}
#content h2.subheading a {color:#444;}
#content .entry.subtext {width: 100%;}

.firstpost {position: relative; text-align: center; padding: 115px 0}
.blogteaser {background: rgba(0,0,0,.70); padding:15px 125px; text-align: center; color: #fff; position: relative;}
.blogteaser h2 {font-size: 42px !important; font-weight: normal; margin: 0; padding: 0; font-family: Abel;}
.blogteaser h2 a {font-weight: normal; color: #fff !important; text-decoration: none;}
.blogteaser p {font-size: 14px; text-align: center;}
.blogteaser .entry {padding: 0 50px;}
.viewmore {position: absolute; left: 50%; margin-left: -80px; width: 160px; bottom: -28px; font-size: 14px; background: rgba(0,0,0,.70); text-transform: uppercase;}
.viewmore a {color: #fff !important; display: block; padding:5px 10px; text-decoration: none; font-family: Abel; font-weight: normal !important;}


#above_footer {position: relative; width: 100%;}
#above_footer .mapbox h2,
#above_footer .address h2 {background: #81817f; color: #fff; font-family: 'Lato'; font-weight: 100; text-transform: uppercase; font-size: 22px; margin: 0; padding: 10px 0; text-align: center;}
#above_footer .mapbox #map {width: 100%; height: 460px;}

#footer {background: #272624; color: #a6a4a4; clear: both; font-size: 11px; position: relative; z-index: 1;}
#footer-inner {width: 1200px; margin: 0 auto; padding: 20px 0;}
.home #footer,
.page-template-template-home-php #footer {margin: 0 0 -20px;}
#footer ul {list-style: none; margin: 0; padding: 0;}
#footer li {list-style: none; margin: 0; padding: 0;}
#footer .right {display: inline-block; width: 49.5%; text-align: right; vertical-align: middle;}
#footer .left {display: inline-block; width: 50%; text-align: left; vertical-align: middle;}

.footersocial a {display: inline-block; height: 0; overflow: hidden; padding: 62px 0 0 0; width: 64px; margin: 0 5px; opacity: .35; -webkit-filter: saturate(100%) grayscale(25%); filter: saturate(100%) grayscale(25%); background: #a7d165;}
.footersocial a:hover {opacity: 1;}
.footersocial a:last-of-type {margin-right: 0;}
.footersocial a#foot-fb {background: url(images/icon-fb-round.png) no-repeat center;}
.footersocial a#foot-tw {background: url(images/icon-tw-round.png) no-repeat center;}
.footersocial a#foot-ig {background: url(images/icon-ig-round.png) no-repeat center;}


.ai1ec-posterboard-view .ai1ec-date-block-wrap {background: #666 !important;}
.ai1ec-posterboard-view.ai1ec-posterboard-aligned .ai1ec-posterboard-image-container .ai1ec-posterboard-time {background: #333 !important;}

.ccf-form-wrapper {margin: 20px auto !important;}

.ccf-form .form-group {width: 100%; margin: 0 auto 12px; position: relative;}
.ccf-form .form-group[data-field-type=dropdown] {width: 49%; display: inline-block;}
.ccf-form .form-group[data-field-type=dropdown]:nth-child(2n) {float: right;}
.ccf-form input[type=text],
.ccf-form input[type-tel],
.ccf-form input[type=email],
.ccf-form select {font-size: 16px; border: 1px solid #4d4d4d; padding: 10px; background: #f0f0f0; color: #404040; width: 95%; position: relative;}
.ccf-form select {border-radius: 0; -webkit-appearance: none; width: 100% !important;}
.ccf-form [data-field-type=dropdown]:after {content: '\25BC'; position: absolute; right: 10px; bottom: 10px;}
.ccf-form .form-submit {text-align: center; margin: 0 auto 12px;}
.ccf-form input[type=submit] {font-size: 22px; border: 1px solid #d6d6d6; width: auto; padding: 10px 25px; color: #2d2d2d; background: #a7d165; font-family: Oswald; text-transform: uppercase; -webkit-appearance: none; cursor: pointer;}
.ccf-form textarea {font-size: 16px; border: 1px solid #4d4d4d; padding: 10px; background: #e0e0e0; color: #404040; width: 95%;}
.ccf-form label.error {color: #fff; font: bold 18px/14px 'Raleway','Helvetica', arial, sans-serif; margin: 0; padding: 7px 0; width: auto; clear:both; width:auto; min-width: 27px; background: #ff7900; position: absolute; top: 8px; right: 6px; border-radius: 36px; text-align: center; content: "!";}
.ccf-form-complete {text-align: center;}


.stafflist {display: flex; flex-wrap:wrap;}
.ourstaff {margin-bottom: 50px; text-align: center; width: 33%; display: inline-block; vertical-align: top; position: relative;}
.ourstaff img {max-width: 250px !important; height: auto !important; margin-bottom: 25px;}
.ourstaff p a {font-size: 22px; border: none !important;}
.ourstaff a img {border: none !important;}
.ourstaff tr {display: block; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #aeaeae;}
.ourstaff td {vertical-align: top;}
.ourstaff td:last-of-type {padding-left: 20px;}
.staffdetails {margin: 0 0 .5em !important; padding: 0 !important;}
.staffdetails.last {margin-bottom: 1.5em !important;}

.staffdetails a {border-bottom: none !important;}
.staffdetails.email a::before {font-family: 'FontAwesome'; content: '\f0e0'; margin-right: 5px; font-size: 24px; vertical-align: middle;}
.staffdetails.phone a::before {font-family: 'FontAwesome'; content: '\f095'; margin-right: 5px; font-size: 30px; vertical-align: middle;}



/* - Responsive embed. Wrap iframe with div with class embed */
div.embed {margin-bottom: 1em; position: relative;}
div.embed:after {content: ''; display: block; height:0; padding-bottom: 56%; width: 100%;}
div.embed iframe {bottom:0; left: 0; height: 100%; position: absolute; right: 0; top:0; width: 100%;}
div.embed[data-aspectratio="1x1"]:after,
div.embed[data-aspectratio="1X1"]:after,
div.embed[data-aspectratio="square"]:after {padding-bottom: 100%;}
div.embed[data-aspectratio="3x2"]:after,
div.embed[data-aspectratio="3X2"]:after {padding-bottom: 67%;}
div.embed[data-aspectratio="4x3"]:after,
div.embed[data-aspectratio="4X3"]:after {padding-bottom: 73%;}
div.embed[data-aspectratio="16x9"]:after,
div.embed[data-aspectratio="16X9"]:after {padding-bottom: 56%;}
div.embed[data-aspectratio="21x9"]:after,
div.embed[data-aspectratio="21X9"]:after {padding-bottom: 43%;}










.main_content .sermon-browser-page {font-size:12px;}
.main_content .sermons {font-size:12px; text-align: left; display: flex; flex-wrap:wrap;}
.main_content .sermon {display: inline-block; vertical-align: top; width: 32%; margin: 0 1.5% 45px; background: #eaeaea; position: relative;}
.main_content .sermon:nth-child(1n) {margin-left: 0;}
.main_content .sermon:nth-child(3n) {margin-right: 0;}
.main_content .sermon h4 {margin: 0; padding: 15px 10px 0; font-size: 20px; line-height: 100%;}
.main_content .sermon h4 a {color: #2d2d2d !important; border: none !important;}
.main_content .sermon h4 a:hover {border: none !important;}
.main_content .sermon p,
.main_content .sermon .files,
.main_content .sermon .sb_edit_link {padding:0 15px 10px;}
.main_content .sermon-image {height: 160px; background-image: url(/wp-content/uploads/2017/05/sermon-generic.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; overflow: hidden; width: 100%;}
.main_content .sermon-image img {max-width: 100%;}
.main_content .sermon-image p {margin: 0; padding: 0 !important;}
.main_content .sermon-browser h2 {clear: both;}

table.sermonbrowser {width: 100%;}
table.sermonbrowser select,
table.sermonbrowser input[type=text] {width: 97%;}
div.sermon-browser table.sermons {
	width: 100%;
	clear:both;
}

div.sermon-browser table.sermons td.sermon-title {
	font-weight:bold;
	font-size: 140%;
	padding-top: 2em;
}

div.sermon-browser table.sermons td.sermon-passage {
	font-weight:bold;
	font-size: 110%;
}

div.sermon-browser table.sermons td.preacher {
	border-bottom: 1px solid #444444;
}

div.sermon-browser table.sermons td.files img {
	border: none;
	margin-right: 24px;
}

table.sermonbrowser td.fieldname {
	font-weight:bold;
	padding-right: 10px;
	vertical-align:bottom;
}


table.sermonbrowser td {
	white-space: nowrap;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}

table.sermonbrowser td.rightcolumn {
	padding-left: 10px;
}

div.sermon-browser div.floatright,
div.sermon-browser div.floatleft {display: inline-block; width: 49%; vertical-align: middle; margin: 30px 0;}
div.sermon-browser div.floatright {text-align: right;}
div.sermon-browser div.floatleft {text-align: left;}

.sermon-browser-page h2 {padding-bottom:4px; border-bottom: double #666; margin-bottom:4px;}
.esv {border-bottom:1px solid #efefef; margin-left:25px; margin-top:15px}
.esv h2 {margin:0; padding:0; font-size:100%;}
.esv p {margin:0; padding:0}
.filter-form {background:#F3F0DE; border:1px solid #666; padding:0 5px 7px 10px; margin-bottom:10px;}

.sermon-left,
.sermon-right {display: inline-block; width: 49%; vertical-align: top; margin: 50px 0;}
.sermon-left {float: left;}
.sermon-right {float: right;}


div.sermon-browser table.sermons td.sermon-title {font-weight:bold; font-size: 140%; padding-top: 2em;}
div.sermon-browser table.sermons td.sermon-passage {font-weight:bold; font-size: 110%;}
div.sermon-browser table.sermons td.preacher {border-bottom: 1px solid #444444;}
div.sermon-browser table.sermons td.files img {border: none; margin-right: 24px;}
table.sermonbrowser td.fieldname {font-weight:bold; padding-right: 10px; vertical-align:bottom; text-align: right;}
table.sermonbrowser td {white-space: nowrap; padding-top: 5px; padding-bottom: 5px;}
table.sermonbrowser td.rightcolumn {padding-left: 10px;}

img.sermon-icon, 
img.site-icon, 
a img.sermon-icon, 
a img.site-icon {border: none; vertical-align:bottom;}

table.podcastall {float:left; padding: 0.3em; font-size: 12px; margin-top: 15px;}
table.podcastall,
table.podcastcustom {width: 30%;}
table.podcastall img.podcasticon, 
table.podcastcustom img.podcasticon {float:left; margin-right: 1em; border: none;}
table.podcastall p.podcasttitle a {color: #B05C00; font-weight: bold; font-size:125%;}
table.podcastall p, 
table.podcastcustom p {margin: 0 !important; padding: 0 !important;}
table.podcastcustom {float:right; padding: 0.3em; font-size: 12px; margin-top: 15px;}
table.podcastcustom p.podcasttitle  a {color: #3B6F92; font-weight: bold; font-size:125%;}
td.podcasticon {vertical-align: top; width: 20px;}
td.podcasticon img {width: 20px;}
td.podcast-icon {padding-right:1em;}
.podcasttitle a,
.podcasticon a {border: none !important;}
.podcasttitle a::after {font-family: 'FontAwesome'; content: '\f0da'; margin-left: 5px;}

div.sermon-browser-page span.preacher {font-size: 120%;}
div.sermon-browser-page span.scripture {font-size: 80%;}
div.sermon-browser-page img.preacher {float:right; margin-left: 1em; border:2px solid #666;}
div.sermon-browser-page div.preacher-description {margin-top: 0.5em;}
div.sermon-browser-page div.preacher-description span.about {font-weight: bold; font-size: 120%;}
span.chapter-num {font-weight: bold; font-size: 150%;}
span.verse-num {vertical-align:super; line-height: 1em; font-size: 65%;}
div.esv span.small-caps {font-variant: small-caps;}
div.sermon-browser #poweredbysermonbrowser {text-align:center;}
div.sermon-browser-page #poweredbysermonbrowser {text-align:right;}
ul.sermon-widget {list-style-type:none; margin:0; padding: 0;}
ul.sermon-widget li {list-style-type:none; margin:0; padding: 0.25em 0;}
ul.sermon-widget li span.sermon-title {font-weight:bold;}
p.audioplayer_container {display:inline !important;}
div.sb_edit_link {display:inline;}
h2 div.sb_edit_link {font-size: 80%;}
.sermon-browser-page h2 {padding-bottom:4px; border-bottom: double #666; margin-bottom:4px;}
.esv {border-bottom:1px solid #efefef; margin-left:25px; margin-top:15px}
.esv h2 {margin:0; padding:0; font-size:100%;}
.esv p {margin:0; padding:0}
#filterform {cursor: pointer;}
#filterform:after {content: '+'; margin-left: 5px;}
#filterform.open:after {content: '-';}
.filter-form {background:#dedede; border:none; padding:10px; margin-bottom:0; display: none;}


table.nearby-sermons {background: #dedede; width: 100%; clear:both; margin-top:15px; padding:2px 5px; border:1px solid #666; color: #2d2d2d;}
table.nearby-sermons a {color: #2d2d2d !important;}
table.nearby-sermons td, 
table.nearby-sermons th {text-align: center;}
table.nearby-sermons .earlier {padding-right: 1em; text-align: left;}
table.nearby-sermons .later {padding-left: 1em; text-align:right;}
table.nearby-sermons td {width: 33%; vertical-align: top;}



.right_content .sermon h2 {margin: 0; padding: 5px 10px; line-height: 100%; color: #fff; background: #666; font-size: 28px !important;}
.right_content .sermon li {padding: 10px; background: #e9e9e9; text-align: left !important; position: relative;}
.right_content .sermon li:nth-child(odd) {background: #e1e1e1;}
.right_content .sermon li a {color: #000 !important; border-bottom: none !important; padding-right: 35px; display: block;}
.right_content .sermon li a:hover {color: #005694 !important;}
.right_content .sermon li a:after {font-family: 'FontAwesome'; content: '\f144'; position: absolute; top: 50%; transform:translateY(-50%); right: 10px;}


.rSlider--dots-controls_1,.rSlider--dots-controls_2,.rSlider--dots-controls_3,.rSlider--dots-controls_4,.rSlider--dots-controls_5,.rSlider--dots-controls_6,.rSlider--dots-controls_7,.rSlider--dots-controls_8,.rSlider--dots-controls_9,.rSlider--dots-controls_10,.rSlider--dots-controls_11,.rSlider--dots-controls_12,.rSlider--dots-controls_13,.rSlider--dots-controls_14,.rSlider--dots-controls_15,
.rSlider--arrow-controls_1,.rSlider--arrow-controls_2,.rSlider--arrow-controls_3,.rSlider--arrow-controls_4,.rSlider--arrow-controls_5,.rSlider--arrow-controls_6,.rSlider--arrow-controls_7.rSlider--arrow-controls_8,.rSlider--arrow-controls_9,.rSlider--arrow-controls_10,.rSlider--arrow-controls_11,.rSlider--arrow-controls_12,.rSlider--arrow-controls_13,.rSlider--arrow-controls_14,.rSlider--arrow-controls_15 {display: none !important;}


/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************GENERAL ADJUSTMENTS ETC*************************/
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/

/* Begin Images */
p img {padding: 0; max-width: 100%;}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
/* End Images */



/* Begin Entry Lists */
#sidebar ul, 
#sidebar ul ol {margin: 0; padding: 0;}
#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 15px;}
#sidebar ul p, 
#sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, 
#sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, 
#sidebar ul ol {margin: 0 0 0 10px;}
ol li, 
#sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, 
#sidebar ul ol li {margin: 3px 0 0; padding: 0;}
/* End Entry Lists */



/* Begin Comments*/
.commentlist li, 
#commentform input, 
#commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li ul li {font-size: 1em;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
.commentlist cite, 
.commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%; padding: 2px;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto;	float: right;}
.alt {margin: 0; padding: 10px;}
.commentlist {padding: 0; text-align: justify;}
.commentlist li {margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none;}
.commentlist li ul li {margin-right: -5px; margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children {padding: 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center; margin: 0; padding: 0;}
.commentmetadata {margin: 0; display: block;}
/* End Comments */



/* Begin Calendar */
#wp-calendar #prev a, 
#wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center;}
#wp-calendar th {font-style: normal; text-transform: capitalize;}
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a {padding-right: 10px; text-align: right;}
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center; width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; ;}
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, 
span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 30px 0; padding-left: 20px; border-left: 5px solid #ddd; padding-left: 85px;}
blockquote cite {margin: 5px 0 0; display: block;}
.center {text-align: center;}
.hidden {display: none;}
.screen-reader-text {position: absolute; left: -1000em;}
hr {-webkit-margin-before: 30px; -webkit-margin-after: 20px; line-height: 100%; padding: 1px 0 0; border: none; background: #333;}
a img {border: none;}
.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 60px;}
/* End Various Tags & Classes*/


.has-text-align-left {text-align: left !important;}
.has-text-align-center {text-align: center !important;}
.has-text-align-right {text-align: right !important;}


/* Captions */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; ;}
/* End captions */


.widget {list-style: none;}








#mobilemenu {position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right:2%; cursor:pointer;}
#mobilemenu .closeform {opacity: 0; display: none;}
/*******************************************************************/
/*******************************************************************/
/*******************************************************************/
/******************** BEGIN RESPONSIVE STYLINGS ********************/
/*******************************************************************/
/*******************************************************************/
/*******************************************************************/
@media only screen and (max-width:1290px){

	#top-inner,
	#topbar-inner,
	#footer-inner {width: 98%; margin: 0 auto;}
	#content-top,
	#content-bottom,
	#content {width: 80%; padding: 50px 10%;}
	.glidemeta {width: 80%;}
	.home .identity,
	.glidecontentwrapper,
	.glidecontent {height: 400px; max-height: 400px;}
	.glidemeta h2 {font-size: 60px;}
	.glidemeta p {font-size: 26px;}
	.glidemeta a {font-size: 20px;}

}


/*******************************************************************/
/******************** large tablets horizontal *********************/
/*******************************************************************/
@media only screen and (max-width:1060px){
	html {background: #000;}
	
	.display-tablet {display: block;}
	.display-desktop, .display-mobile {display: none;}
	
	#page {width: 100%; margin: 0 auto;}
	
	#mobilemenu {display: block; background: #272624; padding: 10px;}
	#main-nav {width:260px; background:#272624; margin-right:0; position:fixed; top:23px; bottom: 0; right:-260px; text-align: left; -webkit-transform: none; transform: none;}
	.sticky-header #main-nav {top:0;}
	#main-nav li a {color:#fff; text-decoration:none; background: #272624; border-bottom: 1px solid #444; display: block; padding: 20px 15px; font-size: 15px;}
	#main-nav li ul li a {padding-left:16px; background:#444;}
	#main-nav li ul li ul li a {padding-left:26px; background:#666;}
	#main-nav ul {width:100%;}
	#main-nav ul li {padding:0; margin:0;}
	
	#top-inner #site-name {font-size: 14px; line-height: 130%;}
	#top-inner #site-name a {padding:65px 0 0 0;}
	#site-name span {font-size: 25px; letter-spacing: 0;}
	
	#top-inner .menu {margin: 0px; padding: 0px; list-style: outside none none; display: inline; font-family: 'Lato'; font-size: 12px;}
	#top-inner .menu li {display: block; margin: 0;}
	#top-inner .menu li li {display: block;}
	#top-inner .contact {margin-top: 15px;}
	#top-inner .menu-header {display: block; width: 100%; margin-top: 0px;}
	#top-inner .menu li#menu-item-15 > a {padding: 15px;}
	
	#top-inner .menu li:hover > .sub-menu {display: none;}
	#top-inner .menu li.open > .sub-menu {display: block; width:100%; padding: 0; position: relative;}
	#top-inner .menu li li > a {background: #1a1a1a; padding:7px 5px 7px 30px;}
	
	
	#page, #main-nav, .identity, #mobilemenu {-webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
	#main-nav.open {right: 0;}
	.identity.open {}
	.open #mobilemenu {right: 255px;}
	.open #mobilemenu .closeform {opacity: 1; display: block;}
	.open #mobilemenu .openform {opacity: 0; display: none;}
	
	
	.glidemeta {width: 75%;}
	.glidemeta h2,
	.glidemeta p {font-weight: 300;}
	
	.quickfacts .stat h3 {height: 45px;}
		
	.firstpost {padding: 0 0; margin-bottom: 25px;}
	.blogteaser {padding: 15px;}
	.blogteaser h2 {font-size: 36px !important;}
	
	.ministry {width: 45%; margin: 0 2% 30px; display: inline-block; vertical-align: top;}
	/*.ministry:nth-child(1n) {margin: 0 2% 30px 0;}
	.ministry:nth-child(2n) {margin: 0 0 30px 2%;}*/
	
	.runningtimes td {display: inline-block; width: 100%; float: left;}
	
	.ourstaff td {text-align: left;} 
	
	.sermon-image {height: 140px; background-size: cover;}
	
}




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


/*******************************************************************/
/********************** large tablets portrait *********************/
/********************* small tablets horizontal ********************/
/*******************************************************************/
@media only screen and (max-width:980px){
	
	#content-top,
	#content-bottom,
	#content {width: 90%; padding: 50px 5%;}
	.home .identity,
	.glidecontentwrapper,
	.glidecontent {height: 300px; max-height: 300px;}
	.glidemeta h2 {font-size: 45px;}
	.glidemeta p {font-size: 20px;}
	.glidemeta a {font-size: 18px;}
	.featured h2 {font-size: 24px;}
	
	.left_content {width: 35.5%; float: left; margin-right: 30px; position: absolute; left: 0; top: 0;}
	.right_content {width: 35.5%; float: right; margin-left: 30px; position: absolute; right: 0; top: 0;}
	.leftside .main_content {margin-left: 38.5% !important;}
	.rightside .main_content {margin-right: 38.5% !important;}

	.bothsides .left_content {width: 100%; float: none; margin: 0; position: relative; left: auto; top: auto;}
	.bothsides .right_content {width: 35%;}
	.bothsides .main_content {margin-left: 0 !important; margin-right: 38% !important;}
	
	blockquote {padding-left: 65px;}
	blockquote::before {font-size: 40px; margin-left: -50px;}
	
}



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



/*******************************************************************/
/********************** small tablets portrait *********************/
/********************** large mobile horizontal ********************/
/*******************************************************************/
@media only screen and (max-width:720px){
	
	.identity {height: 120px;}
	.home .identity,
	.glidecontentwrapper,
	.glidecontent {height: 240px; max-height: 240px;}
	.glidemeta h2 {font-size: 35px;}
	.glidemeta p {font-size: 18px;}
	.glidemeta a {font-size: 18px;}
	#above_footer .mapbox h2 {font-size: 14px;}
	.ourstaff td img {max-width: 90px !important;}
	
	
	.sermon:nth-child(1n) {margin: initial;}
	.sermon:nth-child(2n) {margin: initial;}
	.sermon {width: 47%; margin: 0 1.5% 45px !important;}
	
	.ministry p {font-size: 28px;}

}



/*******************************************************************/
/********************** large mobile portrait **********************/
/********************** small mobile landscape *********************/
/*******************************************************************/
@media only screen and (max-width:580px){
	
	.display-mobile {display: block;}
	.display-tablet, .display-desktop {display: none;}
	.page-template-template-home-php .identity,
	.home .identity {display: block;}
	
	.home .identity,
	.glidecontentwrapper,
	.glidecontent {height: 180px; max-height: 180px;}
	.glidemeta h2 {font-size: 25px;}
	.glidemeta p {font-size: 14px;}
	.glidemeta a {font-size: 12px;}
	
	.home #content-top {display: block;}
	.featured {margin: 0 auto 25px !important; width: 98%;}
	.featured h2 {text-align: left; cursor: pointer; display: inline-block; position: relative; padding:0 35px;}
	.featured h2:before {display: block; font-size: 26px; position: absolute; left: 0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); right: auto; text-align: left; vertical-align: middle;}
	.featured h2:after {font-family: 'FontAwesome'; content: '\f105'; display: inline-block; float: right; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; position: absolute; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); right: 0;}
	.featured.open h2:after {transform: rotate(90deg);}
	.featured p {height: 0; opacity: 0; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; margin: 0; padding: 0;}
	.featured.open p {height: auto; opacity: 1; padding: 10px 0;}
	
	#topbar-left {width: 98%;}
	#topbar-right {display: none;}
	
	#footer .left {width: 98%; text-align: center; margin-bottom: 25px;}
	#footer .right {width: 98%; text-align: center;}
	
	.ourministries {display: block; text-align: center; flex-wrap: wrap; margin-top: 50px;}
	.ministry {width: 90%; margin: 0 auto 30px; display: inline-block; vertical-align: top;}
	/*.ministry:nth-child(1n) {margin: 0 auto 30px;}
	.ministry:nth-child(3n) {margin: 0 auto 30px;}*/
	.ministry img {max-width: 100%; height: auto !important;}
	
	.ccf-form-wrapper {margin: 20px auto; width: 90%;}
	
	.left_content,
	.right_content,
	.bothsides .left_content,
	.bothsides .right_content {width: 100%; float: none; margin: 0; position: relative; left: auto; top: auto;}
	.leftside .main_content,
	.rightside .main_content,
	.bothsides .main_content {margin-left: 0 !important; margin-right: 0 !important;}
	
	.stafflist {display: flex; flex-wrap:wrap;}
	.ourstaff {width: 48.5%;}
	
	.main_content .sermon {width: 100%; margin: 0 auto 45px;}
	
}



/*******************************************************************/
/********************** small mobile portrait **********************/
/*******************************************************************/
@media only screen and (max-width:420px){
	
	.home .identity img {height: 100% !important; max-width: none; width: auto; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
	#top-inner #site-name {font-size: 12px;}
	#top-inner #site-name a {padding: 50px 0 0;}
	
	.sermon {width: 100%; margin: 0 auto 45px !important;}
	.sermon-image {height: 160px;}
	
	table.podcastall, table.podcastcustom {float: none;}
	
	.stafflist {display: flex; flex-wrap:wrap;}
	.ourstaff {width: 100%;}
	
}


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


/*******************************************************************/
/*******************************************************************/
/*******************************************************************/
/********************* END RESPONSIVE STYLINGS *********************/
/*******************************************************************/
/*******************************************************************/
/*******************************************************************/