/* ===========================================
	Menu Page
============================================== */

.menu-category  {
    text-align: center;
    display: flex;
    justify-content: center;
	}

.menu-category.double-line-margin  {
    margin: 0 0 18px 0;
	}
	@media (min-width: 800px){.menu-category.double-line-margin {margin: 0 0 0 0;}}


.menu-category img {
    width: 40px;
    height: 80px;
    align-self: center;
	}
	@media (min-width: 800px){.menu-category img {width: 80px; height: 80px;}}
	@media (min-width: 1000px){.menu-category img {width: 120px; height: 80px;}}
	@media (min-width: 1500px){.menu-category img {width: 200px; height: 100px;}}


.menu-category-text {
    text-align: center;
	}


.menu-category-title h2 {
	font-family:'house-script',sans-serif;
	font-size: 2.2em;
	line-height: .8em;
    font-weight: 600;
	color: #c20630;
	text-transform:uppercase;
    letter-spacing: 0;
    align-self: center;
    padding: 20px 10px 0 10px;
	}
	@media (min-width: 800px){.menu-category-title h2 {font-size: 2.8em;}}
	@media (min-width: 1000px){.menu-category-title h2 {font-size: 3em;}}
	@media (min-width: 1500px){.menu-category-title h2 {font-size: 3.6em;}}

.menu-category-title p {
	font-family:'house-script',sans-serif;
	font-size: 1.2em;
	line-height: .8em;
    font-weight: 400;
	color: #c20630;
	text-transform:uppercase;
    letter-spacing: 0;
    align-self: center;
    padding: 10px 0 40px 0;
	}
	@media (min-width: 800px){.menu-category-title p {padding: 3px 0 40px 0;font-size: 1.3em;}}
	@media (min-width: 1000px){.menu-category-title p {padding: 3px 0 40px 0;font-size: 1.8em;}}
	@media (min-width: 1500px){.menu-category-title p {padding: 3px 0 40px 0;font-size: 2em;}}



.menu-category-title br {
	display: block;
	}
	@media (min-width: 800px){.menu-category-title br {display:none;}}


.menu-category-items  {
    text-align: center;
    display: flex;
    justify-content: center;
	}







.menu-item  {
    width: 100%;
    padding: 0 0 0 0;
	}


.menu-item-description  {
    float: none;
    width: 100%;
	}
	@media (min-width: 800px){.menu-item-description {float: left; width: 70%;}}


.menu-item-add-on  {
    width: 100%;
    padding: 0 0 0 0;
	}

.menu-item-add-on-description  {
    float: none;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
	}
	@media (min-width: 800px){.menu-item-add-on-description {float: left; width: 100%;}}


.menu-item-add-on-description p {
	font-family:'house-script',sans-serif;
	font-size: 1em;
	line-height: .8em;
    font-weight: 400;
	color: #c20630;
	text-transform:uppercase;
    letter-spacing: 0;
    align-self: center;
    padding: 10px 0 10px 0;
    text-align: center;
	}
	@media (min-width: 800px){.menu-item-add-on-description p {text-align: left; font-size: 1.1em;}}
	@media (min-width: 1000px){.menu-item-add-on-description p {text-align: left; font-size: 1.2em;}}
	@media (min-width: 1500px){.menu-item-add-on-description p {text-align: left; font-size: 1.3em;}}

.menu-item-add-on-description p span {
	font-family: 'Festivo-LC-Basic', sans-serif;
    font-size: .8em;
	}



.menu-item-description.four-prices  {
    float: none;
    width: 100%;
	}
	@media (min-width: 800px){.menu-item-description.four-prices {float: left; width: 40%;}}




.menu-item-description h3 {
	font-family: 'Festivo-LC-Basic', sans-serif;
	font-size: 1.5em;
	line-height: .9em;
    font-weight: 400;
	color: #c20630;
	text-transform:uppercase;
    letter-spacing: 0;
    align-self: center;
    padding: 0 0 10px 0;
    text-align: center;
	}
	@media (min-width: 800px){.menu-item-description h3 {text-align: left; font-size: 1.5em;}}
	@media (min-width: 1000px){.menu-item-description h3 {text-align: left; font-size: 2em;}}
	@media (min-width: 1500px){.menu-item-description h3 {text-align: left; font-size: 2.6em;}}

.menu-item-description br {
	display: block;
	}
	@media (min-width: 800px){.menu-item-description br {display:none;}}


.menu-item-description h3 img.fav {
    width: 27px;
    height: 27px;
	}
	@media (min-width: 800px){.menu-item-description h3 img.fav {width: 25px;height: 25px;}}
	@media (min-width: 1000px){.menu-item-description h3 img.fav {width: 35px;height: 35px;}}
	@media (min-width: 1500px){.menu-item-description h3 img.fav {width: 45px;height: 45px;}}



.menu-item-description p {
	font-family:'house-script',sans-serif;
	font-size: 1em;
	line-height: .8em;
    font-weight: 400;
	color: #c20630;
	text-transform:uppercase;
    letter-spacing: 0;
    align-self: center;
    padding: 0 0 10px 0;
    text-align: center;
	}
	@media (min-width: 800px){.menu-item-description p {text-align: left; font-size: 1.2em;}}
	@media (min-width: 1000px){.menu-item-description p {text-align: left; font-size: 1.4em;}}
	@media (min-width: 1500px){.menu-item-description p {text-align: left; font-size: 1.5em;}}


.menu-item-description p.extra-item {
	font-size: 1em;
    padding: 0 0 0 0;
	}
	@media (min-width: 800px){.menu-item-description p.extra-item {font-size: 1.1em;}}
	@media (min-width: 1000px){.menu-item-description p.extra-item {font-size: 1.2em;}}
	@media (min-width: 1500px){.menu-item-description p.extra-item {font-size: 1.3em;}}



.menu-item-all-prices  {
    text-align: center;
    display: flex;
    justify-content: center;
    float: none;
    width: 100%;
    padding: 5px 0 0 0;
	}
	@media (min-width: 800px){.menu-item-all-prices {float: right; width: 30%; justify-content: flex-end;}}



.menu-item-all-prices.four-prices  {
    width: 100%;
	}
	@media (min-width: 800px){.menu-item-all-prices.four-prices {width: 60%;}}



.menu-item-all-prices-with-groups  {
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 5px 0 0 0;
    margin: -20px 0 0 0;
	}
	@media (min-width: 800px){.menu-item-all-prices-with-groups {width: 60%; justify-content: flex-end;}}

.menu-item-all-prices-group-left  {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding: 5px 0 0 0;
    border-right: 1px solid #c20630;
    float: right;
    width: 50%;
    margin: 10px 0 0 0;
	}


.menu-item-all-prices-group-right  {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding: 5px 0 0 20px;
    float: right;
    width: 50%;
    margin: 10px 0 0 0;
	}

.menu-item-all-prices-group-column  {
    display: flex;
    justify-content: center;
    padding: 10px 0 0 0;
    width: 100%;
    float: left;
	}


.menu-item-all-prices-group-description  {
    display: flex;
    justify-content: center;
    padding: 5px 0 0 0;
    width: 100%;
    float: left;
	}

.menu-item-all-prices-group-description p {
	font-family:'house-script',sans-serif;
	font-size: .8em;
	line-height: .8em;
    font-weight: 400;
	color: #c20630;
	text-transform:uppercase;
    letter-spacing: 0;
    align-self: center;
    padding: 0 0 10px 0;
    text-align: center;
	}
	@media (min-width: 800px){.menu-item-all-prices-group-description p {text-align: left; font-size: .6em;}}
	@media (min-width: 1000px){.menu-item-all-prices-group-description p {text-align: left; font-size: .7em;}}
	@media (min-width: 1500px){.menu-item-all-prices-group-description p {text-align: left; font-size: .8em;}}



.menu-item-all-prices-group-description br {
	display: block;
	}
	@media (min-width: 800px){.menu-item-all-prices-group-description br {display:none;}}




.menu-item-wings-prices-group-description  {
    width: 100%;
    display: flex;
    justify-content:center;
    float: left;
    padding: 5px 0 0 0;
    margin-top: 0px;
	}
	@media (min-width: 800px){.menu-item-wings-prices-group-description {justify-content:flex-end;padding: 5px 0 0 0;margin-top: -40px;}}
	@media (min-width: 1000px){.menu-item-wings-prices-group-description {justify-content:flex-end;padding: 5px 0 0 0;margin-top: -40px;}}
	@media (min-width: 1500px){.menu-item-wings-prices-group-description {justify-content:flex-end;padding: 5px 0 0 0;margin-top: -40px;}}

.menu-item-wings-prices-group-description p {
	font-family:'house-script',sans-serif;
	font-size: .6em;
	line-height: .8em;
    font-weight: 400;
	color: #c20630;
	text-transform:uppercase;
    letter-spacing: 0;
    align-self: center;
    text-align: center;
    margin-right: 30px;
	}
	@media (min-width: 800px){.menu-item-wings-prices-group-description p {text-align: left; font-size: .6em;margin-right: 45px;}}
	@media (min-width: 1000px){.menu-item-wings-prices-group-description p {text-align: left; font-size: .7em;margin-right: 60px;}}
	@media (min-width: 1500px){.menu-item-wings-prices-group-description p {text-align: left; font-size: .8em;margin-right: 70px;}}


.menu-item-wings-prices-group-description p.left-column {
    padding: 0 0 0 30px;
	}
	@media (min-width: 800px){.menu-item-wings-prices-group-description p.left-column {padding: 0 5px 0 0;}}


.menu-item-wings-prices-group-description p.right-column {
    padding: 0 0 0 60px;
	}
	@media (min-width: 800px){.menu-item-wings-prices-group-description p.right-column {padding: 0 0 0 5px;}}



.menu-item-wings-prices-group-description br {
	display: block;
	}
	@media (min-width: 800px){.menu-item-wings-prices-group-description br {display:none;}}






.menu-item-price  {
    padding: 0 10px 0 0;
    text-align: center;
	}

.menu-item-price h4 {
	font-family: 'Festivo-LC-Basic', sans-serif;
	font-size: 1.2em;
	line-height: .8em;
    font-weight: 400;
	color: #c20630;
	text-transform:uppercase;
    letter-spacing: 0;
    align-self: center;
    border-right: 1px solid #c20630;
    padding: 0 5px 0 5px;
	}
	@media (min-width: 600px){.menu-item-price h4 {font-size: 1.3em; padding: 0 8px 0 8px;}}
	@media (min-width: 800px){.menu-item-price h4 {font-size: 1.4em; padding: 0 8px 0 8px;}}
	@media (min-width: 1000px){.menu-item-price h4 {font-size: 1.8em; padding: 0 8px 0 8px;}}
	@media (min-width: 1500px){.menu-item-price h4 {font-size: 2.2em; padding: 0 8px 0 8px;}}


.menu-item-price h4.noline {
    border-right: none;
	}


.menu-item-price h4::first-letter {
    float: left;
    font-size: .7em; 
    margin-top: -.1em;
}

.menu-item-price h4 span.dollar {
    float: left;
}

.menu-item-price h4 span.cents {
    float: left;
    font-size: .6em; 
    margin-top: -.2em;
}

.menu-item-price h4 span.line {
	font-size: .9em;
	line-height: 1.5em;
	}


.menu-item-price p {
	font-family:'house-script',sans-serif;
	font-size: .6em;
	line-height: 1.5em;
    font-weight: 400;
	color: #c20630;
	text-transform:uppercase;
    letter-spacing: 0;
    padding: 0 10px 0 0;
    position: relative;
    display: inline-block;
	}
	@media (min-width: 800px){.menu-item-price p {font-size: .7em;}}
	@media (min-width: 1000px){.menu-item-price p {font-size: .8em;}}
	@media (min-width: 1500px){.menu-item-price p {font-size: 1.1em;}}





.menu-item-make-it-a-meal-price  {
    text-align: center;
    display: flex;
    justify-content: center;
	}



.menu-item-make-it-a-meal-price h4 {
	font-family: 'Festivo-LC-Basic', sans-serif;
	font-size: 3.5em;
	line-height: .8em;
    font-weight: 400;
	color: #c20630;
	text-transform:uppercase;
    letter-spacing: 0;
    align-self: center;
    padding: 0 8px 0 8px;
	}
	@media (min-width: 800px){.menu-item-make-it-a-meal-price h4 {font-size: 3.4em;}}
	@media (min-width: 1000px){.menu-item-make-it-a-meal-price h4 {font-size: 3.8em;}}
	@media (min-width: 1500px){.menu-item-make-it-a-meal-price h4 {font-size: 4.2em;}}


.menu-item-make-it-a-meal-price h4::first-letter {
    position: relative;
    display: inline-block;
    float: left;
    font-size: .7em; 
    margin-top: -.1em;
}

.menu-item-make-it-a-meal-price h4 span.dollar {
    position: relative;
    display: inline-block;
    float: left;
}

.menu-item-make-it-a-meal-price h4 span.cents {
    position: relative;
    display: inline-block;
    float: left;
    font-size: .6em; 
    margin-top: -.2em;
}




.menu-item-list-one-column  {
    text-align: center;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    padding: 0 0 0 0;
	}

.menu-item-list-two-columns  {
    text-align: center;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
    padding: 30px 0 0 0;
	}



.menu-item-list-one-column h4, .menu-item-list-two-columns h4 {
	font-family: 'Festivo-LC-Basic', sans-serif;
	font-size: 1.5em;
	line-height: 1em;
    font-weight: 400;
	color: #c20630;
	text-transform:uppercase;
    letter-spacing: 0;
    justify-self: stretch;
    padding: 15px 8px 15px 8px;
	}
	@media (min-width: 800px){.menu-item-list-one-column h4, .menu-item-list-two-columns h4 {font-size: 1.4em;}}
	@media (min-width: 1000px){.menu-item-list-one-column h4, .menu-item-list-two-columns h4 {font-size: 1.8em;}}
	@media (min-width: 1500px){.menu-item-list-one-column h4, .menu-item-list-two-columns h4 {font-size: 2.2em;}}


.menu-item-list-two-columns h4 span {
	font-family:'house-script',sans-serif;
	font-size: 1em;
	line-height: .6em;
    font-weight: 400;
	color: #c20630;
	text-transform:uppercase;
    letter-spacing: 0;
    justify-self: stretch;
    padding: 10px 8px 10px 8px;
	}
	@media (min-width: 800px){.menu-item-list-two-columns h4 span {font-size: .7em;}}
	@media (min-width: 1000px){.menu-item-list-two-columns h4 span {font-size: .8em;}}
	@media (min-width: 1500px){.menu-item-list-two-columns h4 span {font-size: .9em;}}




.menu-item-list-two-columns h4 img.fav {
    width: 25px;
    height: 25px;
	}
	@media (min-width: 800px){.menu-item-list-two-columns h4 img.fav {width: 25px;height: 25px;}}
	@media (min-width: 1000px){.menu-item-list-two-columns h4 img.fav {width: 32px;height: 32px;}}
	@media (min-width: 1500px){.menu-item-list-two-columns h4 img.fav {width: 40px;height: 40px;}}

.menu-item-list-two-columns h4 img.gf {
    width: 24px;
    height: 24px;
    top: -12px;
    position: relative;
	}
	@media (min-width: 800px){.menu-item-list-two-columns h4 img.gf {width: 24px;height: 24px;top: -10px;}}
	@media (min-width: 1000px){.menu-item-list-two-columns h4 img.gf {width: 32px;height: 32px;top: -12px;}}
	@media (min-width: 1500px){.menu-item-list-two-columns h4 img.gf {width: 40px;height: 40px;top: -15px;}}

.menu-item-list-two-columns h4 img.vgf {
    width: 36px;
    height: 24px;
    top: -10px;
    position: relative;
	}
	@media (min-width: 800px){.menu-item-list-two-columns h4 img.vgf {width: 36px;height: 24px;top: -10px;}}
	@media (min-width: 1000px){.menu-item-list-two-columns h4 img.vgf {width: 48px;height: 32px;top: -12px;}}
	@media (min-width: 1500px){.menu-item-list-two-columns h4 img.vgf {width: 60px;height: 40px;top: -15px;}}





.menu-item-divider {
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 15px 0 25px 0;
    float: left;
	width:100%;
	}
	@media (min-width: 800px){.menu-item-divider {padding: 20px 0 0 0;}}


.hrfix-menu-item {
	width:50%;
	border-top:.5px solid #c20630; 
	margin-top:.6em;
	padding-bottom:10px;
	}	
	@media (min-width: 800px){.hrfix-menu-item {border-top:none;}}






#menu-category-chicken-classics {
	width:100%;
	float:left;
	display:none;
	}
	@media (min-width: 600px){#menu-category-chicken-classics {display:block;}}
	

#menu-category-wings {
	width:100%;
	float:left;
	display:none;
	}
	@media (min-width: 600px){#menu-category-wings {display:block;}}
	
	
#menu-category-sammies {
	width:100%;
	float:left;
	display:none;
	}
	@media (min-width: 600px){#menu-category-sammies {display:block;}}
	
	
#menu-category-fresh-salads {
	width:100%;
	float:left;
	display:none;
	}
	@media (min-width: 600px){#menu-category-fresh-salads {display:block;}}
	
	
#menu-category-make-it-a-meal {
	width:100%;
	float:left;
	display:none;
	}
	@media (min-width: 600px){#menu-category-make-it-a-meal {display:block;}}
	
	
#menu-category-heat-levels {
	width:100%;
	float:left;
	display:none;
	}
	@media (min-width: 600px){#menu-category-heat-levels {display:block;}}
	
	
#menu-category-dippin-sauces {
	width:100%;
	float:left;
	display:none;
	}
	@media (min-width: 600px){#menu-category-dippin-sauces {display:block;}}
	
	
#menu-category-southern-sides {
	width:100%;
	float:left;
	display:none;
	}
	@media (min-width: 600px){#menu-category-southern-sides {display:block;}}
	
	
#menu-category-featured {
	width:100%;
	float:left;
	display:none;
	}
	@media (min-width: 600px){#menu-category-featured {display:block;}}
	
	
#menu-category-kids-meals {
	width:100%;
	float:left;
	display:none;
	}
	@media (min-width: 600px){#menu-category-kids-meals {display:block;}}
	
	
#menu-category-desserts {
	width:100%;
	float:left;
	display:none;
	}
	@media (min-width: 600px){#menu-category-desserts {display:block;}}
	
	
#menu-category-drinks {
	width:100%;
	float:left;
	display:none;
	}
	@media (min-width: 600px){#menu-category-drinks {display:block;}}
	

.menu-symbol-key-two-columns  {
    width: 50%;
    float: left;
    text-align: center;
    display: flex;
    justify-content: center;
	}


.menu-symbol-key-two-columns h4 {
	font-family: 'Festivo-LC-Basic', sans-serif;
	font-size: .9em;
	line-height: .8em;
    font-weight: 400;
	color: #c20630;
	text-transform:uppercase;
    letter-spacing: 0;
    justify-self: stretch;
    padding: 10px 8px 10px 8px;
	}
	@media (min-width: 800px){.menu-symbol-key-two-columns h4 {font-size: 1.2em;}}
	@media (min-width: 1000px){.menu-symbol-key-two-columns h4 {font-size: 1.6em;}}
	@media (min-width: 1500px){.menu-symbol-key-two-columns h4 {font-size: 2.2em;}}


.menu-symbol-key-two-columns h4 img.fav, .menu-symbol-key-two-columns h4 img.gf {
    width: 18px;
    height: 18px;
	}
	@media (min-width: 800px){.menu-symbol-key-two-columns h4 img.fav, .menu-symbol-key-two-columns h4 img.gf {width: 22px;height: 22px;}}
	@media (min-width: 1000px){.menu-symbol-key-two-columns h4 img.fav, .menu-symbol-key-two-columns h4 img.gf {width: 30px;height: 30px;}}
	@media (min-width: 1500px){.menu-symbol-key-two-columns h4 img.fav, .menu-symbol-key-two-columns h4 img.gf {width: 40px;height: 40px;}}









/* ===========================================
    Menu Tabs
============================================== */



/* Style the tab */
.tab {
	width: 100%;
	float: left;
}

/* Style the buttons inside the tab */

.tab button {
	font-family:'house-script',sans-serif;
	font-size: 2.2em;
	line-height: .8em;
    font-weight: 600;
	color: #c20630;
	text-transform:uppercase;
    letter-spacing: 0;
    align-self: center;
    padding: 20px 10px 0 10px;
    background: none;
	}
	@media (min-width: 800px){.tab button {font-size: 2.8em;}}
	@media (min-width: 1000px){.tab button {font-size: 3em;}}
	@media (min-width: 1500px){.tab button {font-size: 3.6em;}}




/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ffffff;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ffffff;
}

/* Style the tab content */
.tabcontent {
    display: none;
	width: 100%;
	float: left;
    scroll-margin-top: 100px;
}
	@media (min-width: 600px){.tabcontent {display:block;}}