/* color styles for green version */

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

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

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

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

h1, h2, h3, h4 {
	color: #34342c;
}

#business,
#business a,
#tagline {
	text-shadow: .5px .5px .5px #e4dfcb;
	color: #000;
}
	
.specials-box,
.specials-box-mobile {
	background-color: #c0ebb9;
}

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

.copyright {
	color: #000;
}

.sidebar-nav .navbar-header {
	background-color: #213029;
	color: #fcfce4;
}

.navbar-brand {
	color: #fcfce4;
}

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

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

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

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

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

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

.copyright {
	color: #000;
}

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

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

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

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

@media (min-width: 768px) {
	
	.container-inner {
		background-size: 100%;
	}
	
	.navbar-default {
		border: none;
	}
	
	.main-background div.col-sm-3 {
		background: url(../img/nav-image-green.jpg) no-repeat;
		background-size: 98%;
	}
	
	#business,
	#business a,
	#tagline {
		color: #fcfce4;
		text-shadow: none;
	}
	
	.title {
		text-shadow: .5px .5px .5px #fff;
		color: #000;
	}
}

@media (min-width: 990px) {
	body {
		background: url(../img/page-background-green.jpg) repeat-x;
		background-size: inherit;
		background-color: #fcfce4;
	}
	
	.container-inner {
		background-size: 102%;
	}
	
	.main-background div.col-sm-3 {
		background-size: 95.5%;
	}
}