/* color styles for tan version */

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

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

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

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

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

#business,
#business a {
	color: #eae3c8;
}

#tagline {
	color: #eae3c8;
}

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

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

.copyright {
	color: #000;
}

.sidebar-nav .navbar-header {
	background-color: #312622;
	color: #eae3c8;
}

.navbar-brand {
	color: #fcfce4;
}

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

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

.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: #e3dfc9;
}

.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: #67b4c2;
	color: #312621;
}

div.row.footer {
	background-color: #766046;
	color: #e3dfc9;
}

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

.copyright {
	color: #000;
}

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

@media (min-width: 360px) {
	
}

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

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

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

	.navbar-default {
		border: none;
	}
	
	.main-background div.col-sm-3 {
		background: url(../img/nav-image-tan.jpg) no-repeat;
		background-size: 98%;
	}
	
	#business,
	#business a {
		color: #eae3c8;
		text-shadow: none;
	}
	
	#tagline {
		color: #eae3c8;
		text-shadow: none;
	}
	
	.title {
		text-shadow: .5px .5px .5px #fff;
		color: #000;
	}
	
	.center-main-content { /* slight background-color so text will show up over the background image */
		background-color: rgba(228, 223, 203, 0.4); /* this makes the background semi-transparent but allows the content inside the div to maintain it's opacity */
	}
}

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