/* Scss Document */

#page {
	background: #fff;
}

@media (min-width: 37.5em) {
	#page {
		background: #fff url("/-/media/microsites/connect4communities/connect4communities-bg.png") repeat-x left bottom;
		padding-bottom:15rem;
	}
}

h1.ms-header-text {
	display:none;
}


#microsite_header .navbar-inner {
	background: #F7A721;
	border: none;
	border-radius: 0.75em;
	color: #222;
	text-shadow: none; 
	box-shadow: none;
}

.navbar .nav {
	margin: 0 auto;
}

.navbar .nav>li {
	border-right: 2px solid #FFF;
}

.navbar .nav>li>a {
	text-shadow: none;
	font-weight: 600;
    color: #000;
}

#page h2 {
	color: #82082F;
	font-weight: 700;
}

#page .breakout-bg {
	background: #56B1E7;
	color: #000;
	padding: 1.75em 0 0.5em;
}

#page .breakout-bg h1 {
	font-weight: 700;
}

#page .breakout-bg h2 {
	color: #000;
}

#page .breakout-bg a:link,
#page .breakout-bg a:visited {
	color: #000;
	font-weight: 500;
	border-bottom: 1px solid #000;
}

#page .breakout-content {
	padding: 0;
}

#page .quote {
	color: #82082F;
	font-size: 1.25em;
	font-weight: 700;
	padding: 0 1em;
}

#page .well {
	background: #F9d085;
	border-radius: 0.75em;
	color: #222;
	text-shadow: none; }
	
#page .well-alternate {
	background: #A3D4F3;
	border-radius: 0.75em;
	color: #222;
	text-shadow: none; }

#page .well h3 {
	color: #82082F;
	font-weight: 700;
}

#page .well .details h3 {
	color: #FFF;
}

#page .well a:link,
#page .well a:visited {
	color: #000;
	font-weight: 500;
	border-bottom: 1px solid #000;
}

#page .well a:hover,
#page .well a:active {
	color: #222;
	border-bottom: 1px solid #222;
}

#page .add-large-top {
	margin-top: 1.5em;
}

#page .add-large-bottom {
	margin-bottom: 1.5em;
}

#facebookbtn {
	background: #fff;
	padding: 1em;
}

#page a[role="button"].primary {
	background: #56B1E7;
	font-weight: 700;
	color: #fff;
	text-shadow: none;
}

#page a[role="button"].primary:hover {
	background: #F7A721;
	color: #222;
}

#page a[role="button"].secondary {
	background:#aabe0f;
	font-weight: 700;
	color: #222;
	text-shadow: none;
}

#page a[role="button"].secondary:hover {
	background: #fff;
	color: #222; 
}