/* color styles for white version */

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

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

a {
	color: #558fae;
}

a:visited {
	color: #95a4ab;
}

h1 {
	color: #77848b;
}

h2, h3, h4 {
	color: #555f65;
}

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

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

#tagline {
	color: #f0eae2;
}

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

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

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

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

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

.sidebar-nav .navbar li {
    border-bottom: 1px dashed white;
	color: #566167;
}

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

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

div.row.footer {
	background-color: #95a3ab;
	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) { 

	#default-logo {
		background-size: 100%;
	}
	
	#business {
		text-shadow: .5px .5px .5px #95a4ab;
	}
	
	#tagline {
		color: #fff;
		text-shadow: 1px 1px 1px #95a4ab;
	}
	
	.main-header {
		background-color: #f8f9fd;
	}
	
	.main-background {
		background: url(../img/content-background.jpg) bottom right no-repeat;
		background-color: #f8f9fd;
	}
	
}

@media (min-width: 990px) { /* for larger than ipad or other tablets */
	
	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;
	}
	
	#default-logo {
		background-size: 100%;
	}
}