/*** Arthur Bryant color schemes ***/
/*
maroon/logo = #800000 - rgba(120,0,0,1.00);
bright red = #cc0000 - rgba(204,0,0,1.00);
medium brown = #804000 - rgba(128,64,0,1.00);
mustard = #cc6600 - rgba(204,102,0,1.00);
medium gray = #7f7f7f - rgba(127,127,127,1.00);
light gray = #d1d2d4 - rgba(209,210,212,1.00);
*/

/***
// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575px) { ... }

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
***/

/*** Override Styles ***/
@import url('https://fonts.googleapis.com/css?family=Patua+One');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
/* Font Awesome */
@import url('/css/font-awesome.min.css');
/* Icon fonts Google */
/*@import url('https://fonts.googleapis.com/icon?family=Material+Icons');*/
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
	font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
	font-weight: 400;
	color: #444444;
	/*padding-top: 3rem;*/
	padding-bottom: 3rem;
	background-image: url(../images/body-background.jpg);
	background-position: center top;
	background-attachment: fixed; 
	background-size: cover;
	background-repeat: no-repeat;
	background-color: rgba(209,210,212,1.00);
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Patua One", Times, serif !important;
}
h1 {
	color: rgba(128,0,0,1.00);
	margin-top: 1rem;
}
a {
	color: rgba(204,102,0,1.00);
}
a:hover {
	color: rgba(120,0,0,1.00);
}
.card-body h3 {
	font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
	font-weight: 400;
	line-height: 44px;
	font-size: 1.3rem;
}

.navbar {
	background-image: url(../images/smoky-background.png);
	background-repeat: no-repeat;
	background-position: top;
	background-color: rgba(255,255,255,0.10);
}
.nav-item {
	font-family: "Patua One", Times, serif !important;
	font-size: 18px;
	text-align: center;
	line-height: 18px;
	/*color: rgba(127,127,127,1.00);*/
	padding-left: .1rem;
	padding-right: .1rem;
}
.nav-item a {
	/*color: rgba(0,0,0,1.00) !important;
	text-shadow: 2px 2px 3px rgba(255,255,255,0.90);*/
	color: rgba(255,255,255,1.00) !important;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.90);
}
.nav-item a:hover {
	color: rgba(175,175,175,1.00) !important;
}
.social-icon-top {
	padding: 0;
	padding-left: 5px;
	padding-top: .5rem;
	color: rgba(255,255,255,1.00) !important;
}
.social-icon-top:hover {
	color: rgba(204,102,0,1.00) !important;
}
#homeCarousel {
	margin-bottom: 1.5rem;
}
#homeCarousel .btn {
	background-color: rgba(204,102,0,1.00) !important;
	border-color: rgba(204,102,0,1.00) !important;
}
#homeCarousel h1 {
	/*background-color: rgba(255,255,255,1.00);*/
	padding: .5rem;
	color: rgba(255,255,255,1.00) !important;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.90);
	background-image: -webkit-linear-gradient(180deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.50) 100%);
	background-image: -moz-linear-gradient(180deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.50) 100%);
	background-image: -o-linear-gradient(180deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.50) 100%);
	background-image: linear-gradient(270deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.50) 100%);
}
.carousel-item h1 {
	color: rgba(204,102,0,1.00);
}
.carousel-item>img {
/*background-position: center;
  background-size: cover;
  max-height: 32rem;*/
  /*max-width: 2000px;*/
}

#bbq-menu {
	padding: .5rem;
	background-color: rgba(255,255,255,1.00);
	margin-bottom: 1.5rem;
}
.bbq-menu-item {
	padding: .5rem;
	border-bottom: 1px dotted rgba(200,200,200,1.00);
}
.bbq-menu-list h2 {
	color: rgba(204,102,0,1.00);
	padding-top: .2rem;
}
.bbq-menu-list h3 {
}
.bbq-menu-item h4 {
	font-size: 1.3rem;
	color: rgba(120,0,0,1.00);
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
	margin-bottom: 1.5rem;
	text-align: center;
}
.marketing h2 {
	font-weight: normal;
}
.marketing .col-lg-4 p {
	margin-right: .75rem;
	margin-left: .75rem;
}

.featurette-divider {
	margin: 2rem 0; /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
.featurette-heading {
	font-weight: 300;
	line-height: 1;
	letter-spacing: -.05rem;
}



.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: 'liga';
}
/* Rules for sizing the icon. */
.material-icons.md-18 {
	font-size: 18px;
}
.material-icons.md-24 {
	font-size: 24px;
}
.material-icons.md-36 {
	font-size: 36px;
}
.material-icons.md-48 {
	font-size: 48px;
}
/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
	color: rgba(0, 0, 0, 0.54);
}
.material-icons.md-dark.md-inactive {
	color: rgba(0, 0, 0, 0.26);
}
/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
	color: rgba(255, 255, 255, 1);
}
.material-icons.md-light.md-inactive {
	color: rgba(255, 255, 255, 0.3);
}
.navbar-toggler {
    background: none !important;
	background-color: rgba(209,210,212,1.00) !important;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

/* same as min-width = 768px */
@media (min-width: 48em) {
.featurette-heading {
	font-size: 50px;
}
}

/* same as min-width = 992px */
@media (min-width: 62em) {
.featurette-heading {
	margin-top: 7rem;
}
/* smooth color change */
.navbar {
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.navbar.scrolled {
    background: rgb(40, 40, 40); /* IE */
    background: rgba(40, 40, 40, 0.95); /* NON-IE */
	height: 70px;
}

}

/* same as max-width = 991px (xs, sm, md) */
@media (max-width: 62em) {
.navbar-brand, .navbar-brand img {
	max-height: 50px;
}
.navbar {
	background-image: none;
	background-color: rgba(150,150,150,0.90);
}
.carousel {
	/*margin-top: 65px;*/
}
.navbar.scrolled {
    background: rgb(40, 40, 40); /* IE */
    background: rgba(40, 40, 40, 0.95); /* NON-IE */
}

.card-body h3 {
	line-height: 24px;
	font-size: 1.1rem;
}
}