/* color styles for green version */

body {
	background: url(../img/page-background-white.jpg) repeat-x;
	background-color: #d9d8da;
	color: #333;
}

.main-header {
	background: #fff url(../img/header-background-green.jpg) no-repeat;
	background-size: 100%;
}

a {
	color: #75a660;
}

a:visited {
	color: #75a660;
}

h1, h2, h3, h4 {
	color: #494c4b;
}

#default-logo {
	background: url(../img/default-logo-green.png) no-repeat;
}

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

#tagline {
	color: #fff;
}

.main-background {
	background-color: #f7f9fb;
	border-right: 1px solid #95a3ab;
	border-left: 1px solid #95a3ab;
}

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

.specials-box a,
.specials-box a:visited,
.specials-box-mobile a,
.specials-box-mobile a:visited,
#specials h3 {
	color: #fff;
}

.main-background div.col-sm-9 {
	color: #333;
}

.central-content {
	color: #362f2d;
}

.main-background div.col-sm-3 {
	border-left: 1px solid #95a3ab;
	background-color: #698070;
}

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

.navbar-default .navbar-brand {
	color: #fff;
}

.navbar-default {
	background: url(../img/nav-background-green.jpg) no-repeat;
	background-size: 100%;
	color: #fff;
}

.sidebar-nav .navbar li,
.navbar-default .navbar-nav>li>a {
	color: #fff;
}

.sidebar-nav .navbar li a:hover {
	color: #fff;
}

.navbar-nav>li>a.activenav {
	background: url(../img/nav-bullet.png) no-repeat 0 9px;
	color: #fff;
}

.sidebar-nav .navbar li a:hover {
	color: #fff;
}

div.row.footer {
	background-color: #75a660;
	color: #fff;
}

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

.copyright {
	color: #000;
}

@media (min-width: 320px) { 
	#default-logo {
		background-size: 75%;
	}
	
	#tagline {
		color: #000;
	}
	
	.main-background {
		border: none;
	}
	
	.main-background div.col-sm-3 {
		border: none;
	}
	
	.navbar-default {
		border: none;
	}
	
	.navbar-header {
		border-bottom: 1px dotted #fff;
	}
	
	.navbar-header .navbar-toggle {
		background-color: #b9c0c2;
	}
	
	.central-content {
		background: none;
	}
	
}

@media (min-width: 768px) { 
	
	body {
		background: url(../img/page-background-white.jpg) repeat-x;
		background-color: #d9d8da;
	}
	
	.main-background {
		border-right: 1px solid #95a3ab;
		border-left: 1px solid #95a3ab;
	}
	
	#business {
		text-shadow: .5px .5px .5px #95a4ab;
	}
	
	#tagline {
		color: #fff;
		text-shadow: 1px 1px 1px #95a4ab;
	}
	
	#default-logo {
		background-size: 100%;
	}
}