/* macrolocal.com default theme */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

body {
	background-color: #e8e8e8;
}

a, a:hover {
	color: #2255aa;
}

.main-wrapper {
	border-left: 10px solid #336699;
	border-right: 10px solid #336699;
}

.block-header {
	background-color: #336699;
}

.navbar-inner, .navbar-inverse .navbar-inner {
	background-color: #336699;
	background-image: -moz-linear-gradient(top, #336699, #336699);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#336699), to(#336699));
	background-image: -webkit-linear-gradient(top, #336699, #336699);
	background-image: -o-linear-gradient(top, #336699, #336699);
	background-image: linear-gradient(to bottom, #336699, #336699);
	background-repeat: repeat-x;
	border: 1px solid #224488;
}

.navbar .brand {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.5px;
}

.navbar .btn-navbar {
	float: right;
	padding: 7px 10px;
	margin-right: 5px;
	margin-left: 5px;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #224488;
	background-image: -moz-linear-gradient(top, #224488, #224488);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#224488), to(#224488));
	background-image: -webkit-linear-gradient(top, #224488, #224488);
	background-image: -o-linear-gradient(top, #224488, #224488);
	background-image: linear-gradient(to bottom, #224488, #224488);
	background-repeat: repeat-x;
	border-color: #224488;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.075);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.075);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.075);
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
	color: #fff;
	background-color: #224488;
}

.navbar .nav > li > a {
	text-shadow: none;
	float: none;
	color: #fff;
	text-decoration: none;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #224488;
	-webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
	-moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
	box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #224488;
}

.bottom-header {
	background-color: #f0f4f8;
	background-image: linear-gradient(to bottom, #e8eef5, #f8fafc);
}

.btn-custom-hue {
	background-color: #336699 !important;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#336699), to(#336699));
	background-image: -moz-linear-gradient(top, #336699, #336699);
	background-image: -ms-linear-gradient(top, #336699, #336699);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #336699), color-stop(100%, #336699));
	background-image: -webkit-linear-gradient(top, #336699, #336699);
	background-image: -o-linear-gradient(top, #336699, #336699);
	background-image: linear-gradient(#336699, #336699);
	border-color: #224488;
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	-webkit-font-smoothing: antialiased;
}

@media (max-width: 979px) {
	.navbar .nav-collapse .nav li > a {
		color: #fff;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.navbar .nav-collapse .nav li > a:hover {
		background-color: #224488;
	}
}