h2#homeHeading, div.slide-description p { text-shadow: 2px 2px 2px #000000; } 
h2#homeHeading { font-size: 1.7em; font-weight: 500;}
.btn-xl { padding: 10px 20px; }
div.slide-description p { font-size: 18px; font-weight: 500; }
.sidemenuoptiona a.subapge-side-link:nth-last-of-type(1) {
  margin-bottom: 0;
}
#top-tray-give { display:none; }
ul.nav.navbar-nav.navbar-right { padding-top: 20px; }
.articlesFeature h3 { margin-top: 0; }
div#sidebar-wrapper { padding-top: 0px; }
div#last-section .container-fluid .col-md-6:nth-child(2) a.btn-primary {
    background-color: #fff; color: #4872ba;
}
div#slideshow { height: 100vh; }
.carousel-indicators li { filter: drop-shadow(3px 3px 3px #000); }
.latestPosts h3 { margin: 1em 0 0 0; }
.latestPosts .uppercase { text-transform: none; }
#sidebar-wrapper figure.crsl-item { padding: 0; }
#sidebar-wrapper hr.clr.clear.reduced { margin-left: 0; margin-right: 0; }
a.navbar-brand.page-scroll {
    background-position: 0 center;
    min-width: 280px;
    min-height: 65px;
}
footer#main-footer {
    background-color: #002a48;
}
a.subapge-side-link {
    color: #fff;
}
a.subapge-side-link:hover {
    color: #000;
}
.sub-page-wrapper .btn-primary:hover { background-color: #fff!important; color: #4872ba!important;  }
nav#mainNav {
    padding: 0;
    position: relative;
}
ul.nav.navbar-nav.navbar-right > li {
    margin: 0px 0 0 20px;
}
ul.nav.navbar-nav.navbar-right > li, ul.nav.navbar-nav.navbar-right > li a, ul.nav.navbar-nav.navbar-right > li * {
    text-transform: inherit;
    letter-spacing: inherit;
}
.home nav#mainNav, .sub nav#mainNav, ul.nav.navbar-nav ul.submenu {
    background-color: #002a48;
}
section#about h2.section-heading.container {
    margin-top: 30px;
    margin-bottom: 10px;
}
#content .page-header h1 { margin-top: 28px; }
div#formModule_101 { padding-bottom: 28px; }
.full-feature { float: none; display: block; clear: both; width: 100%; margin-bottom: 10px; }
.page-header { border-bottom: none; }
a { font-weight: 600; }
.add-phone-foot a { background-color: transparent; }
.add-phone-foot a:active, .add-phone-foot a:hover { color: inherit; }
div#top-bar{ background-color: #777; padding: 8px 0; }
#formModule_101 h2 { margin-top: 50px!important; }
#formModule_101 h2#formTitle_101 { margin-top: 0; }
#formModule_101 a { color: #fff; text-decoration: underline; }
#formModule_101 a.read-sub-link { color: #fff; background-color: #000; text-decoration: none; }
#formModule_101 a.read-sub-link:hover { color: #00458a; background-color: #fff; }
div#last-section .container-fluid .col-md-6 { margin: 0; padding: 45px 40px; }
#beachCarousel > .slide > .container, .sub #wrapper { 
background: none;  }
div#last-section { background-color: #f5f5f5; }
.threeNextRow { clear: both; height: 40px; }
#content .page-header, #content .page-header h1 {
    margin-top: 10px;
}
.home nav#mainNav .container, .sub nav#mainNav .container {
 padding: 0; width: 92%;
}
#top-bar .container { width: 99%; }
.sub-page-wrapper .page-wrapper p a img {
float: inherit;
width: inherit;
max-width: 100%;
}
[id^="site__modal"] { background-color: rgba(0,0,0,.5);  }
[id^="site__modal"] .modal-body { padding: 0 0 15px 0; }
[id^="site__modal"] .footer .btn-info { width: 80%!important; }
[id^="site__modal"] .footer .btn { display: block; margin: 0 auto; }
[id^="site__modal"] img { max-width: 100%; }
[id^="site__modal"] p { margin: 0 0 10px 0; }
[id^="site__modal"] p.padded { margin: 0 auto 10px auto; width: 80%; }
[id^="site__modal"] .modal-dialog { width: 60%; margin-left: auto; margin-right: auto; }
[id^="site__modal"] .embed-container-full-width { margin: 0; }

#locAddress { background-color: rgba(0,0,0,.5);  }
#locAddress .modal-content, #locAddress .modal-body { padding: 15px 0 0 0; }
#locAddress .footer .btn-info { width: 80%!important; }
#locAddress .footer .btn { display: block; margin: 0 auto; }
#locAddress img { max-width: 96%; margin: 0 auto 12px auto; }
#locAddress p { margin: 0 0 10px 0; }
#locAddress p.padded { margin: 0 auto 10px auto; width: 80%; }
#locAddress .modal-dialog { width: 60%; margin-left: auto; margin-right: auto; }
#locAddress .embed-container-full-width { margin: 0; }
#locAddress .col-xs-8 {width: 100%;padding: 0;}
#locAddress .col-xs-offset-2 {margin: 0!important;}
#locAddress .close-modal { z-index: 9999; }
.sidettl, .sidephn {
    font-size: 12px;
}

.lftPplImg { float: left; margin: 20px 20px 20px 0; width: 22%; height: 180px; background-size: cover; background-position: center 0; }

@media (max-width: 599px) {
    .lftPplImg { width: 34%; }
    
}

@media (max-width: 499px) {
    .lftPplImg { float: right; width: 34%; height: 120px; margin: 0 0 20px 20px; }
    .more-less {clear: both;}
}

div.side-news-events { padding-top: 20px; }
div.sideposts{ margin-top: 8px; }
div.sideposts .sidepostimg { float: left; width: 25%; padding:0; margin:0; overflow: hidden; }
div.sideposts .sidepostimg a { display: block; height: 70px; }
div.sideposts .sideposttext { width: 71%; float: right; padding:0; margin:0;  }
div.sideposts .sideposttext p { font-size: 12px; padding: 4px 0 0 0; margin:0;line-height: 1.1; }
div.sideposts .sideposttext p.sbttl { font-size: 14px; padding-top: 0; margin-top: 0; line-height: 1; }
p#ppl1 { margin-top: -8px; }
.pplLink { font-weight: bold; color: #ad2531; }
.pplBioImgRight { float: right; width: 40%; margin: 0 0 16px 16px; }
.pplBioImgLeft { float: Left; width: 40%; margin: 0 16px 16px 0; }
.peopleForm { display: none; }
.peopleWrap { width: 98%; margin: 0 auto 40px auto; clear: both; }
.standardWrap { width: 98%; margin: 0 auto 40px auto; clear: both; }
div.peopleSingle { width: 31%; float: left; margin: 0 1%; text-align: center; }
.peopleSingleImg { height: 340px; background-size: cover; background-position: top center; }
div.peopleSingleImg span, .sidestaffimg span { display: block; width: 100%; height: 100%; }
.peopleFeature { margin: 0 auto 40px; width: 50%; }
div.peopleFeature div.peopleSingle { margin: 0 auto; width: 100%; height: 390px; }
.standardWrap div.peopleSingle { width: 31%; margin: 0 auto; float: none; text-align: center; }
div.peoplePairWrap { width: 66%; margin: 0 auto 40px; }
div.peoplePairWrap div.peopleSingle { width: 46%; margin: 0 2%; }
.pplName { width: 100%; text-align: center; font-weight: 600; margin-top: 10px;}
.pplTtl, .pplPhn { width: 100%; text-align: center; font-weight: normal; }
.pplEmlBio { width: 50%; text-align: center; margin-left: auto; margin-right: auto; }


@media (max-width: 599px) { .peopleForm { display:block; float:none; clear: both; position: relative; width:100%; margin: 8px 0; border: 1px solid #ccc; } div.peopleSingle, div.peoplePairWrap div.peopleSingle, div.peopleFeature div.peopleSingle, div.standardWrap div.peopleSingle { width: 100%; margin: 20px 0; clear: both; } .peopleSingleImg, div.peopleFeature div.peopleSingle .peopleSingleImg, div.standardWrap div.peopleSingle .peopleSingleImg { height: 220px; width: 45%; float: left; } .peopleWrap, div.peoplePairWrap, div.peopleFeature, div.standardWrap {width: 100%; margin: 0; height: auto; } .pplName, .pplTtl, .pplPhn, .pplEmlBio { width: 50%; float: right; text-align: left; } div.peopleFeature div.peopleSingle { height:inherit; } .threeNextRow { clear: none; display: none;} }

#sidebar-wrapper #myCarousel { margin-top: 21px; }
#sidebar-wrapper .carousel-indicators li { filter: drop-shadow(0 0 0 #fff); }
#sidebar-wrapper .carousel-indicators { position: relative; bottom: inherit; margin: 0; left: 0; width: 100%; text-align: left; padding-top: 20px; }
#sidebar-wrapper .carousel-indicators .active{ width: 40px; height: 40px; }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { top: 40%; }
#sidebar-wrapper ul.sermons-module { padding: 0 5px; }
#sidebar-wrapper ul.sermons-module li { line-height: 1.3; margin-bottom: 16px; }
ul.nav.navbar-nav.navbar-right > li, ul.nav.navbar-nav.navbar-right > li a, ul.nav.navbar-nav.navbar-right > li * { font-size: 13px; }
.side-event-day-time {color: #000; font-size: 14px; font-weight: 600; clear: left; padding-top: 10px; }
.side-event-title {color: #000; font-size: 12px; font-weight: 400; clear: left; width: 90%;}
.side-event-add {float: right; font-size: 14px;}
.sidebardivider { height: 40px; }
.sidemenuoptiona { padding: 16px 0; margin-top: 1px solid #ededed; }
.sidestaffimg { width: 33%; float: left; height: 120px; background-size: cover; overflow: hidden; background-position: top center; }
.sidestaffdata { width: 63%; float: right; }
li.sidepplind { width: 40px; height: 40px; background-size: cover; overflow: hidden; background-position: top center; border-radius: 20px; }

.mapWrapper { position: relative; padding-bottom: 50%; padding-top: 25px; height: 0; }


@media screen and (max-width: 898px) and (min-width: 768px) {
#beachCarousel > .slide > .container { 
    background-position: 0 97px;
     }
     
}
@media screen and (max-width: 991px) and (min-width: 768px) {
nav.navbar.navbar-default.navbar-fixed-top .navbar-header.page-scroll, nav.navbar.navbar-default.navbar-fixed-top a.navbar-brand {
margin-right: -200px;
} 
}
@media screen and (min-width: 768px) {
         .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 15px;
}
}
@media (max-width: 767px) {
    #beachCarousel > .slide > .container, .sub #wrapper { background: none; }
a.navbar-brand.page-scroll {
    margin-left: 35px;
}

/* Bottom MOBILE Bar */
	div#top-bar{ display:none; }
	div#info-bar { display:block; width: 100%!important; top: auto!important; bottom:0; }
	div#info-bar .container, div#info-bar .row, div#info-bar .location { width: 100%; }
	div#info-bar .location span { display: block; width: 33.333%; text-align: center; }
	 div#info-bar .location span:nth-child(1) { display: none; }
	div#info-bar .location span * { width:100%; display:block; height:auto; padding:0; margin:0; float:left; }
	div#info-bar .location span.mobileGive a { display: block; width: 100%; height: 65px; }
	div#info-bar .location span i.fa { padding:20px 10px; float:none; text-align:center; }
	div#info-bar, div#info-bar * { max-height: 100%; text-decoration:none!important; width: 100%; }
	div#info-bar {transition: bottom 0.2s ease-in-out; display: block; z-index: 9999; position: fixed; max-height: 100%; margin: 0; padding: 0; width: 100%!important; height: 64px; top: auto!important;  } .djbarup {bottom: 0;} .djbardown { bottom: -65px; }

div#slideshow { height: 83vh; min-height: 350px; }

}
@media (max-width: 599px) {
nav#mainNav, nav#mainNav * {
    max-height: 90px;
}
a.navbar-brand.page-scroll { top: 10px; 
    background-position: 0 center;
    min-width: 210px;
    min-height: 50px;
}
.navbar-default button.navbar-toggle.collapsed, .navbar-default .navbar-header .navbar-toggle { margin: 18px 0; }
.page-header { margin: 6px 0 0; }
#content .page-header, #content .page-header h1 { margin-top: 6px; }
}
@media (max-width: 380px) {
 a.navbar-brand.page-scroll { 
    min-width: 180px;
}   
}


