body, html, * { font-weight: 400;}
div#slideshow { height: 100vh; }
.lastcol {width: 100%; text-align: center; background-color: #000!important; color: #fff; margin-bottom: 20px;}
.lastcol:hover, .lastcol:active { background-color: #fff!important; color: #000!important; }
                    .lastcol:active, .lastcol:hover {background-color: #fff; color: #000;}
                    .lastcolttl { padding-top: 30px; }
                    section#events {
    background-color: #c8964b;
}
.sub nav#mainNav, ul.nav.navbar-nav ul.submenu {
    background-color: #6e0002;
}
.row.articlesFeature h3 { margin-top: 0; }
.row.articlesFeature .btn.btn-primary.read-more-blog.button.fl { margin-top: 20px; }
#give-btn {
    display: block;
    float: right;
    padding: 9px 12px;
    margin: -10px 0 -10px 20px;
    background-color: #f6a81c;
    transition: all 0.3s ease;
    opacity: 1;
    color: #fff!important;
}
ul#visit-menu, ul#visit-menu li, nav#visit-menu, nav#visit-menu a, nav#top-give-menu, nav#top-give-menu a { display: inline-block; margin: 5px 16px; }
ul#visit-menu, nav#visit-menu, nav#top-give-menu { margin: 0 auto 30px auto; float: none; display: block; width: 100%!important;text-align: center; min-width: 0!important; padding: 0; }
#top-tray-give.open.give, #give-btn.open { background-color:#6e0002; }	
#top-tray-give.open.give a, #give-btn.open a, #visit-box a { color: #fff; font-weight: 600; }
#top-tray-give.open.give a.btn-primary, #give-btn.open a.btn-primary, #visit-box a.btn-primary { background-color: #000; left: 0!important; }
#visit-box p, #give-box p { margin: 0 0 1em 0; line-height: 1.4; }
.subapge-side-link span {
    position: relative;
    z-index: 10;
    font-size: 1.5em;
    text-transform: uppercase;
    color: #fff;
}
.subapge-side-link span:hover {
    color: #000;
}
a.navbar-brand.page-scroll { min-height: 75px; }
nav#mainNav { padding: 16px; }
.navbar-right { margin-right: 0; margin-top: 20px; }
#sidebar-wrapper img { max-width: 100%; }
#w4 span.input-group-btn { top: 0!important; }
.full-feature { width: 100%; display: block; text-align: center; }
a.full-feature:hover { background-color: #ededed!important; }
.threeNextRow { clear: both; height: 40px; }

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; }

[id^="site__modal"] { background-color: rgba(0,0,0,.5);  }
[id^="site__modal"] .modal-body { padding: 15px; }
[id^="site__modal"] .footer .btn-info { width: 80%!important; }
[id^="site__modal"] .footer .btn { display: block; margin: 0 auto; float: none; }
[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; }
.modal-dialog { width: 80%; opacity: .97; }
.full-width { width: 100%; }


@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 { 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: 50%; }
#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: 12px; }
.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 (min-width:992px) {
    ul.nav.navbar-nav.navbar-right>li:first-of-type:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    border-left: 48px solid transparent;
    border-right: 49px solid transparent;
    border-top: 25px solid #ededed;
    border-bottom: none;
}
 

    ul.nav.navbar-nav.navbar-right>li:first-of-type {
        position: absolute;
        left: auto;
        right: 572px;
        top: -15px;
        padding: 51px 14px 38px;
        background-color: #ededed;
        /* border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px; */
        border-top-left-radius: 6px;
        border-top-right-radius: 1px;
        filter: drop-shadow(8px 4px 6px #444444);
    }

    ul.nav.navbar-nav.navbar-right>li:first-of-type a {
        color: #000!important
    }

    ul.nav.navbar-nav.navbar-right>li:first-of-type .submenu {
        display: none
    }


    ul.nav.navbar-nav.navbar-right>li:first-of-type:before {
        content: "";
        position: absolute;
        top: 0;
        right: -10px;
        border-left: 5px solid silver;
        border-right: 5px solid transparent;
        border-top: 5px solid transparent;
        border-bottom: 5px solid silver
    }

    ul.nav.navbar-nav.navbar-right>li:first-of-type {
        transition: padding .2s linear;
        cursor: pointer
    }

    ul.nav.navbar-nav.navbar-right>li:first-of-type a {
        pointer-events: none
    }

    ul.nav.navbar-nav.navbar-right>li:focus:first-of-type,ul.nav.navbar-nav.navbar-right>li:hover:first-of-type {
        padding: 57px 14px 41px!important
    }
}
@media (min-width: 768px) AND (max-width: 991px) {
    ul#visit-menu, ul#visit-menu li, nav#visit-menu, nav#visit-menu a, nav#top-give-menu, nav#top-give-menu a { display: inline-block; margin: 5px 12px; }
    ul.nav.navbar-nav.navbar-right>li:first-of-type .submenu {
        display: none
    }
    ul.nav.navbar-nav.navbar-right>li:first-of-type {
        transition: padding .2s linear;
        cursor: pointer
    }

    ul.nav.navbar-nav.navbar-right>li:first-of-type a {
        pointer-events: none
    }
    .navbar-right {
    float: none!important;
    margin-right: -15px;
    margin: 20px auto 0!important;
    display: table;
}
ul.nav.navbar-nav.navbar-right>li {
    margin: 2px 0 0 6px;
}
.navbar-nav>li:last-child>span>a {
    padding: 0px 16px;
    margin-left: 0;
    border: none;
}
}
@media (min-width:1200px) {
ul.nav.navbar-nav.navbar-right>li:first-of-type {
        position: absolute;
        left: auto;
        right: 702px;
        top: -15px;
        padding: 51px 14px 38px;
        background-color: #ededed;
        /* border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px; */
        border-top-left-radius: 6px;
        border-top-right-radius: 1px;
        filter: drop-shadow(8px 4px 6px #444444);
    }
    
}

@media (max-width:899px){ 
	div#top-tray-give { display: none; }	
	#give-btn { display:none; }
	.navbar-default button.navbar-toggle.collapsed, .navbar-default .navbar-header .navbar-toggle { float:right; }
	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%; text-align: center; }
	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: none; }
	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; }
}
@media (max-width:767px){	
	nav#mainNav { padding:0!important; }
	nav#mainNav ul.nav.navbar-nav.navbar-right>li.open-sub ul.submenu { padding-left: 20px!important; }
	#fpPosts .col-sm-6 { margin-bottom: 8px; }

a.navbar-brand.page-scroll {
    margin-left: 20px;
}
}	
@media (max-width: 599px) {
    [id^="site__modal"] .modal-dialog { width: 90%; margin-left: auto; margin-right: auto; }
    div#slideshow { height: 83vh; }
nav#mainNav, nav#mainNav * {
    max-height: 82px;
}
a.navbar-brand.page-scroll { top: 0; margin-left: 10px; }
.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; }
}