/* color styles for tan version */

body {
	background: url(../img/page-background-top-tan.jpg), url(../img/page-background-tan.jpg);
	background-repeat: no-repeat, repeat-x;
	background-color: #ede3d9;
	color: #34342c;
}

a {
	color: #507962;
	text-decoration: underline;
}

a:visited {
	color: #333;
	text-decoration: underline;
}

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

#business {
	color: #372c2c;
}

#business a {
	color: #392f25;
}

#tagline {
	color: #212525;
}

.central-container {
	background-color: #f3eee7;
	opacity: 0.6;
}


.specials-box-mobile {
	background-color: #E55D48;
}

#specials-right {  /* using rgb color here to help keep the text on top of the gradient from becoming transparent */
	background: -o-linear-gradient(rgb(229,93,72) 50%, rgb(242,242,242) 100%);
	background: -moz-linear-gradient(rgb(229,93,72) 50%, rgb(242,242,242) 100%);
	background: -webkit-linear-gradient(rgb(229,93,72) 50%, rgb(242,242,242) 100%);
	background: -ms-linear-gradient(rgb(229,93,72) 50%, rgb(242,242,242) 100%);
	background: linear-gradient(rgb(229,93,72) 50%, rgb(242,242,242) 100%);
	border-bottom: none;
}

.specials-box,
.specials-box-mobile,
.specials-box h3,
.specials-box-mobile h3 {
	color: #fff;
	text-shadow: .5px .5px .5px #e55d48; 
}

.copyright {
	color: #000;
}

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

.navbar-default {
	background-color: transparent;
	color: #000;
	
}

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

.navbar-nav li a,
.navbar-default .navbar-nav>li>a {
	color: #453a35;
}

div.row.footer {
	color: #291300;
}

footer a, 
footer a:visited {
	color: #291300;
	text-decoration: none;
}

.copyright {
	color: #000;
}

@media (min-width: 320px) { 
	body {
		background: none; /* reset background */
		background: url(../img/page-background-top-tan.jpg); 
		background-repeat: no-repeat;
		background-size: contain;
	}

	.central-container {
		opacity: 1;
	}
	
	.navbar-default {
		border-bottom: 5px solid #E55D48;
	}
}

@media (min-width: 768px) {
	
	body {
		background-color: #ede3d9;  /*#f2f2f2;*/
	}
	
	/*.main-background {
		background-color: #ece4d9;
	}*/
	
	.sidebar-nav .navbar-header {
		background-color: transparent;
		border-bottom: none;
	}
	
	.navbar-default {
		background-color: transparent;
		color: #000;
		border-bottom: 1px solid transparent;
	}
	
	.central-container {
		background-color: rgba(255, 255, 255,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-top-tan.jpg), url(../img/page-background-tan.jpg);
		background-repeat: no-repeat, repeat-x;
		background-color: #ede3d9;
		background-size: 975px, auto;
	}
	
	
}