﻿@import url(fonts/aleo_regular_macroman/stylesheet.css);
/* Goolsbys Stylesheet */
*, *::before, *::after {box-sizing: border-box;}
.text-center {text-align: center;}
html {background:#000;}
body {background:url('../images/background.jpg') #1e0700;padding:0;margin:0;font-size:16px;color:#fff;font-family:"aleoregular", "Times New Roman", Times, serif;}
table td {font-size:inherit;}

h1,h2,h3,h4,h5,h6 {padding:0;margin:0 0 10px;font-weight:normal;}
h1 {font-size:34px;color:#b32a1d;}
h2 {font-size:26px;color:#b32a1d;}
h3 {font-size:20px;color:#b32a1d;}
h4 {font-size:18px;color:#ECE9D8;}
h5 {font-size:16px;}
h6 {font-size:14px;}

a {text-decoration:none;}
a:link,
a:visited {color:#b32a1d;}
a:hover,
a:active,
a:focus {color:#000;}
a img {border:0;}

textarea {font-family:inherit;font-size:inherit;}

.hide {display:none;}

/* Framework Styles */
.content {text-align:center;}
.content-interior {width:1000px;max-width:1280px;margin:0 auto;text-align:left;padding:40px 0;}
.content.inside .content-interior {
	background: url('/images/section-bbq-ribs.jpg');
    background-size: cover;
}
.content.inside.page-menu .content-interior {background:none;}
.content.inside .content-interior article {
    background: url('/images/menu-card.png');
    background-size: 100% 100%;
    padding: 30px 50px;
    margin: 0 30px;
    color: #000;
}
.content.inside.page-menu .content-interior article {background:none;padding:0;margin:0;color:#fff;}
.content.home .content-interior {width:100%;padding:0;}
article:after {display:block;content:'';clear:both;}
/* /Framework Styles */

/* Header Styles */
header {min-height:120px;}
.header-wrap {background:rgba(0,0,0,0.6);width:100%;position:absolute;top:0;left:0;height:120px;z-index:1200;}
.header-interior {width:1000px;margin:0 auto;position:relative;}
.logo {position:absolute;top:20px;left:0px;}
.logo img {width:220px;}
.infobox {position:absolute;right:0;top:0;background:url('../images/infobox-background.png');box-shadow:0 2px 0px rgba(0,0,0,0.2);padding:20px;z-index:500;}
.infobox-phone {font-size:30px;line-height:25px;margin-bottom:10px;}
.infobox-phone img {float:left;margin-right:10px;}
.infobox-hours {font-size:12px;text-align:center;}
.infobox-divider {display:block;margin:10px auto;}
.infobox-location {font-size:14px;padding-left:15px;}
.infobox-location img {vertical-align:bottom;margin-right:5px;margin-left:-15px;}

.text2 {display:none;}
.text3 {display:none;}
/* /Header Styles */

/* Navigation Styles */
.topnav {position:absolute;top:31px;left:225px;z-index:400;}
.topnav-interior {}
.topnav > ul {list-style-type:none;padding:0px;margin:0px;}
.topnav > ul > li {display:inline-block;padding:0 10px;position:relative;}
.topnav > ul > li > a {font-size:14px;line-height:50px;position:relative;text-transform:uppercase;display:inline-block;border-bottom:2px solid rgba(179, 42, 29, 0);}
.topnav > ul > li > a:after {position:absolute;right:-15px;top:0px;content:'•';color:#b32a1d;}
.topnav > ul > li:last-child > a:after {display:none;}
.topnav > ul ul {
	display:none;
	list-style-type:none;
	padding:0px;
	margin:0px;
	position:absolute;
	top:100%;
	left:0;
	background:#000;
	white-space:nowrap;
	min-width:200px;
}
.topnav > ul ul li {font-size:14px;font-weight:normal;}
.topnav > ul ul li a {display:block;padding:5px 10px;border-bottom:2px solid #000;}
.topnav > ul li a:link,
.topnav > ul li a:visited {color:#fff;}
.topnav > ul li a:hover,
.topnav > ul li a:active,
.topnav > ul li a:focus {color:#fff;border-bottom:2px solid #b32a1d;}
/* /Navigation Styles */


/* Content Styles */
.flash {background:#000;}
.flash-interior {max-width:1280px;margin:0 auto;}

article.full {}
article.inside {}
aside {display:none;}

.boxes {}
.box-item {float:left;width:50%;position:relative;}
.box-item img {width:100%;display:block;}
.box-item .box-item-stripe {background:rgba(0,0,0,0.6);position:absolute;top:50%;margin-top:-33px;left:0;width:100%;color:#fff;font-size:32px;text-transform:uppercase;text-align:center;}
.box-item .box-item-stripe a {display:block;line-height:66px;}
.box-item .box-item-stripe a:link,
.box-item .box-item-stripe a:visited {color:#fff;}
.box-item .box-item-stripe a:hover,
.box-item .box-item-stripe a:active,
.box-item .box-item-stripe a:focus {color:#fff;}

.content p {margin-top:0;line-height:1.5em;}
.content img {max-width:100%;height:auto !important;}

.contact-content {float:left;width:50%;}
.contact-address {line-height:1.5em;}
.contact-address .business-office-number {font-size:20px;}
.contact-address .business-name {margin-top:15px;}
.contact-form {float:right;width:45%;}
.contact-form label {display:block;}
.contact-form input[type=text],
.contact-form textarea {width:100%;box-sizing:border-box;padding:5px 10px;font-size:16px;font-family:inherit;margin-bottom:10px;}
.contact-form input[type=submit] {float:right;background:#b32a1d;color:#fff;border:0;cursor:pointer;padding:10px 20px;}
.contact-form input[type=submit]:hover {color:#b32a1d;background:#fff;}


.menu section {background:url('/images/menu-cardboard.jpg') left bottom;padding:50px;border-bottom:2px dashed #000;position:relative;}
.menu section:before {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    z-index: 1;
    background-size: cover;
	background-position:bottom center;
}
section.menu-section-92:before {background-image: url('/images/section-fried-fish.jpg');}
section.menu-section-93:before {background-image: url('/images/section-bbq-ribs.jpg');}
section.menu-section-94:before {background-image: url('/images/section-vegetables.jpg');}
section.menu-section-95:before {background-image: url('/images/section-chicken-fingers.jpg');}
section.menu-section-96:before {background-image: url('/images/section-hoecakes.jpg');}
section.menu-section-258:before {background-image: url('/images/section-specials.jpg');}
.menu section:after {display:block;content:'';clear:both;}
.menu section h2 {font-size:50px;color:#fff;text-transform:uppercase;position:relative;z-index:2;text-shadow:0 3px 15px #000;}
.menu-category {background:url('/images/menu-card.png');background-size:100% 100%;color:#000;padding:15px 40px;width:66%;box-sizing:border-box;position:relative;z-index:2}
.menu section:nth-child(2n-1) h2 {text-align:right;}
.menu section:nth-child(2n) h2 {text-align:left;}
.menu section:nth-child(2n-1) .menu-category {float:right;}
.menu section:nth-child(2n) .menu-category {float:left;}
.menu-item-price {float:right;margin-left: .5em;line-height: 22px;}

.album-images {}
.album-images:after {content:'';display:block;clear:both;}
.album-image {float:left;width:20%;}
.album-image a {display:block;padding:10px;background-color:rgba(231, 76, 60,0);transition:all .3s;}
.album-image a:hover {background-color:rgba(231, 76, 60,1);}
.album-image a img {width:100%;}

/* /Content Styles */

/* Links Styles */
#linkstable {background:#fff;margin-top:20px;}
.linksheader {background:#4a7cc6;color:#fff;font-weight:bold;}
.linkssubheader {background:#c00;color:#fff;font-weight:bold;}
#linkstable td {padding:5px;}
#linkstable a:link {color:#000;}
#linkstable a:visited {color:#000;}
#linkstable a:hover {color:#00f;}
#linkstable a:focus {color:#000;}
.linksalt1 {background:#DBE8FF;}
.linksalt2 {background:#9EC2FF;}
/* /Links Styles */

/* Footer Styles */
footer {background:url('../images/footer-bg.jpg') center top no-repeat #000;text-align:center;font-size:12px;color:#fff;}
.footer-interior {width:1000px;margin:0 auto;text-align:left;position:relative;padding:40px 0;}
.copyright {margin-bottom:30px;}
.botnav {}
#botnavlist {list-style-type:none;padding:0;margin:0;display: flex;}
#botnavlist ul {display: none;}
#botnavlist li {display:inline;border-left:1px solid #ccc;padding:0 10px;}
#botnavlist li:first-child {border-left:0;padding-left:0;}
#botnavlist li a:link,
#botnavlist li a:visited {color:#ccc;}
#botnavlist li a:hover,
#botnavlist li a:active,
#botnavlist li a:focus {color:#fff;}
.designed {font-size:12px;position:absolute;top:50px;right:0;}
.designed img {position:relative;top:12px;margin-top:-12px;}
/* /Footer Styles */

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

.nav-toggle {
	display:none;
	padding:10px 10px 0;
}
.sub-expand {
	display:none !important;
	background:url('../images/open-menu.png') no-repeat;
	background-size:100%;
	text-indent:-9999px;
	border-radius:50%;
	box-sizing:border-box;
	float:right;
	font-size:26px;
	line-height:40px;
	height:40px;
	width:40px;
	margin-right:20px;
	margin-top:4px;
	padding:0px !important;
	text-align:center;
	z-index:10;
}

@media screen and (max-width:1000px) {
	.header-interior,
	.content-interior,
	.footer-interior {width:100%;box-sizing:border-box;padding:4%;}
	.designed {right:4%;}
	.header-interior .logo {left:4%;max-width:40%;}
	.header-interior .infobox {max-width:42%;}
	.album-image {width:25%;}
}

@media (min-width:981px){
	#topnavlist li:hover > ul {display:block;}
}

@media (max-width:980px){
	.nav-toggle {display:block;position:absolute;top:-95px;left:50%;margin-left:-33px;}
	.sub-expand {display:block !important;}
	.topnav {top:120px;left:0;width:100%;background:rgba(92,0,0,0.6);}
	#topnavlist {
		display:none;
		background:#000;
		position:absolute;
		top:0px;
		left:0;
		width:100%;
		z-index:1200;
		margin:0;
		padding:0;
	}
	#topnavlist li {display:block;border-bottom:1px solid #b32a1d;padding:0;}
	#topnavlist li a {display:block;padding:0 10px;}
	#topnavlist li a:hover {border-bottom:0;background:#300;}
	.topnav > ul > li > a:after {display:none;}
	#topnavlist ul {
		position:static;
	}
	#topnavlist ul li {font-size:16px;padding:0;}
	#topnavlist ul li a {padding:14px 7px;display:block;}
	.menu-category {width:100%;}
	
}
@media screen and (max-width:700px){
	.header-wrap {position:static;background:#000;border-bottom:2px solid #AA281B;}
	.topnav {top:122px;}
	.content table.locations td {display:block;width:100% !important;}
	.album-image {width:33%;}
}
@media screen and (max-width:550px){
	.header-interior,
	.content-interior,
	.footer-interior {padding:4% 0;}
	.content.inside .content-interior article {margin:0;}
	.header-interior .infobox {display:none;}
	.nav-toggle {left:auto;right:5%;}
	.header-wrap {height:70px;}
	.logo {top:10px;}
	.header-interior .logo img {height:50px;width:auto;}
	.topnav {top:72px;}
	.nav-toggle {top:-70px;}
	.box-item .box-item-stripe {font-size:24px;margin-top:-25px;}
	.box-item .box-item-stripe a {line-height:50px;}
	
	.contact-content {float:none;width:100%;margin-bottom:20px;}
	.contact-form {float:none;width:100%;}
	
	.footer-interior {text-align:center;}
	.copyright {}
	.botnav {margin-bottom:30px;}
	.designed {position:static;}
	.menu section {padding:20px;}
	.menu section h2 {font-size:32px;}
	.album-image {width:50%;}
}
@media screen and (max-width:400px){
	.content.inside .content-interior article {padding:20px 20px 50px;}
	.box-item {float:none;width:100%;}
	.box-item .box-item-stripe {font-size:24px;margin-top:-30px;}
	.box-item .box-item-stripe a {line-height:60px;}
	#botnavlist li {display:block;border-left:0;border-bottom:1px dotted #ccc;}
	#botnavlist li:first-child {padding:0 10px;}
	#botnavlist li:last-child {border-bottom:0;}
	#botnavlist li a {display:block;line-height:30px;font-size:18px;text-align:left;}
	.menu-category {padding:15px 20px;}
	.album-image {width:100%;}
}
@media screen and (max-width:320px){
	.logo {top:14px;}
	.header-interior .logo img {height:40px;}
	.box-item .box-item-stripe {font-size:18px;margin-top:-20px;}
	.box-item .box-item-stripe a {line-height:40px;}
	.menu section {padding:15px 5px;}
	.menu-category {padding:10px 15px 15px;}
}
