@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700|Open+Sans:400,300,400italic,700);

* { -webkit-text-size-adjust:none; }
body { margin: 0; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000; line-height: 1.43; }

.m-navigation { }

.m-navigation .bf_nav1 { padding-left: 35px; font-weight: bold; background-image: linear-gradient(#efefef, #dfdfdf); position: relative; }
.m-navigation .bf_nav2, .m-navigation .bf_nav3, .m-navigation .bf_nav4 { font-size: .9em; padding-left: 35px; line-height: 1.8; background: #dfdfdf; }
.m-navigation .bf_nav3 { padding-left: 35px; }
.m-navigation .bf_nav4 { padding-left: 50px; }
.m-navigation a { display: block; line-height: 25px; }
.m-navigation .bf_nav1 a { color: #000; line-height: 35px; }

/* Styles for click-to-expand style mobile nav */
.mobileTop { position: absolute; left: 10px; top: 1px; }
.mobileTop img { width: 17px !important; margin-top: 8px; }
.sitenow_subnav { display: none; }

.search { position: relative; width: 180px; height: 38px; background: #2f6fa6; float: left; margin-left: 10px; }
.search-text { width: 145px; background: none; border: none; color: #7dadd9; line-height: 38px; margin-left: 15px; font-size: 14px; float: left; }
.search-submit { position: absolute; top: 0px; right: 0px; height: 38px; width: 25px !important; }

.constrain { width: 94%; max-width: 1000px; margin: 0 auto; box-sizing: border-box; }
.subnav { background: linear-gradient(#548cbd,#407db2); text-align: right; }
header { background: #5c9acf url(/images/template/bcgrd-header.jpg) no-repeat top right; text-align: right; }
.logo { }
nav { position: relative; font-family: 'Roboto Condensed', sans-serif; font-size: 17px; text-transform: uppercase; text-align: center; line-height: 60px; }
main { display: block; background: linear-gradient(#d8d8d8,#fff 800px,#fff); padding: 20px 0 45px; }
main .constrain { background: white; padding: 2% 4%;  }
article { padding-left: 0 !important; }
aside { }
.module { margin-bottom: 40px; }
footer { background: #083e6c; font-weight: 300; color: #fff; }
.footer-contact { padding: 10px; }
.social-footer { }
.social { display: inline-block; }
.subnav .social { float: right; }
.social img { height: 38px; float: left; }
div.footer { font-size: .8em; color: rgba(255,255,255,.2); } /* Powered by SiteNow footer */
sup { font-size: .65em; }

h1, h2, h3, h4 { margin: 0; line-height: 1.2; }
h1 { font-family: 'Roboto Condensed', sans-serif; font-size: 28px; text-transform: uppercase; font-weight: 700; color: #e2383f; margin-bottom: 10px; }
h2 { font-family: 'Roboto Condensed', sans-serif; font-size: 23px; text-transform: uppercase; font-weight: 300; }
h3, aside .bf_nav1 { font-family: 'Roboto Condensed', sans-serif; font-size: 19px; text-transform: uppercase; font-weight: 500; }
h4 { font-size: 13px; }
aside h3, aside .bf_nav1 { padding-bottom: 9px; border-bottom: 1px solid #d4d4d4; margin-bottom: 13px; }

aside .bf_nav1 { }
aside .bf_nav2, aside .bf_nav3, aside .bf_nav4 {  }
aside .bf_nav3 { padding-left: 15px; }
aside .bf_nav4 { padding-left: 30px; }
aside .bf_nav1 a { color: #000; margin-bottom: 0 !important; }

a, a:visited, a:hover { color: #2f6fa6; text-decoration: none; }
a.header-btn { margin-top: 50px; display: inline-block; line-height: 42px; border: 4px solid #82afd5; border-radius: 5px; color: #fff; font-weight: 400; font-size: 20px; text-transform: uppercase; padding: 0 15px; margin-left: 9px; }
a.newsletter { background: #2f6fa6; }
a.donate { background: #e2383f; margin-right: 25px; }
a.mobile-donate { background: #e2383f; line-height: 38px; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; color: #fff; padding: 0 15px; display: inline-block; margin-left: 10px; font-weight: 300; text-transform: uppercase; }
a.navlink, span.move-menu { display: inline-block; padding: 0 1rem; text-align: center; color: #000; }
a.navlink.active { background: url(/images/template/bcgrd-nav-active.png) no-repeat top center;}
footer a, footer a:hover { color: inherit !important; }
.module a { display: block; margin-bottom: 6px; }

b { font-weight: 700; }
.textbox-heading { }
.bf_docDescription { margin-top: 0; }
.bf_docBody { }
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.noshow { display: none; }
img { border: none; max-width: 100%; }
form input, textarea { max-width: 200px; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { position: relative; }

.blogposts { padding: 0 !important; margin: 0 !important; min-width: 200px !important; }
.blogpost { margin-bottom: 50px; }
.title { }
.date { font-size: 11px; color: #666; font-weight: normal; }
.info { font-size: 11px; color: #888; }

.btn.btn-primary { color: #fff; background-color: #2f6fa6; }
.btn.btn-primary:hover { color: #fff; background-color: #4282ba; border-color: #4282ba; }
.btn.btn-default { color: #333; background-color: #d3d3d3; }
.btn.btn-default:hover { color: #111; background-color: #ccc; border-color: #ccc; }

.home-quote { font-size: 15px; text-align: center; background: linear-gradient(#f7f7f7,#e2e2e2); padding: 30px 0; }
.quote-header { font-size: 35px; color: #000; }
.quote-attribute { font-weight: 700; font-size: 13px; margin-bottom: 22px; }
a.home-quote-link, a.int-quote-link { background: #5c9acf; line-height: 2; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 300; padding: 10px 25px; border-radius: 7px; }

a.int-quote-link { font-size: 13px; padding: 10px 5px; line-height: 1; text-align: center; }
aside { padding: 0 !important; }

.showMenu {
	position: relative;
	padding-left: 1.5em;
	float: left;
	text-transform: uppercase;
	margin-left: .5em;
	height: 60px;
}
.showMenu:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.97em;
	width: 1em;
	height: 0.15em;
	background: #333;
	box-shadow: 0 0.35em 0 0 #333,
	0 0.7em 0 0 #333;
	margin-top: 6px;
}

@media (min-width: 40rem) {

}

@media all and (min-width: 900px) {
	.logo { float: left; }
	.showMenu, .m-navigation, .mobile-donate { display: none !important; }
	.footer-contact { display: inline-block; float: left; }
	.social-footer { display: inline-block; float: right; }
}

@media all and (max-width: 899px) {
	header { text-align: center; }
	a.header-btn { display: none; }
	.social .search { display: none; }
	.search { width: 100%; background: #aaa; margin: 0; float: none; }
	.search-text { color: #fff; width: auto; }
	a.navlink, .menuContainer { display: none; }
	.quote-header { font-size: 27px; }
	a.home-quote-link { font-size: 15px; }
	footer { text-align: center; }
	.footer-contact { }
	.social-footer { }
}

/* Calendar Styles */

.cal_backBtn { display: inline-block; padding: .3rem 1rem; background: #ccc; color: #fff !important; border-radius: 5px; margin-bottom: 1.25rem; }
.cal_topBorder { margin-top: 9px; height: 45px; }
.cal_contents {  }
.cal_contents .column.full { padding: 0; }
.cal_eventDates { margin: 13px 0; font-size: 20px; font-weight: bold; }
.cal_contents p {  }
.cal_bottomBorder { height: 1px; border-bottom: 1px solid #ddd; }
.cal_dayIcon { width: 70px; text-align: center; font-size: 11px; font-weight: bold; float: left; }
.cal_event { padding: 10px 0px; }
.cal_dayEvents { margin: 0 0 5px 15px; width: 500px; float: right; }
.cal_dayIconDay { padding: 5px 3px; background: #084583; color: #fff; border-radius: 7px 0 0 0; }
.cal_dayIconDate { height: 55px; font-size: 40px; line-height: 55px; background: #e0e0e0; color: #fff; border-radius: 0 0 7px 0; }
.cal_dateSeparator { border-bottom: 1px dashed #ccc; }
.mobileonly { display: none; }

@media all and ( max-width: 750px ) {
	.cal_topBorder, .cal_bottomBorder { width: 100%; }
	.cal_contents {  }
	.cal_eventDates { }
	.cal_dayIcon { width: 25%; font-size: 11px; }
	.cal_event {  }
	.cal_dayEvents { margin: 0 0 5px 15px; width: 69%; }
	.cal_dayIconDay { padding: 5px 3px; }
	.cal_dayIconDate { font-size: 40px; line-height: 55px; }
	.desktoponly { display: none; }
	.mobileonly { display: block; }
	.mobilecategories { width: 95%; margin: 0 auto; }
}