@import url('https://fonts.googleapis.com/css?family=Raleway');

/* Joomla Shack sliders */
div.jwts_toggleControlContainer a.jwts_toggleControl{
background-image:none;
background-color:transparent;
padding:8px;
font-size: inherit;
padding-top: 13px;
}
div.jwts_toggleControlContainer a.jwts_toggleOn{color:#333}

.church-page-buttons{padding: 7px 24px; background-color: #004b66; border-radius: 40px; margin: 0 4px; font-size: 85%; color: #f1f1f1; white-space: nowrap;}

#rt-header{background-color:#fff;}
.logo-type-preset1 #rt-logo{margin-top:8px;width:514px;height:48px;}

/* hide slider gray bar overlay for titles */
.layout-slideshow .sprocket-features-content{background:none;}


.fp-round-image-bottom-first-image{display:inline-block;margin:1%;width:220px;vertical-align:top;}
.lnee p{margin:0 0 15px} /* for the custom latest news enhanced module */
/* div.newsintro p:last-of-type {display:inline-block;} */

ul.nav li {display:inline-block;margin-right:24px;list-style-type: none;}


/* maximenu ck edits for Styles Options menu theme blank */
div#maximenuck88 ul.maximenuck li.maximenuck.level1{padding-right:18px;border-right:1px solid #999;margin-right:18px;}
div#maximenuck88 ul.maximenuck li.maximenuck.last.level1{padding-right:0;border-right:0;margin-right:0;}

/* tinymce floats */
.pull-right{float:right;margin:8px 0 0 15px;}
.pull-left{float:left;margin:8px 20px 0 0px;}


/* davelrussell edits */
#sidebar-a{background-color:transparent;}
#sidebar-a h2, #sidebar-a h3{text-shadow:none;color:#3e9dd3;}
#mainbody{padding-top:0px;}
#breadcrumb{padding-top:20px;}
.width-45#header-a {width:33%;}
.width-45#header-b {width:62%;padding-top:20px;}
#content-top-a {text-align:left;}





.show960{display:none;}
.show-over-1200{display:block;}
.show1200{display:none;}

@media only screen and (max-width: 1200px) {
.show-over-1200{display:none;}
.show1200{display:block;}
.fp-round-image-bottom-first-image{display:none;}
}

@media only screen and (max-width: 1100px) {
#header{height:77px}
#header-height{height:119px;}
}


@media only screen and (max-width: 960px) {
.show960{display:block;}
.hide960{display:none;}
}


@media only screen and (max-width: 767px) {
.layout-slideshow .sprocket-features-content{
background:none;}
.layout-slideshow{margin-top:0px;}

}



@media (max-width: 480px) {
#header{Height:83px}
#header-height{height:134px;}
}