@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);
/* font-family: 'Roboto Slab', serif; */

@import url(https://fonts.googleapis.com/css?family=Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700);
/* font-family: 'Roboto Condensed', sans-serif; */

body {
    padding: 1.5em 0;
    background: url('../img/wood.jpg') repeat;
    font-family: 'Roboto Condensed', sans-serif;
}

#sbbq-menu,
#content,
#colophon {
    -webkit-box-shadow: 3px 3px 20px 5px rgba(0, 0, 0, .25);
    box-shadow: 3px 3px 20px 5px rgba(0, 0, 0, .5);
}

#masthead {
    font-family: 'Roboto Slab', serif;
    color: #ffcc99;
}

#masthead ul,
#masthead p {
    margin-top: 25px;
    font-weight: bold;
    font-size: 1.5em;
    text-shadow: 0 0 3px #441b06;
}

#masthead img {
    margin: 0 auto;
    margin-bottom: 1.5em;
}

.navbar {
    margin-bottom: 1.5em;
}

#sbbq-menu.navbar-default .navbar-brand {
    color: rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 1);
}

#sbbq-menu.navbar-default {
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    font-size: 14px;
    background-color: rgba(153, 0, 0, 1);
    border-width: 1px;
    border-radius: 0px;
    border-color: rgba(255, 255, 255, 1);
    border-left: none;
    border-right: none;
}

#sbbq-menu.navbar-default .navbar-nav>li>a {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(248, 248, 248, 0);
}

#sbbq-menu.navbar-default .navbar-nav>li>a:hover,
#sbbq-menu.navbar-default .navbar-nav>li>a:focus {
    /*color: rgba(0, 0, 0, 1);*/
    
    color: rgb(255, 255, 255);
    background-color: rgba(248, 248, 248, 0);
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 1);
}

#sbbq-menu.navbar-default .navbar-nav>.active>a,
#sbbq-menu.navbar-default .navbar-nav>.active>a:hover,
#sbbq-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(51, 51, 51, 1);
    background-color: rgba(255, 255, 255, 1);
    text-shadow: none;
}

#sbbq-menu.navbar-default .navbar-nav>.order>a,
#sbbq-menu.navbar-default .navbar-nav>.order>a:hover,
#sbbq-menu.navbar-default .navbar-nav>.order>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: #CC7833;
    text-shadow: none;
}

#sbbq-menu.navbar-default .navbar-toggle {
    border-color: transparent;
    background-color: rgba(153, 0, 0, 1);
}

#sbbq-menu.navbar-default .navbar-toggle:hover,
#sbbq-menu.navbar-default .navbar-toggle:focus {
    background-color: #ffffff;
}

#sbbq-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #000000;
}

#sbbq-menu.navbar-default .navbar-toggle:hover .icon-bar,
#sbbq-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: rgba(153, 0, 0, 1);
}

#sbbq-menu.navbar-default .navbar-collapse {
    border-top: none;
}

#content {
    margin-bottom: 1.5em;
    padding: .5em 1em;
    background: #fff;
  font-size: 18px;
	
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
    font-family: 'Roboto Slab', serif;
}

	#content h1 {
		color: #cc3333;
		/*font-size: 25px;*/
	}
	
	#content h2 {
		color: #000000;
		/*font-size: 20px;*/
	}
	
	#content h3 {
		color: #666666;
		/*font-size: 15px;*/
	}
#content a,
#colophon a {
    color: #cc3333;
}

footer #colophon {
    padding: 1.5em 1em;
    color: #ccc;
    background: #000000;
}

footer address {
    margin-bottom: 0;
}
.thumbnail.with-caption {
  display: inline-block;
  background: #f5f5f5;
}
.thumbnail.with-caption p {
  margin: 0;
  padding-top: 0.5em;
}
.thumbnail.with-caption small:before {
  content: '\2014 \00A0';
}
.thumbnail.with-caption small {
  width: 100%;
  text-align: right;
  display: inline-block;
  color: #999;
}

@media (max-width: 768px) {
    .navbar-md {
        min-height: 90px
    }
    .navbar-md .navbar-brand,
    .navbar-md .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .navbar-md .navbar-brand {
        height: 40px
    }
    .navbar-md .navbar-toggle {
        margin: 30px 15px;
    }

    footer .col-sm-4 {
        padding: 1em 0 .5em 0;
        border-bottom: 1px solid #333;
    }
    footer .col-sm-4:first-child {
        padding-top: 0;
    }
    footer .col-sm-4:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }
	#content h1 {
    	font-size: 24px;
		margin-top:7px;
		margin-bottom:7px;
    }
    #content h2 {
        font-size: 22px;
		margin-top:7px;
    }
    #content h3 {
        font-size: 18px;
		margin-top:7px;
    }
	.burlap {
		padding: 20px 0;
	}
}

@media (min-width: 768px) {
    /* Small devices (tablets, 768px and up) */
    
    #sbbq-menu.navbar-default {
        background: -webkit-linear-gradient(top, rgba(204, 51, 51, 1) 0%, rgba(153, 0, 0, 1) 100%);
        background: linear-gradient(to bottom, rgba(204, 51, 51, 1) 0%, rgba(153, 0, 0, 1) 100%);
    }
    #sbbq-menu.navbar-default .navbar-collapse {
        padding: 0;
    }
    footer #colophon {
        background: rgba(0, 0, 0, .75);
    }
    footer #copy {
        text-align: center;
    }
    footer #details {
        text-align: right;
    }

	
	
}

@media (min-width: 992px) {
    /* Medium devices (desktops, 992px and up) */
    
    #masthead ul,
    #masthead p {
        margin-top: 35px;
    }

}

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

/*modal Popup*/
.modal {
	z-index: 10;
	display: block;
	padding-top: 100px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.5)
}
.modal-content {
	margin: auto;
	background-color: #fff;
	position: relative;
	padding: 0;
	outline: 0;
	max-width: 600px
}
.modal-inner { padding: 20px 30px; }
.modal-close {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	right: 0;
	top: 0;
	background: #ccc;
	padding: 6px 10px;
}
.animate-opacity { animation: opac 0.8s }@keyframes opac{from{opacity:0} to{opacity:1}}