/* color styles for orange version */

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

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

a {
	color: #cc542e;
}

a:visited {
	color: #cc542e;
}

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

#default-logo {
	background: url(../img/default-logo-orange.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: #fdca77;
	color: #494c4b;
}

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

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

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

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

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:visited {
	background-color: #fdca77;
}

.navbar-default {
	background: url(../img/nav-background-orange.jpg) repeat-y;
	background-size: 100%;
}

.sidebar-nav .navbar li {
	color: #000;
}

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

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

div.row.footer {
	background-color: #cc542e;
	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;
	}
	
	.central-content {
		background: none;
	}
	
}

@media (min-width: 768px) { 
	
	body {
		background: url(../img/page-background-orange.jpg) repeat-x;
		background-color: #f4faf0;
	}

.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%;
	}
}