html{
	scroll-padding-top: 50px;
	
	min-width: 400px;
}

body{
	padding-top: 50px;
	position: relative;
	background: #333333;
	
}

main{
	position: relative;
}

.buddysNav{
	background: #cc0000;
	margin-bottom: 0;
	font-family: Century Gothic, Avant Garde Gothic, Avant Garde, URW Gothic L, helvetica;
	border: 0;
	border-radius: 0;
	border-bottom: solid black 1px;
	min-width: 400px;
	
}

#buddysCollapsibleNav{
	border-top: solid black 1px;
	
	background: #990000;
}

#buddysCollapsibleNav li a:hover {
	background: #770000;
	color: #eeeeee;
}

.buddys-navbar-header{
	position: relative;
}

.nav.buddysNavButtons{
	/* margin: 0px -15px 0.5px -15px; */
	background: #990000;
}

.nav.buddysNavButtons > li > a{
	color: #eeeeee;
	/* color: #660000; */
}

.nav.buddysNavButtons .active > a:focus{
	background: #660000;
	color: white;
}
	
.nav.buddysNavButtons .active > a{
	background: #660000;
	color: white;
}

.nav.buddysNavButtons ul{
	background: #cc0000;
	color: white;
}

.nav.buddysNavButtons ul > li > a{
	background: #cc0000;
	color: white;
}

#buddysCollapsibleNav  li.active a:hover{
	background: #660000;
	color: white;
}

.navbar-brand{
	padding-top: 8.875px;
	padding-bottom: 8.875px;
	position: relative;
	z-index: 100;
}

.navTitle{
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	font-weight: bold;
}

.navTitle:before{
	height: 100%;
	content: "";
	vertical-align: middle;
	display: inline-block;
}

.titleContainer{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
}

.titleText{
	color: #660000;
	font-size: 12pt;
	font-weight: bold;
}

.subTitleText{
	color: #f1c232;
	font-size: 10pt;
}

.navbar-toggle .icon-bar.buddys-icon-bar{
	background: #660000;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background: #990000;
}

.navbar-default .navbar-toggle{
	border: none;
}
/* .titleText:after{
	content: "\a";
	white-space: pre;
} */

.mainImage{
	position: relative;
	background: url('./images/BBQ9.1.jpg');
	/* background: url('./images/butts_hires.jpg'); */
	background-size: cover;
	height: 48rem;
}

.fullBackground{
	height:calc(100vh - 111px);
	min-height: calc(100vh - 111px);
	background: white;
}

#buddysLogo{
	position: absolute;
	top: 0;
	height: 95px;
	width: 150px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	background: #f6b26b;
	border: solid black 2px;
	border-radius: 100px / 66px;
	text-align: center;
	vertical-align: middle;
	z-index: 50;
}

.verticalCenter:before{
	content: '';
	height: 100%;
	vertical-align: middle;
	display: inline-block;
	font-size: 1px;
}


#buttImg:before{
	content: "";
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

#buddysTitle{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
}

#topTitle{
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

#bottomTitle{
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

#buddysSubtitle{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	vertical-align: middle;
}

#leftTitle{
	position: absolute;
	width: 50%;
	/* float: left; */
	top: 53%;
	left: 0;
	/* text-align: left; */
}

#rightTitle{
	position: absolute;
	width: 45%;
	top: 53%;
	right: 0;
	/* float: right; */
}

#infoBox{
	position: absolute;
	left: 0;
	right: 0;
	top: 37rem;
	margin-left: auto;
	margin-right: auto;
	background: rgba(255, 255, 255, 0);
	width: 80%;
	height: 8rem;
	text-align: center;
	padding: 1%;
}

#callBtn{
	width: 95%;
	background: #cc0000;
	color: #eeeeee;
}

#mapBtn{
	width: 95%;
	background: #cccccc;
	color: black;
}

.actButton{
	border: solid black 1px;
	border-radius: 0;
	margin-bottom: .5rem;
}


#infoText{
	color: #f1c232;
	font-size: 20px;
	font-weight: bold;
}

#memDaySpecial{
	background: #f6b26b;
	width: 95%;
	border-radius: 0 0 25px 25px;
	position: absolute;
	top: -1.5rem;
	left: -3rem;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: .5rem;
	
	border: solid black 1px;
}

#memDaySpecial h3{
	text-align: center;
	font-size: 12pt;
	margin-bottom: .5rem;
}

#specialOffer{
	border: solid black 1px;
	box-shadow: 
	color: black;
	background: #ccc;
	position: absolute;
	min-width: 350px;
	width: calc(74%);
	left: 50%;
	transform: translateX(-50%);
	/* right: 0;
	margin-left: auto;
	margin-right: auto; */
	text-align: center;
	min-height: 10rem;
	top: 15rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-bottom: 10px;
}

#specialTextContainer{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;
}

#burstContainer{
	position: absolute;
background: #f6b26b;
color: #cc0000;
text-align: center;
vertical-align: middle;
font-size: 1.1rem;
font-weight: bold;
  width: 100px;
  aspect-ratio: 1.5	;
  clip-path: polygon(98.09% 63.7%,80.89% 68.49%,84.8% 85.91%,67.51% 81.46%,62.18% 98.49%,49.43% 86%,36.3% 98.09%,31.51% 80.89%,14.09% 84.8%,18.54% 67.51%,1.51% 62.18%,14% 49.43%,1.91% 36.3%,19.11% 31.51%,15.2% 14.09%,32.49% 18.54%,37.82% 1.51%,50.57% 14%,63.7% 1.91%,68.49% 19.11%,85.91% 15.2%,81.46% 32.49%,98.49% 37.82%,86% 50.57%);

}

#burstContainer:before{
	height: 100%;
	content: '';
	vertical-align: middle;
	display: inline-block;
}

#burstContainer span{
	width: 50px;
	display: inline-block;
	vertical-align: middle;
}

#specialOffer h3{
	position: relative;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 10px;
	background: #cc0000;
	color: white;
	margin: 0;
}

#disclaimer{
	font-size: 10px;
	text-align: right;
}

#grandReopening{
		color: white;
		padding: 1px;
		text-align: center;
		background: #00000050;
		
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
}

.section{
	width: 100%;
	border-top: solid #333333 1px;
}

#afterHome, #afterMenu{
	background: #666666;
	min-height: 4rem;
	text-align: center;
	vertical-align: middle;
	
}

#afterHome{
	padding-bottom: 1rem;
}

#afterHome p{
	/* display: inline-block; */
	vertical-align: middle;
	margin-bottom: 0;
	height: 100%;
	line-height: 4rem;
}

#afterHome p span{
	vertical-align: middle;
	display: inline-block;
}

#doordashLogo{
	height: 28px;
	vertical-align: middle;
	padding-bottom: 4px;
}

#doordashLink{
	background: #555;
	padding: .8rem;
	border-radius: 1rem;
	/* box-shadow: 0px 0px 3px 3px #444; */
}

#afterMenu{
	background: #f6b26b;
}

#specials{
	background: #cc0000;
	background: url('./images/WoodPlanksNatural003_ALBEDO_4K.jpg'),url('./images/WoodPlanksNatural003_ALBEDO_1K.jpg');
	background-repeat: repeat, repeat;
	background-size: 100%, 100%;
	
	color:white;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 1rem;
	text-align: initial;
	/* background: #cc0000; */
	position: relative;
}



.special{
	/* margin-left: -5.5%; */
	/* margin-right: -5.5%; */
	/* padding-left: 5%; */
	/* padding-right: 5%; */
	background: #ffdf97;
	color: black;
	border:solid black 1px;
	margin-top: 1rem;
	margin-bottom: 0rem;
	padding: 1rem;
}

.special h3{
	margin-top: 0;

}

#specials h1{
	font-size: 30px;
	text-align: center;
	background: #cc0000;
	/* background: #f1c232; */
	/* color: #cc0000; */
	color: white;
	font-weight: bold;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-left: -5.5%;
	margin-right: -5.5%;
	margin-top:0;
	margin-bottom: 0;
	border-bottom: solid black 1px;
}

#specials p{
		line-height: initial;
	}
	
#orderContainer{
	background: url('./images/WoodPlanksNatural003_ALBEDO_4K.jpg'), url('./images/WoodPlanksNatural003_ALBEDO_1K.jpg');
	min-height: calc(100vh - 51px);
	position: relative;
	text-align: center;
	padding-bottom: 2rem;
}

.menuCategoryHeader{
	vertical-align: middle;
	color: black;
	background: #ffffff;
	width: 100%;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	padding: 1rem;
	border-bottom: solid black 1px;
	position: relative;
}

.menuCategoryHeader h2{
	margin: 0;
	padding-left: 1rem;
	padding-right: 1rem;
}

.menuCategoryHeader h2 a{
	display: inline-block !important;
	float: left;
}

#orderSummaryButton, #desktopOrderSummaryButton{
	height: 50px;
	float: right;
}

#orderSummaryButton img, #desktopOrderSummaryButton img{
	height: 100%;
	padding: 1rem;
	vertical-align: top;
	position: relative;
	z-index: 100;
	color: white;
}

#desktopOrderSummaryButton img{
	padding: 0;
	height: 100%;
	
}
	
#categoryList{
	background: white;
	width: 100%;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	position: relative;
	top: 0;
	bottom: 0;
	height: 100%;
	text-align: left;
}

.menuCategory{
	padding: 1.5rem;
	border-top: solid black 1px;
	display: block;
}

.menuCategory:first-child{
	border-top: none;
}

.menuCategory h4{
	margin: 0;
	font-size: 2rem;
	color: black;
}

.arrow{
	float: right;
	
}



#numOrderItems{
	position: absolute;
	right: 12px;
	top: 11px;
	z-index: 101;
	font-size: 1rem;
	border-radius: 1rem;
	background: red;
	color: white;
	height: 1.25rem;
	width: 1.25rem;
	text-align: center;
	vertical-align: middle;
	line-height: 1.4rem;
}

.orderBackButton{
	position: absolute;
	left: 0;
	top: 0;
	padding: 1rem;
	height: 100%;
	vertical-align: middle;
	line-height: 2rem;
}

.orderBackButton a{
	vertical-align: middle;
	color: #f6b26b;
	height: 100%;
	display: block;
	line-height: 30px;
}

.menuItemDetail{
	background: white;
	width: 100%;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	border-left: solid black 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
}

.menuItemImage{
	width: 100%;
	padding: 1rem;
}

.menuItemImage img{
	width: 100%;
	max-width: 256px;
}

.menuItemPrice{
	font-size: 3rem;
}

.sideChoices{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.sideChoice{
	display: inline-block;
	padding: 1rem;
}

.sideChoice input{
	font-size: 3rem;
	height: 3rem;
	width: 3rem;
	vertical-align: middle;
}

.sideChoice label{
	margin-bottom: 0;
	vertical-align: middle;
	line-height: 3rem;
}

.menuItemCustomisations{
	margin-top: 1rem;
}

.menuItemCustomisations textarea{
	width: 80%;
	min-width: 256px;
}

.addButton{
	width: 100%;
	padding-bottom: 1rem;
}

.addButton button{
	background: #cc0000;
	color: white;
	width: 80%;
	min-width: 256px;
}

.sidePicker{
	width: 100%;
}

.poundChooserInput{
	display: inline-block;
}

.orderItemRow{
	width: 100%;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	padding: 1rem;
	text-align: left;
	background: white;
	vertical-align: middle;
	position: relative;
	line-height: 64px;
}

.orderItemRow:last-child{
	border-bottom: solid black 1px;
}

.orderItemDescription{
	display: inline-block;
	line-height: initial;
	height: 100%;
	vertical-align: middle;
}

.orderItemSides{
	color: gray;
}

.orderItemControls{
	display: inline-block;
	position: absolute; 
	right: 6rem;
	height: 100%;
	top: 0;
	line-height: 3rem;
}

.orderItemControls:before{
	vertical-align: middle;
	display: inline-block;
	height: 100%;
	content: '';
}

.orderItemControls a{
	width: 4rem;
	padding: 0;
	border: 0;	
	cursor: pointer;
	padding: 1rem;
	background: #eee;
	border-radius: .5rem;
}

.orderItemControlText{
	padding-left: 1rem;
}

.orderItemPrice{
	display: inline-block;
	vertical-align: middle;
	/* position: absolute; */
	text-align: right;
	position: absolute;
	right: 0;
	padding-right: 1rem;
	line-height: initial;
	top: 50%;
	transform: translateY(-50%);
}

.orderItemPeppers{
	color: gray;
}


.orderItemImage{
	display: inline-block;
	width: 64px;
	height: 64px;
}

.orderItemImage img{
	max-width: 100%;
	max-height: 100%;	
}

.summaryRow{
	background: white;
	width: 100%;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	height: 128px;
	vertical-align: middle;
	border-top: solid black 1px;
	padding: 1rem;
	text-align: left;
	position: relative;
}

.summaryRow:before{
	content: '';
	vertical-align: middle;
	display: inline-block;
	height: 100%;
}

.summaryRow hr{
	margin-top: 1rem;
	margin-bottom: 0;
	width: 100%;
}

.summaryData{
	vertical-align: middle;
	display: inline-block;
	width: calc(100% - 1ch);
}

.summaryRow h4 ,.summaryRow h5{
	margin: 0;
	vertical-align: middle;
	display: inline-block;
	/* line-height: calc(64px - 2rem); */
}

.summaryRowSubTotal, .summaryRowTotal{
	position: absolute;
	right: 0;
	padding-right: 1rem;

}

.summaryRowTotal{
	margin-top: 10px;
	font-size: 2rem;
}

.summaryRowTotalHeader{
	margin-top: 10px !important;
	font-size: 2rem;
}

.summaryRowSalesTax{
	position: absolute;
	right: 0;
	padding-right: 1rem;
}

#confirmationBlock{
	padding: 1rem;
	background: white;
	border-top: solid black 1px;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
}

.newOrderInputContainer{
	width: 100%;
	background: white;
	padding-left: 5%;
	padding-right: 5%;
	text-align: left;
	padding-top: 2rem;
	border-bottom: solid black 1px;
	padding-bottom: 2rem;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
}

.newOrderInputContainer input{
	width: 100%;
}

.orderConfirmationSubheader{
	background: white;
	width: 100%;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1rem;
}

.orderConfirmationSubheader h3{
	margin: 0;
}

#confirmationButtonContainer{
	width: 100%;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	background: white;
	padding-bottom: 2rem;
	padding-top: 1rem;
	
}

#survey{
	min-height: 7rem;
	/* height: 30rem; */
	color: white;
	text-align: center;
	padding-bottom: 1rem;
	position: relative;
}


#survey h1{
	font-size: 3rem;
}

#survey p{
	margin-top: 1rem;
	font-size: 2rem;
	vertical-align: middle;
	height: 100%;
	display: block;
}

#surveyText{
	vertical-align: middle;
	height: 100%;
	position: relative;
}

#surveyText:before{
	height: 100%;
	vertical-align: middle;
	display: inline-block;
	content: '';
}

#surveyContainer, #responseFormContainer, #orderFormContainer, #orderFormCompleteContainer, #surveyCompleteContainer{
	background: #ccc;
	background: url('./images/WoodPlanksNatural003_ALBEDO_4K.jpg'), url('./images/WoodPlanksNatural003_ALBEDO_1K.jpg');
	min-height: calc(100vh - 51px);
	position: relative;
	padding-top: 10px;
	text-align: center;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 12rem;
}



#surveyHeader, #orderFormHeader, #surveyFormHeader, #visitFormHeader{
	color: white;
}



#responseFormContainer input[type='radio']{
	width: initial;
	margin: 0;
	vertical-align: middle;
}

#dateGroup{
	position: relative;
}

#datePopover{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: calc(50% - 1px);
	width: 2px;
}

#noOrderContainer{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 116px;
	width: 90%;
}

.noOrderMessage{
	position: absolute;
	margin-top: 1rem;
	background: white;
	left: 0;
	right: 0;
	border: solid black 1px;
	vertical-align: middle;
	font-size: 18px;
	height: calc(100% - 30px - 8rem);
}

.noOrderMessage:before{
	vertical-align: middle;
	height: 100%;
	content: '';
	display: inline-block;
}

.noOrderMessageContent{
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.noOrderMessageContent img{
	position: relative;
	top: -5rem;
	max-width: 256px;
	width: 100%;
}

.noOrderMessageContent p{
	position: relative;
	top: -5rem;
	margin: 0;
}

#noOrderFooter{
	position: absolute;
	height: 2rem;
	bottom: 0;
	width: 100%;
	left: 0;
	background: #333;
}

#surveyButtonContainer{
	background: #333;
	padding: 1rem;
	padding-top: 0;
	padding-bottom: 2rem;
	position: absolute; 
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	border-top: solid black 1px;
}

#surveyContainer .hiddenCheckbox input{
	display: none;
}

#surveyContainer .hiddenCheckbox{
	width: 100%;
	text-align: center;
	display: inline-block;
	background: white;
	margin-bottom: 1rem;
}

#surveyContainer .hiddenCheckbox label{
	width: 100%;
	font-size: 2rem;
	cursor: pointer;
	border: solid black 1px;
	display: block;
	margin: 0;
}

.hiddenCheckbox{
	position: relative;
}

#surveyContainer .hiddenCheckbox.generalBox{
	background: #ddd;
}

#surveyContainer .hiddenCheckbox.generalBox label{
	cursor: unset;
}

#surveyContainer label i{
	display: none;
}

#surveyContainer label i.unchecked{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	color: #cc0000;
	font-size: 4rem;
}

#surveyContainer label span{
	width: 100%;
	font-size: 2rem;
	cursor: pointer;
	display: block;
	padding-top: .5rem;
	padding-bottom: .5rem;
	/* border-top: solid black 1px; */
	/* border-image: linear-gradient(to right, #fff, 10%, #fff, 30%, #000000, 70%,#fff, 90%,  #ffffff) 30; */
	/* border-top-width: 1px; */
	/* border-top-style: solid; */
}

#surveyContainer .generalBox label span{
	/* border-image: linear-gradient(to right, #ddd, 10%, #ddd, 30%, #000000, 70%,#ddd, 90%,  #ddd) 30; */
	
}

#surveyContainer label img{
	/* width: 50%; */
	height: 20rem;
	font-size: 2rem;
	cursor: pointer;
	padding: 1rem;
}


#surveyContainer label:has(input:checked){
	/* background: #fff; */
}

#surveyContainer label:has(input:checked) i{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	color: #00cc00;
	font-size: 4rem;
}

#surveyContainer label:has(input:checked) i.unchecked	{
	display: none;
}

.surveyButton{
	width: 90%;
	margin-top: 1rem;
	margin-left: 5%;
	margin-right: 5%;
	max-width: 1000px;
}

.categoryHeader{
	color: #ffdf97;
	border: solid black 1px;
	background: #cc0000;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-top: 1rem;
}

.categoryHeader h2{
	/* color: black; */
	margin: 0;
}

.questionContainer, .orderInputContainer, .orderReceivedContainer, .surveyReceivedContainer{
	background: white;
	border: solid black 1px;
	margin-top: 1rem;
}


.orderInputContainer{
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 5%;
	padding-right: 5%;
	text-align: left;
}
/* 
.orderInputGroup:has(.row){
	margin: 0;
}

.orderInputGroup .row{
	margin: 0;
} */

#emailGroup{
	font-size: 1.3rem;
	text-align: center;
}

#canUseEmail{
	height: 2.4rem;
	width: 2.4rem;
	/* display: block; */
	text-align: center;
	margin: 0;
	vertical-align: middle;
}

.orderReceivedContainer, .surveyReceivedContainer{
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 10%;
	padding-right: 10%;
	text-align: center;
	font-size: 1.8rem;
	
}

.orderInputContainer input{
	width: 100%;
	margin-bottom: 1rem;
}

#customerOrder{
	width: 100%;
}

.questionContainer label{
	margin-left: 1rem;
	margin-right: 1rem;
}

.questionContainer textarea{
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
	padding: 1rem;
}


#about{
	background: #cccccc;
}


#aboutImageHolder{
	width: 100%;
	position: relative;
	height: 100%;
}

#aboutImageBackRect{
	width: 75%;
	height: 75%;
	background: #f1c232;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	
	border: solid black 1px;
}

#aboutImageTurnedRect{
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	background: #cc0000;
	  -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
	height: 75%;
	width: 75%;
	border: solid black 1px;
}

#aboutImageHolder img{
	width: 100%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	border-top: solid black 1px;
	border-bottom: solid black 1px;
}

#buddyArticleImg{
	float: right;
	border: solid black 1px;
	width: 200px;
	margin-left: 40px;
	margin-top: 30px;
	margin-right: 5%;
}


#buddyArticleImg img{
	max-width: 100%;
	width: 100%;
}

.aboutText, #about h1{
	margin-left: 5%;
	margin-right: 5%;
}

.section h1{
	font-size: 16pt;
}

.aboutText{
	font-size: 12pt;
	margin-top: 30px;
}

#buddySig{
	background: #666666;
	height: 16rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border-top: solid black 1px;
}

#sigContainer{	
	height: 14rem;
	
		width: 100%;
		text-align: center;
}

#sigContainer img{
	max-height: 100%;
}

#sigText{
	color: #eeeeee;
	/* vertical-align: middle; */
	font-size: 20px;
}

#sigText span{
	vertical-align: bottom;
}

#menu{
	/* background: #e06666; */
	min-height: 52rem;
	border-top: solid black 1px;
	/* background: url('./images/WoodBackGround.png'); */
	background: url('./images/WoodPlanksNatural003_ALBEDO_4K.jpg'),url('./images/WoodPlanksNatural003_ALBEDO_1K.jpg');
	background-repeat: repeat, repeat;
	background-size: 100%, 100%;
	/* background: darkred; */
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 2rem;
}

#menuContainer{
	flex-direction: column;
	-ms-flex-direction: column;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	
}

#corporateMenuContainer{
	min-height: 50rem;
	background: white;
	border: solid black 1px;
	box-shadow: 0px 5px 10px black;
	text-align: center;
	font-size: 14pt;
	padding-left: 1rem;
	padding-right: 1rem;
	
}

#minimumNotice{
	color: red;
}

.corporateRow{
	text-align: left;
	width: 40%;
	min-width: 300px;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

#corporateContentsContent{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	min-width: 300px;
	max-width: 1200px;
}

.mealType{
	text-align: left;
}

.mealPrice{
	float: right;
}

#menu h1{
	font-weight: bold;
	color: white;
}

#menu h1 a{
	text-decoration: underline;
	color: white;
}

#menu h1 a:hover{
	text-decoration: underline;
	color: lightgray;
}

.menubox{
	background: #f6b26b;
	background: #ffdf97;
	min-height: 30px;
	border: solid black 1px;
	padding: 1%;
	color: black;
	margin-bottom: 1rem;
	width: 100%;
}

.menuHeader{
	color: #660000;
	vertical-align: middle;
}

.menuTitle{
	font-weight: bold;
	
	font-size: 18px;
	vertical-align: middle;
}

.menuSize{
	text-decoration: underline;
	vertical-align: middle;
	height: 100%;
}

.menuBody{
	margin-bottom: 1rem;
}

.menuBodyAddition{
	margin-top: -1rem;
	text-align: right;
}

.rightAlign{
	text-align: right;
}

.leftAlign{
	text-align: left;
}

.centerAlign{
	text-align: center;
}

#burgerImage, #brisketImage, #sideImage, #iceMachine{
	position: relative;
	text-align: center;
	padding: 0;
}

.constrainedColumn{
	padding-left: 5px;
	padding-right: 5px;
}


#burgerImageTurnedRect{
	background: #cccccc;
	/* position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; */
	/* transform: rotate(45deg); */
	transform-origin: center center;
	/* transform: skewx(41.5deg) skewy(-3deg) rotate(-21deg) scale(.7); */
}

#burgerImage img, #brisketImage img, #sideImage img, #iceMachine img{
	position: relative;
	width: 100%;
	/*
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 0; 
	bottom: 0;
	margin-top: 0;
	margin-bottom: 0; */
}

/* .menuHolder{
	width: 35%;
} */

#media{
	/* background: lightgray; */
}

#media h1{
	padding-left: 5%;
	color: lightgray;
}

#photoCarousel .carousel-inner{
	height: 50rem;
	min-height: 50rem;
	/* max-height: 50rem; */
}

.yelpReview{
	height: 100%;
}

.facebookPost{
	
}

.carouselImage{
	height: 100%;
	max-height: 100%;
}

.carouselImage img{
	height: 80% !important;
	max-height: 80%;
	width: 75%;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	object-fit: cover;
}

#firePitImage img{
	
	object-position: 50% 30%;
}


#porkButtImage img{
	object-position: 50% 70%;
}


/* .yelpReview iframe:before{
	content: '';
	vertical-align: middle;
	display:inline-block;
	height: 100%;
} */

.yelpReview iframe{
	position: absolute;
	left: 0;
	right: 0;
	top:0;
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	vertical-align:middle;
	display: inline-block;
	height: 100%;
}

.facebookPost iframe{
	position: absolute;
	left: 0;
	right: 0;
	top:0;
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	vertical-align:middle;
	display: inline-block;
}

#orders{
	color: white;
	/* text-align: center; */
	padding-bottom: 1rem;
	min-height: 30rem;
	height: 30rem;
	position: relative;
}

#orders:before{
		height: 100%;
		display: inline-block;
		vertical-align: middle;
		content: '';
	}

#orderTextContainer{
	margin-left: 5%;
	width: 88%;
	margin-right: 5.6%;
	display: inline-block;
	/* height: 100%; */
	vertical-align: middle;
}



#orders h1{
	
}

#orders p{
	font-size: 1.8rem;
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}



#orderButtonContainer{
	width: 95%;
}

#orderBtn{
	background: #cc0000;
	color: white;
	margin-top: 1.5rem;
}

#orderIcon{
	font-size:15rem;
	width: 29%;
	display: inline-block;
	text-align: center;
	height: 100%;
	position: relative;
	top: 0;
	vertical-align: middle;
	line-height: 40rem;
	/* margin-right: 2rem; */
	/* top: -70px; */
}

#orderIcon i{
	position: relative;
	z-index: 10;
	vertical-align: middle;
}

#orderIcon img{
	position: absolute;
	width: 64px;
	top: calc(15rem - 34px);
	left: calc(50% - 32px);
	z-index: 1;
}

#orderIcon #desktopIcon{
	position: absolute;
	top: 10rem;
	/* left: 21rem; */
	left: calc(50% + 5rem);
	font-size: 15rem;
}

#orderDesktopIconBG{
	background: #f1c232;
	width: 14rem;
	height: 9rem;
	position: absolute;
	top: 8rem;
	left: calc(50%);
	line-height: 5rem;
}
	
#orderIconBG{
	width: 56px;
	position: absolute;
	height: 75px;
	top: calc(15rem - 40px);
	left: calc(50% - 24px);
	background: #f1c232;
}

#orderDesktopIconBG img{
	position: relative;
	background: #f1c232;
	top: 3px;
	/* left: initial; */
	width: 80px;
}

#contact{
	background: #666666;
	padding-bottom: 4rem;
}

#contact h1{
	margin-left: 5%;
	color: lightgray;
}

#feedback h1{
	margin-left: 5%;
}

#navInfo{
	background: lightgray;
	
}

#map{
	/* float: left; */
	width: 100%;
}

#map iframe{
	width: 100%;
}

#storeInfo{
	padding-left: 15px;
	padding-top: 15px;
}

#contactDetails{
	position: relative;
}

#storeHours{
	padding-bottom: 1%;
	border-top: solid black 1px;
	background: #666666;
	color: lightgray;
	position: relative;
}

#storeHours h3{
	margin-top: 10px;
	
	/* color: #f1c232; */
	color: white;
}

#feedback{
	background: url('./images/WoodPlanksNatural003_ALBEDO_4K.jpg'),url('./images/WoodPlanksNatural003_ALBEDO_1K.jpg');
	background-repeat: repeat, repeat;
	background-size: 100%, 100%;
	
	color: white;
	font-size: 12pt;
	border: solid black 1px;
	box-shadow: 0 0 10px black inset;
	text-align: center;
}

#feedback h1{
	background: white;
	display: inline-block;
	color: black;
	box-shadow: 0px 0px 10px black;
	padding: 1rem;
	padding-left: 10%;
	padding-right: 10%;
	
	margin-left: 0;
}

#feedbackContent{
	text-align: center;
	background: white;
	color: black;
	padding: 1rem;
	border-top: solid black 1px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 5px 10px -5px black inset;
}

#feedbackContent:before{
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

#feedbackIcon{
	background: white;
	width: 20%;
	text-align: center;
	padding: 1rem;
	display: inline-block;
	vertical-align: middle;
	font-size: 10pt;
	min-width: 128px;
	max-width: 256px;
	/* border: solid black 1px; */
}

#feedbackIcon img{
	width: 100%;
	
}

#feedbackText{
	display: inline-block;
	width: calc(75% - 2rem);
	vertical-align: middle;
	height: 100%;
	text-align: center;
	font-size: 1.8rem;
	margin-left: 2rem;
}

#feedbackAttrib{
	margin-top: 1rem;
	font-size: 1rem;
}

#feedbackBtnContainer{
	text-align: center;
}

#feedbackBtn{
	background: #cc0000;
	background: white;
	/* color: white; */
	/* color: blue; */
	/* padding: 1rem; */
	font-size: 14pt;
}

.orderInputContainer hr{
	border-top: 1px solid #ccc;
}

#guestBookHeader{
	height: 0;
	width: 100%;
}

.gbEntryCustomerBlock p{
	margin: 0;
}

p.gbEntryName{
	font-size: 18px;
	margin-bottom: 0;
}

p.gbEntryLocation{
	color: gray;
	margin-bottom: 1rem;
}

.gbEntryDate{
	color: gray;
	float: right;
	font-size: initial;
}

.gbEntryCommentBlock{
	height: 100%;
}

.gbEntryCommentBlock hr{
	margin: 0;
	border-top: 1px solid #eee;
}

.gbEntryComment{
	/* border: solid #aaa 1px; */
	min-height: 2rem;
	margin: 0;
}

#guestBookButtonContainer{
	position: fixed;
	bottom: 0;
	height: 6rem;
	background: white;
	border-top: solid black 1px;
	width: 100%;
}

#guestBookNavButton{
	background:  #cc0000;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	position: relative;
	top: calc(3rem - 17px);
	
	vertical-align: middle;
	color: white;
	border: solid black 1px;
}

#guestBookFormContainer{
	position: fixed;
	bottom: -32rem;
	transition-property: bottom;
	transition-duration: .5s;
	height: 32rem;
	background: white;
	width: 100%;
	border-top: solid black 1px;
	padding-top: 1rem;
	display:none;
}

#guestBookFormContainer.openedForm{
	bottom: 0;
}

#guestBookFormContainer .lineInput{
	display: inline-block;
	margin-right: 2rem;
}

#customerDetails, #customerEmail, #customerComment{
	margin-bottom: 1rem;
}
	
#activationButton{
	position: absolute;
	top: calc(-5rem);
	height: 5rem;
	right: 10%;
	padding: 1rem;
	background: #cc0000;
	color: white;
	font-size: 2rem;
	border-radius: 1rem 1rem 0 0;
	border-top: solid black 1px;
	border-left: solid black 1px;
	border-right: solid black 1px;
	border-bottom: none;
}

#guestBookSubmitButton{
	background: #cc0000;
	color: white;
	border-radius: 1rem;
	border: solid black 1px;
	padding: 1rem;
}

.awaitingApproval{
	font-style: italic;
	color: #ccc;
}

#socialLinks{
	padding-bottom: 1rem;
	color: black;
	font-size: 14pt;
	/* position: absolute; */
	right: 0;
	top: -3rem;
	/* width: 49%; */
	/* padding-left: 1%; */
	/* padding-right: 1%; */
	/* border-top: solid black 1px; */
	display: inline-block;
	/* font-size: 32pt; */
	text-align: center;
	background: lightgray;
	margin-top: 4rem;
	
}

#socialLinks h1{
	color: black;
}

#socialLinks h3{

	color: lightgray;
}

#socialLinks .row{
	margin: 0;
	margin-top: 3rem;
	margin-bottom: 2rem;
}

#socialLinks .column{
	margin-bottom: 1rem;
	padding: 0;
	height: 75px;
}


#socialLinks i{
	font-size: 32pt;
	
}

.socialIcon a{
	display: inline-block;
	width: 100%;
	height: 100%;
	/* height: 87px; */
	
	font-family: roboto;
}

.socialIcon a:hover{
	cursor: pointer;
	background: #eeeeee;
	text-decoration: none;	
}

.socialText{
	color: black;
}

#fbIcon{
	color: #1877f2;
	/* background: white; */
}

#fbIcon i{
	color: #1877f2;
}

#fbIcon:hover{
	color: #1877f2;
	background: #eeeeee;
	cursor: pointer;
}

#yelpIcon i{
	color:#ff1a1a;
}

#tripAdvisorIcon{
	font-family: roboto;
}

#tripAdvisorIcon i{
	position: relative;
	color: black;
	font-size: 18pt;
	/* color:#00af87; */
	/* height: 56px; */
}

#tripAdvisorIcon i:before{
	position: absolute;
	z-index: 20;	
	left: 0;
	right: 0;
	margin-left: 0;
	margin-right: 0;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	vertical-align: middle;
	line-height: 43px;	
}

#tripAdvisorIcon i span{
	z-index: 1;
	display: block;
	/* position: absolute; */
	position: relative;
	height: 43px;
	width: 43px;
	/* top: -22.5px; */
	/* left: -2.5px; */
	
	/* line-height: 60px; */
	border-radius: 30px;
	background: #00af87;
}

#nextdoorIcon img{
	width: 43px;
	margin-bottom: 4px;
}

#doordashIcon img{
	width: 43px;
	margin-bottom: 4px;
	fill: #ff3008;
}

#instagramIcon img{
	width: 43px;
	margin-bottom: 4px;
	/* background: white; */
	/* padding: 4px; */
}

#loginBox{
	margin-top: 50px;
	padding-bottom: 25px;
	box-shadow: 0px 0px 3px 1px rgba(.1,.1,.1,.1);
}

#loginBox h1{
	text-align: center;
}
#loginBox span, #loginBox label{
	color: #666666;
	font-size: 1.6rem;
	font-weight: normal;
}
#loginBox input{
	width: 100%;
	padding: 1rem;
	
}

#loginBox .row:nth-child(2){
	margin-top: 1rem;
}

.forgotContainer{
	padding-top: 1rem; 
	padding-bottom: 1rem;
}

.submitContainer{
	padding: 0rem;
}

#userNav{
	margin-top: 8rem;
	
}

#userNav button{
	border-bottom: 0;
}

#footer{
	background: darkgray;
	padding-top: 1rem;
	padding-bottom: 1rem;
	text-align: center;
}

.orderRow{
	border-bottom: solid white 1px;
	padding-bottom: 1rem;
} 

.orderBody{
	font-size: 2rem;
}

.orderItemAdjText{
	font-size: 1.7rem;
}

.orderItemAdjText.negative{
	color: yellow;
}

#userHomePage{
	background: white;
	position: relative;
	height: calc(100vh - 51px);
	/* height: 100%; */
	/* padding-left: 1rem; */
	/* padding-right: 1rem; */
}	

#userTabs{
	top: 10rem;
	position: relative;
}

#userHomePage h2{
	position: absolute;
	top: calc(10rem + 41px);
}

#userHomePage #adminEditor h2{
	position: relative;
	top: initial;
	margin: 0;
}

.adminReviewText{
	border: solid gray 1px;
	height: 100%;
	padding: 0.5rem;
}

.reviewTextContainer{
	height: 100%;
	padding: 1rem;
	
}

.reviewDate{
	color: gray;
	font-size: 10pt;
	margin-bottom: 0;
}

.adminReviewContainer{
	min-height: 10rem;
	height: 10rem;
	border-bottom: solid black 1px;
	margin-left: initial;
	margin-right: initial;
}


.adminReviewContainer h4{
	margin-bottom: 0;
	width: initial;
}

.adminReviewContainer input{
	float: right;
	height: 2rem;
	width: 2rem;
	margin-top: 1rem;
	vertical-align: middle;
}

.approvedCheckbox{
	float: right;
	height: 100%;
	text-align: center;
	font-size: 1rem;
}

.approvedCheckbox input{
	float: none;
	margin-top: 0;	
}

#buddysStatusContainer{
	position: relative;
	top:10rem;
	width: 100%;
	font-size: 2.2rem;
	font-weight: normal;
	
	height: calc(100% - 10rem - 50px);
	text-align: center;
}

#buddysStatusContainer label{
	font-weight: normal;
}

#buddysStatusContainer:before{
	height: 100%;
	vertical-align: middle;
	display: inline-block;
	content: '';
}

#onlineOrderingStatus, #guestBookStatus{
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	padding: 1rem;
	
}

#guestBookStatus{
	border-left: solid black 1px;
	padding-left: 1rem;
}



#buddysStatusContainer input[type='checkbox']{
	font-size: 2rem;
	height: 3rem;
	width: 3rem;
	line-height: 2rem;
	cursor: pointer;
}

#specialContainer{
	position: relative;
	top: 10rem;
	height: calc(100% - 10rem - 42px);
}

#specialListContainer{
	max-height: 100%;
	height: 100%;
	
	border-top: 0;
	border-bottom: 0;
}

.userList{
	max-height: 100%;
	height: 100%;
	border-right: solid #ddd 1px;
	overflow-y: auto;
}

#reviewList{
	border-right: none;
	/* margin-right: 15px; */
	/* margin-left: 15px; */
	overflow-x: hidden;
}

.listCategoryName{
	font-size: 2rem;
	vertical-align: middle;
	padding-left: 1rem;
}

.listCategorySub{
	vertical-align: middle;
	padding-left: 1rem;
}

.userList button{
	position: relative;
	border: 0;
	border-radius: 0;
	border-bottom: solid #eee 1px;	
	margin-bottom: 0;
}

.userList button .glyphicon{
	position: relative;
	float:right;
	color: #aaa;
	font-size: 1.5em;
	vertical-align: middle;
	line-height: 2em;
}

.userList button .glyphicon:hover{
	color: #aa0000;
}

.userList button i{
	position: absolute;
	color: white;
	font-size: .33em;
	vertical-align: middle;
	display: inline-block;
	left: 1.15em;
	top: 2.625em;
	line-height: 1em;
}


	
.userListDelete{
	line-height: 64px;
}

#adminDelete{
	position: absolute;
	top: 1rem;
	right: 15px;
	font-size: 4rem;
	color: gray;
	cursor: pointer;
}

#adminDelete:hover{
	color: #cc0000;
}

#categoryList button{
	vertical-align: middle;
	line-height: 64px;
}

#categoryList .userCreateButton{
	line-height: initial;
}

#categoryList img{
	max-width: 64px;
	max-height: 64px;
}

#categoryList .userListDelete i{
	position: relative;
	left: initial;
	top: initial;
	font-size: initial;
	color: gray;
	/* right: 15px; */
	float:right; 
	line-height: 64px;
	font-size: 2rem;
}

#categoryList .userListDelete i:before{
	vertical-align: middle;
	
}

#categoryList .responseButtonText{
	display: inline-block;
	line-height: initial;
	vertical-align: middle;
}

#categoryList .listButtonSubtext{
	padding-left: 1rem;
}

.userList button .glyphicon.activeTag{
	color: #cc0000;
}

.userList button:hover{
	background: #ddd;
}

.userList button.active:hover{
	background: #337ab7;
}

.userList button:hover i{
	color: #ddd;
}


.userCreateButton{
	text-align: center !important;
	color: #666;
	vertical-align: middle;
}

.userCreateButton span i{
	vertical-align: middle;	
}

.userCreateButton span i{
	color: #666;
	font-size: 1.25em;
	position: relative;
	top: initial;
	left: initial;	
	padding-left: 1rem;
}


.userCreateButton:hover span i{
	color: #666;
	
}


.userCreateButton.creating, #categoryCreateButton.creating{
	background: #ccc;
}	

#adminEditor{
		text-align: center;
		height: 100%;
		overflow-y: auto;
}

#adminEditor:before{
	height: 100%;
	vertical-align: middle;
	content: '';
	display: inline-block;
}

/* #specialEditor.empty{
	background: green;
} */

#adminEditor.empty:before{
	content: none;
}

#specialForm, #categoryForm, #selectedOrder{
	padding-top: 2rem;
	text-align: left;
}
	
.noSelection{
	font-size: 20pt;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}

#adminEditor input, textarea{
		width: 100%;
}

#active_box{
	cursor: pointer;
	height: 22px;
	width: 22px;
	height: calc(1.43em + 6px);
	width: calc(1.43em + 6px) !important;
	/* width: initial !important; */
	vertical-align: middle;
	margin: 0;
	padding: 2px;
	/* transform: scale(2); */
}

#specialEditor #submitBtn{
	width: 100%;
}

#categoryImagePlaceholder{
	width: 16rem;
	height: 16rem;
	line-height: 14rem;
	font-size: 12rem;
	display: inline-block;
	text-align: center;
	border: dashed gray 1rem;
	border-radius: 1rem;
	vertical-align: middle;
}

#categoryImagePlaceholder input{
	display: none;
}

#categoryImage{
	width: 16rem;
	display: inline-block;
	position: relative;
	max-height: 16rem;
	height: 16rem;
	line-height: 16rem;
	color: gray;
	text-align: center;
}

#categoryImage img{
	max-width: 100%;
	max-height: 16rem;
}

#categoryImage label{
	line-height: initial;
	font-size: 2rem;
	position: absolute;
	right: 0;
}

#categoryImage input{
	display: none;
}

#categoryName{
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

#categoryName h2{
	margin: 0;
	padding-left: 1rem;
}

#categoryNameInput{
	width: calc(100% - 12rem);
	max-width: 25rem;
	display: inline-block;
	vertical-align: middle;
	font-size: 3rem;
	cursor:pointer;
}

#categoryNameInput input{
	border: none;
	cursor: pointer;
}

#categoryNameInput input:focus{
	cursor: initial;
}

#categoryNameInput input:placeholder-shown{
	font-style: italic;
}

#questionList{
	border: solid black 1px;
	min-height: 15rem;
}


.question:not(:first-child):last-child{
	border-bottom: none;
}

.question{
	border-bottom: solid gray 1px;
	font-size: 1.8rem;
	
}


#adminEditor .questionInput .questionText{
	border: none;
	padding: 1rem;
	width: 60%;
}

#adminEditor .questionTypeInput{
	border: none;
	padding: 1rem;
	width: 10%;
}

#adminEditor .ratingInput{
	border: none;
	padding: 1rem;
	width: 5%;
	text-align: center;
	
	-moz-appearance:textfield;
}

.ratingInput::-webkit-outer-spin-button,
.ratingInput::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
    margin: 0; 
}


.questionInput:has(input:focus){
	background: lightgray;
}

.questionInput input:focus{
	border: none;
	outline: none;
	background: lightgray;
}

.questionInput input:active{
	border: none;
	outline: none;
}

#calculatorBody{
	width: 100%;
	background: url('./images/WoodPlanksNatural003_ALBEDO_4K.jpg'), url('./images/WoodPlanksNatural003_ALBEDO_1K.jpg');
	background-size: 100%, 100%;
	min-height: calc(100vh - 51px - 2rem);
}

#calculatorContainer{
	width: 90%;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1rem;
	padding-bottom: 2rem;
}

#calculatorContainer h2{
	color: white;
	background:#cc0000;
	border: solid black 1px;
	padding: 1rem;
}

.calculatorQuestionContainer{
	width: 100%;
	background: white;
	padding: 1rem;
	margin-top: 1rem;
	border: solid black 1px;
}

#numEaters{
	width: 100%;
}

.numMeatChoice:has(input:checked) label{
	background: #c00;
	color: white;
}

.unwantedSideRow .numMeatChoice:has(input:checked) label{
	background: #666;
}

.unwantedSideRow .numMeatChoice label{
	background: #ddd;
}

.numMeatChoice label{
	width: 100%;
	text-align: center;
	padding: 1rem;
	border: solid black 1px;
	cursor: pointer;
}

.numMeatChoice input{
	display: none;
}

.meatOunceLabel{
	text-align: center;
	width: 100%;
}

#noSidesCol{
	text-align: center;
}

#noSidesCol input[type="checkbox"]{
	appearance: checkbox;
	height: 2.4rem;
	width: 2.4rem;
}

.meatPicker{
	width: 100%;
	padding: 2rem;
	/* text-align: center; */
}

.calculatorQuestionContainer .responseButton{
	width: 100%;
	padding: 1rem;
	
}

#calculatorTotalRow{
	font-weight: bold;
	padding-top: 2rem;
	padding-bottom: 2rem;
	font-size: 2rem;
	margin-bottom: 2rem;
}

#meatWeightRow, #sideMeasureRow{
	font-weight: normal;
}

#totalPriceRow{
	margin-top: 2rem;
}

#totalContainer, #meatWeightContainer, #sideMeasureContainer{
	text-align: right;
}

@media (min-width : 450px){
	#afterHome{
		padding-bottom: 0;
	}
}


@media (min-width : 592px){
	.mainImage{
		height: 54rem;
	}
	
	#grandReopening{
		backdrop-filter: blur(10px);
	}
	
	
	#afterHome, #afterMenu{
		background: #666666;
		min-height: 7rem;
		position: relative;
	}
	
	
	
	#afterHome p{
		line-height: 7rem;
	}
	
	#specials p{
		line-height: initial;
	}
	
	#afterMenu{
		background: #f6b26b;
	}
	
	#infoBox{
		top: 43rem;
	}
	
	
	
	#memDaySpecial{
		width: 80%;
	}
	
	#memDaySpecial h3{
		font-size: 14pt;
		margin-bottom: 1rem;
	}
	
	#specialOffer{
		top: 25rem;
		/* width: initial; */
	}
	
	#sigText{
		font-size: 26px;
	}
	
	
}



/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.mainImage{
		/* background: url('./images/_DSC0211a.jpg'); */
		background: url('./images/meats.png');
		background: url('./images/butts_hires.jpg');
		background-size: cover;	
		background-position: center;
	}
	
	.buddysNavButtons{
		width: 100%;
		font-weight: bold;
	}
	
	#buddysCollapsibleNav{
		border-top: initial;
		
		background: #cc0000;
	}
	
	.nav.buddysNavButtons{
		background: #cc0000;
	}
	
	.leftNav{
		float: left;
	}
	
	.rightNav{
		float: right !important; /*Overrides bootstrap's styling*/
		/* position: absolute !important;
		right: 0; */
	}
	
	.titleText{
		color: #660000;
		font-weight: bold;
		font-size: 13px;
	}
	
	.subTitleText{
		color: black;
		font-size: 9px;
		font-family: condensed;
		font-weight: bold;
	}
	
	#memDaySpecial{
	border-radius: 50px;
	position: absolute;
	width: 60%;
	top: 41rem;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1rem;
	font-size: 16px;
}

	#memDaySpecial h3{
		text-align: center;
		margin-top: 1rem;
		font-size: 20px;
	}
	
	#grandReopening{
		
		padding-top: 45px;
		text-align: center;
		background: initial;
		backdrop-filter: initial;
	}
	
	#grandReopening h4{
		/* position: absolute; */
		left: 0;
		right: 0;
		/* top: -10px; */
		/* top: 45rem;top: 45rem; */
	}
	
	#specialOffer{
	
	width: 50%;
	top: 36rem;
	
	}

	#specials{
		position: absolute;
		/* top: 25rem; */
		bottom: 9rem;
		z-index: 100;
		background: #ccc;
		/* background: url('./images/WoodPlanksWorn001_COL_4K.jpg'); */
		background: url('./images/WoodPlanksNatural003_ALBEDO_4K.jpg');
		/* background: #f1c232; */
		width: 60%;
		left: 20%;
		right: 20%;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		max-width: 600px;
		min-width: 500px;
		padding-bottom: 1rem;
		/* min-height: 265px; */
		/* height: 265px; */
		border: solid black 1px;
	}
	
	
	#specials h1{
		margin-left: 0;
		margin-right: 0;
	}
	
	
	
	#specialFlex{
		display: flex;
		flex-direction: column;
		height: calc(100% - 57px) ;
		/* justify-content: center; */
	}
	
	.special{
		position: relative;
		margin-left: 5%;
		margin-right: 5%;
		flex-grow: 1;
	}
	
	#afterHome{
		padding-bottom: 0;
	}
	
	#surveyContainer, #orderFormContainer{
		/* background: #ccc; */
		min-height: calc(100vh - 51px);
		position: relative;
		padding-top: 50px;
		text-align: center;
		padding-left: 5%;
		padding-right: 5%;
	}
	
	#surveyContainer form, #orderFormContainer form{
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#orderContainer{
		padding-top: 50px;
	}
	
	#categoryList{
		border-left: solid black 1px;
		border-right: solid black 1px;
		border-bottom: solid black 1px;
	}
	
	#menuBack{
		display: none !important;
	}
	
	.menuCategoryHeader{
		vertical-align: middle;
		color: #f6b26b;
		background: #cc0000;
		border: solid black 1px;
	}
	
	.summaryRow{
		border-top: solid black 1px;
		border-left: solid black 1px;
		border-right: solid black 1px;
	}
	
	#confirmationBlock{
		border-left: solid black 1px;
		border-right: solid black 1px;
		border-bottom: solid black 1px;
	}
	
	#orderFormCompleteContainer{
		min-height: calc(100vh - 51px);
		position: relative;
		padding-top: 50px;
		padding-left: 5%;
		padding-right: 5%;
		text-align: center;
		
	}
	
	.orderInputGroup{
		width: 48%;
		margin-left: 1%;
		display: inline-block;
	}
	
	#emailGroup{
		width: 48%;
		margin-left: 1%;
	}
	
	.orderItemRow{
		border-left: solid black 1px;
		border-right: solid black 1px;
	}
	
	.orderItemControls{
		display: inline-block;
		position: absolute; 
		right: 6rem;
	}

	.orderItemControls a{
		width: 12rem;
	}
	
	#aboutImageHolder{
		float: left;
		width: 400px;
		height: 400px;
		position: relative;
		margin-right: 40px;
	}
	
	#buddyArticleImg{
		float: right;
		border: solid black 1px;
		width: 175px;
		margin-left: 40px;
		margin-top: 0px;
		margin-right: 0;
	}

	
	#aboutImageHolder img{
		
		position: absolute;
		top: 0;
		bottom: 0;
		margin-top: auto;
		margin-bottom: auto;
		border: solid black 1px;
		box-shadow: -3px 6px 20px 0px #00000094;
		/* padding: 1%; */
	}
	
	#about{
		min-height: 60rem;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	#responseFormContainer .orderInputContainer div.lineInput{
		display: inline-block;
		margin-right: 2rem;
	}
	
	#visitFormHeader{
		text-align: left;
		visibility: hidden;
	}
	
	#responseFormContainer #customerName{
		/* width: initial; */
	}
	
	#feedback{
		min-height: 30rem;
	}
	
	#feedbackContent{
		border: solid black 1px;
		box-shadow: 0px 5px 10px black;
	}
	
	#feedbackText{
		text-align: left;
	}
	
	#feedbackBtnContainer{
		text-align: left;
	}
	
	#feedbackMessage{
		font-size: 14pt;
	}
	
	#customerVisitDate{
		width: initial;
	}
	
	.section{
		padding-left: 5%;
		padding-right: 5%;
	}
	
	#about h1{
		
		margin-left: 440px;
	}
	
	.aboutText{
		font-size: 14pt;
	}
	
	#sigText{
		color: #eeeeee;
		vertical-align: bottom;
		font-size: 30px;
	}
	
	
	
	#menu h1{
		padding-left: 0;
		margin-left: 3.125%;
	}
	
	#contact h1{
		color: lightgray;
	}
	
	#about h1, #menu h1, #media h1, #socialLinks h1,#orders h1,  #contact h1, #feedback h1{
		font-size: 36px;
	}
	
	#aboutText{
		font-size: 18pt;
	}
	
	#buddySig{
		/* padding-right: 5.3%; */
		margin-left: -5.52%;
		margin-right: -5.5%;
		width: auto;
	}
	
	/* .leftDesktop{
		float: left;
		margin-right: 10%;
		clear: left;
	}
	
	.rightDesktop{
		float: right;
		clear: right;
	} */
	
	#menu{
		position: relative;
		max-height: 275rem;
	}
	
	#corporateMenuContainer{
		font-size: 18pt;
	}
	
	.menubox{
		/* flex-basis: 35%; */
		width: 43.75%;
	}
	
	.menubox{
		margin-left: 3.125%;
		margin-right: 3.125%;
	}
	
	#menuContainer{
		/* max-height: 145rem; */
		height: 163rem;
	}
	
	#sandwiches{
		order: 1;
	}
	
	#plates{
		order: 2;
	}
	
	#shrimp{
		order: 3;
	}
	
	#burgers{
		order: 4;
	}
	
	#sideImage{
		order: 7;
	}
	
	#desserts{
		order: 12;
	}

	#drinks{
		order: 13;
	}
	
	#brisketImage{
		order: 11;
	}
	
	#pounds{
		order: 10;
	}
	
	#salads{
		order: 6;
	}
	#wraps{
		order: 7;
	}
	
	#fries{
		order: 8;
	}
	
	#chicken{
		order: 9;
	}
	
	#burgerImage{
		order: 5;
	}
	
	#sides{
		order: 12;
	}
	
	#iceMachine{
		order: 7;
	}
	
	#navInfo{
		position: relative;
		border: solid black 1px;
	}
	
	#photoCarousel .carousel-inner{
		height: 60rem;
		min-height: 60rem;
		max-height: 60rem;
	}
	
	#storeInfo{
		display: inline-block;
		width: 100%;
		vertical-align: top;
		height: 100%;
	}
	
	#contactDetails{
		/* position: absolute; */
		bottom: 0;
		position: relative;
	}
	
	#socialLinks{
		/* position: absolute; */
		right: 0;
		top: -3rem;
		/* width: 66%; */
		/* padding-left: 1%; */
		/* padding-right: 1%; */
		/* border-top: solid black 1px; */
		/* display: inline-block; */
		/* font-size: 32pt; */
	}
	
	#orders{
		height: 40rem;
		min-height: 40rem;
	}
	
	#orders:before{
		height: 100%;
		display: inline-block;
		vertical-align: middle;
		content: '';
	}
	
	#orderTextContainer{
		width: 65%;
		display: inline-block;
		vertical-align: middle;
	}
	
	#orderIcon{
		font-size:20rem;
		width: 23%;
		display: inline-block;
		text-align: center;
		height: 100%;
		position: relative;
		top: 0;
		
		line-height: 40rem;
		/* margin-right: 2rem; */
		/* top: -70px; */
	}

	#orderIcon i{
		position: relative;
		z-index: 10;
		vertical-align: middle;
	}

	#orderIcon img{
		position: absolute;
		width: 80px;
		top: calc(21.75rem - 42px);
		left: calc(50% - 40px);
		z-index: 1;
	}

	#orderIcon #desktopIcon{
		position: absolute;
		top: 10rem;
		/* left: 21rem; */
		font-size: 15rem;
	}

	#orderDesktopIconBG{
		background: #f1c232;
		width: 14rem;
		height: 9rem;
		position: absolute;
		top: 8rem;
		left: calc(50% + 6rem);
		line-height: 5rem;
	}
		
	#orderIconBG{
		width: 64px;
		position: absolute;
		height: 90px;
		top: calc(22rem - 45px);
		left: calc(50% - 32px);
		background: #f1c232;
	}
	
	
	
	#storeHours{
		/* position: absolute; */
		/* width: 28%; */
		/* right: 0; */
		/* bottom: 0; */
		/* top: -10%; */
		background: initial;
		display: inline-block;
		/* margin-right: 1%; */
		margin-bottom: 1%;
		padding-left: 1%;
		padding-right: 1%;
		font-size: 14pt;
		width: 100%;
		margin-left: 0;
		/* border: solid black 1px; */
		color: black;
		
	}
	
	#storeHours h3{
		margin-top: 10px;
		color: black;
	}
	
	#storeInfo{
		padding-left: 1%;
		padding-top: 1%;
	}
	
	#feedback{
		padding-bottom: 2rem;
	}
	
	#surveyContainer .hiddenCheckbox{
		max-width: 450px;
	}
	
	.gbEntryDate{
		float: none;
		display: block;
	}
	
	#guestBookFormContainer{
		display: initial;
	}
	
	#guestBookButtonContainer{
		display: none;
	}
	
	#guestBookHeader{
		height: 6rem;
	}
	
	#calculatorContainer{
		
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.mainImage{
		height: 64rem;
	}
	
	#memDaySpecial{
		top: 50rem;
	}
	
	#specialOffer{
		top: 45rem;
	}
	/* #grandReopening h4{
		top: 56rem;
	} */
	
	#specials{
		/* top: 35rem; */
	}
	
	
	#buddyArticleImg{
		
		margin-top: 20px;
	}

	
	#sigContainer{
		max-height: 100%;
		/* float: right; */
	}
	
	#aboutText{
	min-height: 40rem;
	}
	
	#menuContainer{
		/* max-height: 150rem;max-height: 150rem; */
		height: 184rem;
	}
	
	#orderTextContainer{
		margin-right: 0;
	}
	
	#orderIcon{
		left: -1rem;
	}
	#orders{
		padding-right: 8%;
	}
	#orderIcon{
		font-size:15rem;
		width: 25%;
		display: inline-block;
		text-align: center;
		height: 100%;
		position: relative;
		top: 0;
		vertical-align: middle;
		
		line-height: 40rem;
		margin-right: 2rem;
		/* top: -70px; */
	}

	#orderIcon i{
		position: relative;
		z-index: 10;
	}

	#orderIcon img{
		position: absolute;
		width: 64px;
		top: calc(21.6rem - 34px);
		left: calc(50% - 32px);
		z-index: 1;
	}

	#orderIcon #desktopIcon{
		position: absolute;
		top: 15rem;
		/* right: 0rem; */
		font-size: 15rem;
	}

	#orderDesktopIconBG{
		background: #f1c232;
		width: 14rem;
		height: 9rem;
		position: absolute;
		top: 15.5rem;
		/* left: 18rem; */
		line-height: 5rem;
	}
		
	#orderIconBG{
		width: 56px;
		position: absolute;
		height: 75px;
		top: calc(21rem - 40px);
		left: calc(50% - 24px);
		background: #f1c232;
	}
	
	#orderDesktopIconBG img{
		position: relative;
		background: #f1c232;
		top: 3px;
		left: initial;
		width: 80px;
	}
	
	
 }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	.mainImage{
		height: 70rem;
	}
	
	#memDaySpecial{
		top: 56rem;
	}
	
	#specialOffer{
		top: 51rem;
	}
	
	#specials{
		/* top: 41rem; */
	}
	
	#about{
		/* min-height: 70rem; */
		position: relative;
	}
	
	.section{
		padding-left: 8%;
		padding-right: 8%;
	}
	
	#buddyArticleImg{
			width: 200px;
	}
	
	#buddySig{
		/* padding-right: 9.5%; */
		margin-left: -9.5%;
		margin-right: -9.5%;
	}
	
	#grandReopening{
		padding: 70px;
}

	#grandReopening h4{
		top: 12rem;
	}
	
	#buddysLogo{
		transform: scale(1.25);
		transform-origin: top;
	}
	
	#menu{
		padding-left: 8%;
		padding-right: 8%;
	}
	
	#menuContainer{
		/* max-height: 155rem; */
		height: 190rem;
	}
	
	#photoCarousel .carousel-inner{
	height: 80rem;
	min-height: 80rem;
	max-height: 80rem;
	}
	

	#map{
		display: inline-block;
		width: 40%;
	}
	
	
	
	#storeInfo{
		width: 58%;
		font-size: 16px;
	}
	
	/* #socialLinks{
		width: 49%;
	} */
	
	#orderContainer{
		padding-top: 75px;
	}
}

@media (min-width: 1396px){
	#menuContainer{
		max-height: 200rem;
		height: 200rem;
	}
	
	#menu{
		min-height: 265rem;
	}
}

@media (min-width: 1520px){
	#menuContainer{
		max-height: 210rem;
		height: 210rem;
	}
	
	#menu{
		min-height: 275rem;
	}
}

@media (min-width: 1620px){
	#menuContainer{
		max-height: 220rem;
		height: 220rem;
	}
	
	#menu{
		min-height: 285rem;
	}
}

@media (min-width: 1720px){
	#menu{
		max-height: 298rem;
		/* height: 250rem; */
		font-size: 16px;
		line-height: 1.5;
	}
	
	#menuContainer{
		max-height: 225rem;
		height: 225rem;
	}
}

@media (min-width: 1820px){
	#menu{
		max-height: 298rem;
		font-size: 16px;
	}
	
	#menuContainer{
		max-height: 230rem;
		height: 230rem;
	}
}



@media (min-width: 1920px){

	#menu{
		max-height: 300rem;
		height: 300rem;
	} 
	
	#menuContainer{
		max-height: 235rem;
		height: 235rem;
	}
}

@media (min-width: 2180px){
	#menuContainer{
		max-height: 195rem;
		
		font-size: 16px;
	}
}