/* color styles for blue version */

body {
	background-color: #fff;
	color: #000;
}

.container-inner  {
	background: url(../img/background-top-blue.jpg) top left no-repeat;
	background-size: contain;
}

.central-content a,
footer a {
	color: #183152;
	text-decoration: underline;
}

.central-content a:hover,
.central-content a:visited {
	color: #183152;
	text-decoration: underline;
}

h1, h2, h3, h4 {
	color: #000;
}

#business,
#business a,
#tagline {
	text-shadow: .5px .5px .5px #e4dfcb;
	color: #000;
}

.specials-box,
.specials-box-mobile {
	background-color: #c4d7ed;
}

.specials-box,
.specials-box-mobile,
.specials-box h3,
.specials-box-mobile h3 {
	color: #000;
}

.copyright {
	color: #000;
}

.sidebar-nav .navbar-header {
	background-color: #193153;
	color: #fff;
}

.navbar-brand {
	color: #fcfce4;
}

.navbar-default {
	background-color: #193153;
}

.navbar-default .navbar-toggle {
	border-color: #183152;
}

.navbar-nav li a,
.navbar-default .navbar-nav>li>a,
.navbar-nav li a:visited,
.navbar-nav li a:hover,
.navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:hover {
	color: #c4d7ed;
}

.navbar-nav li a.activenav,
.navbar-nav li a.activenav:visited,
.navbar-nav li a.activenav:focus,
.navbar-nav li a.activenav:hover,
.navbar-nav li a.activenav:active {
	background-color: #c4d7ed;
	color: #193153;
}

div.row.footer {
	background-color: #213029;
	color: #fcfce4;
}

footer,
footer a, 
footer a:hover, 
footer a:visited {
	color: #fff;
}

.copyright {
	color: #000;
}

@media (min-width: 320px) {
	#business,
	#business a,
	#tagline {
		color: #000;
	}
	
	#member-logo {
		border: 1px solid #21302a;
	}
	
	.navbar-default .navbar-brand {
		color: #fcfce4;
	}
}

@media (min-width: 360px) {
	#business,
	#tagline {
		text-shadow: .5px .5px .5px #fff; 
	}
}

@media (min-width: 480px) {
	.container-inner {
		background-size: 100%;
	}
}

@media (min-width: 640px) {
	#business {
		text-shadow: .5px .5px .5px #193153;
		color: #fff;
	}
	
	#tagline {
		text-shadow: .5px .5px .5px #fff;
		color: #193153;
	}
}

@media (min-width: 768px) {
	.container-inner {
		background-size: 102%;
	}

	.navbar-default {
		border: none;
	}
	
	.main-background div.col-sm-3 {
		background: url(../img/nav-image-blue.jpg) no-repeat;
		background-size: 98%;
	}
	
	#business,
	#business a {
		color: #fff;
		text-shadow: none;
	}
	
	#tagline {
		color: #abc8e2;
		text-shadow: none;
	}
	
	.title {
		text-shadow: .5px .5px .5px #fff;
		color: #000;
	}
	
}

@media (min-width: 990px) {
	body {
		background: url(../img/page-background-blue.jpg) repeat-x;
		background-size: inherit;
		color: #000;
	}
	
	.container-inner {
		background-size: 102%;
	}
	
	
}