/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   body {margin: 0;font-family: 'Open Sans', sans-serif;background: url(../img/samples/mainbgr.jpg) repeat 0 0; background-color: #fff;}
h1 {font-size: 1.79em; font-weight: normal; margin: 15px 0 12px 0;}
.login-container h1 {font-size: 1em; margin: .5em 0; font-weight: bold; text-transform: none;}
h2 {font-size: 1.53em; font-weight: normal; margin: 15px 0 12px 0;}
h3 {font-size: 1.15em;margin: .5em 0;}
h3.bigger {font-size: 1.3em;}
h4 {font-size: 1em;margin: .5em 0;}
h4.bigger {font-size: 1.15em; }
h1, h2, h3, h4 {color: #525252;}

.h3 {
	padding-right: 22px;
	font-size: 1.17em;
	font-weight: bold;
	margin: .5em 0;
	color: #222;
	display: block;
}

.h4 {
	margin-block-start: 1.33em;
	margin-block-end: 1.33em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
	font-size: 1em;
	margin: .5em 0;
	color: #525252;
	display: block;
}

h1.menu-page-title {
	margin: .5em 0;
	font-size: 1.17em;
	text-transform: none;
	font-weight: bold;
}

.custom-content h1 {
	font-size: 2.0em;
	text-transform: none;
	font-weight: bold;
}
.custom-content h2 {
	text-transform: none;
	font-weight: bold;
}

h2.end {
	text-transform: none;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
	border-top: 1px solid #e5e5e5;
	padding-top: 10px;
}

.location-infos h2 {
	font-size: 1.15em;
	margin: .5em 0;
	font-weight: bold;
	text-transform: capitalize;
}

input[type="radio"], input[type="checkbox"] {
	width: 1.5rem;
	height: 1.5rem;
}
label, input, button, select, textarea {
	font-size: 1rem;
	line-height: 1.5;
}
label {
	margin-bottom: 0.25rem
}

.l, .r {float: left;}
.ml8 {margin-left: 8px;}
.ml12 {margin-left: 12px;}
.py8 {padding-top: 8px;padding-bottom: 8px;}
.block {display: block;}
.hidden {display: none;}
.fullwidth {width: 100%; box-sizing: border-box;}

/* Body text grey */
body, input, textarea {color: #222;}

/* COLOR 1 */
a, nav.main ul li a:hover, nav.main ul li.current a, .footer ul li a:hover, .boldandbigandcolored, .colored {color: #bd0600;}

/* COLOR 2 */
.leftaside .widget.vermenu nav ul li a {
	color: #408000;
	background: #FBFBFB;
}
.body-fullwidth .leftaside .widget.vermenu nav ul li a {
	background: white;
}
.leftaside .widget.vermenu nav ul li.current a span.count {background: #4b9000; color: white; white-space:nowrap;}
.leftaside .widget.vermenu .h3-clean {display: none;}

/* COLOR 3 */
a:hover, nav.main ul li a, .leftaside .widget.vermenu nav ul li a:hover {color: #222;}

/* COLOR 4 */
.leftaside .widget.vermenu h3, .leftaside .widget.vermenu .h3, .footer ul li a {color: #535353;}

a { text-decoration: none;} a:hover {-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}

input.input-submit-link,
button.input-submit-link{
	background: none;
	border: none;
	color: #bd0600;
	padding: 0;
	font-size: 12.8px;
	font-weight: bolder;
	font-family: 'Open Sans',sans-serif;
	margin-top: -2px;
}

select {
	appearance: none;
	-webkit-appearance: none;
	background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23555%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: right .7em top 50%;
	background-size: 0.7em;
	padding-right: 25px;
}

.alert input.input-submit-link{
	font-size: 12px;
}

input.input-submit-link:hover,
button.input-submit-link:hover{
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	color: #222;
	outline: 0;
}

.form-for-submit-link {
	display: inline-block;
	margin: 0;
}

.mobileOpenSign {padding: 1rem; background: white;} .mobileOpenSign .widget {margin: 0;}
.opensign h4, .opensign .h4 {font-size: 1.9em;text-transform: uppercase;margin: 0 0 3px 0; line-height: 1;display: block;}
.opensign small {font-size: .77em;line-height: 1;display: block;}

.opensign {
	text-align: center;
	position: relative;
}

.opensign .hours.separateHours {
	font-size: .85em;
}
.opensign .hours a {
	text-align: right;
	display: block;
}

.opensign h4, .opensign .h4 {color: #428b03;}
.opensign .h4 i {color: #222; font-size: 1.5rem; position: absolute; right: 12px; top: 12px; display: block; padding: 12px;}
.opensign.closed h4, .opensign.closed .h4 {color: #bd0600;}
.opensign .hours.separateHours {
	font-size: 0.9em;
}
.opensign .hours a {
	text-align: center;
}
.opensign .hours-text {
	display: none;
}
.opensign .hours .hours-row {
	margin-top: 5px;
	margin-bottom: 10px;
}
.opensign .hours .hours-row:last-of-type {
	margin-bottom: 0;
}
.opensign .hours-row strong {
	color: #656565;
}
.opensign .hours-row .hours-row__line {
	text-align: center;
}
.opensign .hours-row .hours-row__line a {
	color: #3d8103;
}
.opensign .hours-row .hours-row__line > * {
	display: inline-block;
}
.opensign .hours-row .hours-row__line .hours-label {
	width: 88px;
	display: inline-block;
	text-align: right;
}
.opensign .hours-row .hours-row__line .time {
	margin-right: 35px;
}

.mobileWrapper .widget {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.mobileWrapper .opensign {
	background: none;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 16px 0;
	border-radius: 0;
}

.rightaside .widget.sign { max-width: none; }

.location-hours .day {
	display: flex;
	padding: 3px;
}
.location-hours .day.today {
	font-weight: bold;
}
.location-hours .day > *  {
	margin: 0 1rem; 
}
.location-hours .weekday {
	width: 25%;
}

form.search {text-align: left;position: relative;}
.search-button {display: none;}
input[type="text"].search-field {padding: 6px 8px; width: 100%; box-sizing: border-box;}

.contentandcart ul.menuitems li.category-item a {
	margin-bottom: 0;
}

.sepclear {border-bottom: 1px solid #e5e5e5;padding-bottom: 12px;}

.iconbtn.img-question {display: inline-block; opacity: .4;margin: 0 10px;vertical-align: middle;}
.iconbtn.img-question:hover {opacity: .7;}

.right {text-align: right;}
small.light {color: rgba(0,0,0,0.65);display: block;line-height: 1.5;margin-top: 10px}

.inline {vertical-align: top;}

input.small {width: 35px; text-align: center; vertical-align: middle; margin-bottom: 0; margin-left: 5px;}

.cart_coupon_notice {
	text-align: left;
	margin: 5px;
}
.cart_coupon_notice p {
	overflow: hidden;
	margin-bottom: 0;
	padding: 5px;
	border: 2px solid #F89406;
	color: #c09853;
	background-color: #fcf8e3;
}

em.note {
	font-size: 12px;
	margin: 7px 0 10px;
	display: block;
	color: #757575;
}

.bar1, .bar2, .bar3 {
	width: 24px;
	height: 3px;
	background-color:rgba(0,0,0,0.8);
	margin: 4px 0;
	transition: 0.2s;
	border-radius: 4px;
}

.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-4px, 3px) ;
	transform: rotate(-45deg) translate(-4px, 3px) ;
}

.change .bar2 {
	opacity: 0;
}

.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-7px, -6px) ;
	transform: rotate(45deg) translate(-7px, -6px) ;
}

.header-container {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 98;
}

/* Mobile menu */
#mobile-menu-container {
	display: flex;
	justify-content: center;
	align-items: center;
	background: white;
	padding: 0.5rem 0;
	position: relative;
	box-shadow: 0 5px 10px 0px rgba(0,0,0,0.1);
}

#mobile-menu-container > * {
	flex: 1;
	display: flex;
	justify-content: center;
}
#mobile-menu-container > div:first-child {margin-right: auto}
#mobile-menu-container > div:last-child {margin-left: auto}
#mobile-menu-container a {
	color: #333;
}

#mobile-menu-overlay {
	/* background: rgba(0,0,0,0.5); */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9998;
	transition: 0.2s ease-in-out opacity;
}
#mobile-menu-overlay.hide-mobile-overlay {
	opacity: 0;
	transition: 0.2s ease-in-out opacity;
}
#mobile-menu {
	background-color: white;
	position: fixed;
	width: 80%;
	max-width: 400px;
	top: 0;
	height: 100%;
	z-index: 9999;
	transform: translateX(0);
	transition: 0.2s ease-in-out transform;
}
.mainMenuTrigger {
	padding: 16px;
	margin-right: auto;
}
.mobile-menu-wrapper {
	height: calc(100% - 54px);
	overflow-y: scroll;
}
.mobile-menu-wrapper .widgets {
	padding: 16px;
}
#mobile-menu-close {
	border-bottom: 1px solid rgba(0,0,0,0.05)
}

#mobile-menu-dd, #mobile-menu-dd ul {
	list-style-type: none;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

#mobile-menu-dd li {
	text-align: left;
	font-size: 1rem;	
}
#mobile-menu-dd > li > a, #mobile-menu-dd > li > span {
	font-weight: bold;
}

#mobile-menu-dd li:last-child {
	border-bottom: none;
}

#mobile-menu-dd li a, #mobile-menu-dd li span.rootItem {
	display: flex;
	justify-content: space-between;
	align-items: start;
	padding: 8px 16px;
	color:rgba(0,0,0,0.8);
	border-bottom: 1px solid rgba(0,0,0,0.1)
}
#mobile-menu-dd li.current span.rootItem {
	background: rgba(0,0,0,0.05);
}
#mobile-menu-dd li span.rootItem span.rootChevron {
	transform: rotate(0deg)
}
#mobile-menu-dd li.current span.rootItem span.rootChevron {
	transform: rotate(45deg)
}

#mobile-menu-dd li ul li a {
	padding: 8px 32px;
}

#mobile-menu-dd li.current > a {
	color: #bd0600;
	background: rgba(0,0,0,0.05)
}

#mobile-menu-dd li ul {
	display: none;
}

#mobile-menu-dd li.current ul {
	display: block;
}

#mobile-menu-dd span.count {display: block; font-size: .7em; background: rgba(0,0,0,0.05); border-radius: 2px;padding: 3px 5px;margin-left: 15px;}

#mobile-menu.hide-mobile-menu {
	transform: translateX(-100%);
}

.searchAndCart {
	display: flex;
	align-items: center;
	margin-left: auto;
	text-align: right;
}
.searchAndCart > * {
	display: flex;
}
.searchAndCart div > * {
	box-sizing: border-box;
	padding: 1rem;
	width: 3.5rem;
}

.cartTrigger {
	position: relative;
	border-radius: 4px;
}
.cartTrigger.addedItem, .cartTriggerDesktop.addedItem {
	animation: cartPop 0.8s;
}
@keyframes cartPop {
	0% {transform: scale(1)}
	25% {transform: scale(1.1); box-shadow: 0 3px 12px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.2)}
	75% {transform: scale(1.1); box-shadow: 0 3px 12px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.2)}
	100% {transform: scale(1)} 
}
.cartTrigger.opened {
	background: rgba(0,0,0,0.05);
}
.cartCounter {
	background: #bd0600;
	color: white;
	padding: 1px 4px;
	border-radius: 2px;
	position: absolute;
	top: 4px;
	right: 4px;
	font-size: 0.875rem;
}

#searchClose {
	position: absolute;
	right: 19px;
	top: 5px;
	padding: 8px 12px;
}

nav.main .cartTriggerDesktop {
	display: none;
}

body {font-size: 1em;}
input.withicon {width: 75%;}

.checkout aside.leftaside {display: none;}

.maincontainer {width: 100%; margin: 0px auto; background: white; border-radius: 0 0 5px 5px;}
.body-fullwidth .maincontainer {box-shadow: none; border-radius: 0;}

/* use aspect ratio trick to keep header aspect ratio the same (18.854% is a 960 x 181 image) - see https://css-tricks.com/aspect-ratio-boxes/ */
.header {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	height: 0;
	padding-top: min(18.854%, 181px);
	max-width: 960px;
	background-size: cover;
	box-shadow: 0 1px 1px white inset;
}

.header .inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.header .inner .logoContainer {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 12px 16px;
	box-sizing: border-box;
}

.header .inner a {
	
}

nav.main ul, .footer .l {display: none;}

nav.main ul, nav.breadcrumbs ul, .contentandcart ul.menuitems, .footer ul  {list-style: none; padding: 0;margin: 0;}

.header a.logo {border-radius: 5px; display: inline-block; width: auto; margin: 0 auto;text-align: center; background: white; background: rgba(255,255,255,.9);padding: 1rem; box-shadow: 0 1px 3px grey; font-weight: bold;}
.header a.logo .nologo { font-size: 1.65em; line-height: 1.1;text-align: center; }

.menuSelector .menuContainer { overflow-x: scroll;}
.menuSelector .menuContainer .menuContainerInner {display: flex; margin: 0 0.5rem; padding: 1rem 0; border-bottom: 1px solid rgba(0,0,0,0.1)}
.menuSelector .menu {display: flex; margin: 0 0.5rem; align-items: center; justify-content: center;}
.menuSelector label {margin: 0 0 0 0.5rem; line-height: 1.3;}

.menuCategoriesToggle {box-sizing: border-box;display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 6px 16px;}
.menuCategoriesToggle i {transform: rotateZ(0deg);transition: 0.2s ease-in-out transform; margin-right: 0.5rem; color: #535353}
.menuCategoriesToggle.closed {background: rgba(0,0,0,0.1);}
.menuCategoriesToggle.closed i {transform: rotateZ(45deg);}

.menucategoryHeading {position: -webkit-sticky;position: sticky; background: white; margin: 0; padding: 8px 0; border-bottom: 1px solid rgba(0,0,0,0.1)}

#mobile-menu-container form.search {display: none; margin: 12px 0; padding: 0 16px;position: absolute;top: 0; z-index: 80; width: 100%; box-sizing: border-box;}
input[type="text"].search-field {padding: 13px 8px;}

form.search {display: none;}
.leftaside .widget.vermenu {margin-right: -1px; position: relative; margin: 0; border-bottom: 1px solid rgba(0,0,0,0.1)}
.leftaside .widget.vermenu nav.closed {display: none;}
.leftaside .widget.vermenu nav ul {margin: 0; padding: 0; list-style: none;}
.leftaside .widget.vermenu nav ul li a {display: flex; justify-content: space-between; align-items: flex-start; padding: 10px 16px 10px 16px; border-top: 1px solid rgba(0,0,0,0.05);}
.leftaside .widget.vermenu nav ul li a:hover {background: rgba(0,0,0,0.02);}
.leftaside .widget.vermenu nav ul li.current a {background: rgba(0,0,0,0.03);}
.leftaside .widget.vermenu nav ul li a span.count {display: block; font-size: .7em; background: rgba(0,0,0,0.05); border-radius: 2px;padding: 3px 5px;margin-left: 15px;}
.listLocations {margin: 0; padding: 0; list-style: none;}
.content .listLocations {display: grid; grid-template-columns: 1fr; grid-template-rows: auto; width: 100%; margin: 24px 0;}
.content .listLocations.listLocationsEmpty { display: block }
.content .listLocations li {
	flex: 1;
	margin-bottom: 10px;
}
.content .listLocations li a {border: 2px solid rgba(0,0,0,0.05); border-radius: 4px; padding: 16px 24px; margin-right: 1rem;}
.content .listLocations li a:hover {border-color: rgba(0,0,0,0.2)}
.content .listLocations li .btn {
	margin-left: -5px;
	margin-right: -5px;
	padding: 0.5rem 0.75rem;
}
.listLocations .alert:not(.alert-danger) {
	max-width: min-content;
	text-transform: none;
	font-style: italic;
	margin-left: -5px;
	margin-right: -5px;
	padding: 0.5rem 1rem;
}
.listLocations li a, .leftaside .widget.vermenu .listLocations li a {color: #222; display: block;}
.leftaside .widget.vermenu .h3 {margin: 0; padding: 0.5rem 1rem;}
.page-checkout .leftaside {display: none;}
.page-checkout .contentcontainer .contentandcart {width: 100%; border: none;}
.page-0 .leftaside, .page-0 .rightaside {display: none;}
.page-0 .contentcontainer .contentandcart, .page-0 .contentcontainer .contentandcart .content {width: 100%; box-sizing: border-box;}

.widget.announcements h4, .widget.announcements .h4 { font-size: 1.5em; }
.widget.announcements .opensign { padding: 0; text-align: inherit; }
.widget.announcements p { margin: 15px; }
.mobileWrapper .widget.announcements {padding: 0 24px 0 0; margin: 0; font-size: 0.75em; position: relative; background-color: rgb(255,255,204);}
.announcementsHide {display: none;}
.mobileWrapper .widget.announcements .announcementsHide {display: block; padding: 16px; position: absolute; right: -24px; top: 0}

.widget#appBanner {
	display: flex;
	align-items: center;
	margin-top: 8px;
}

#appBanner {
	display: flex;
	flex-wrap: wrap;
}
#appBanner a {
	margin: 8px 8px 0 0;
}
#appBanner a:last-child {
	margin-right: 0;
}

#appBanner a img {
	max-height: 40px;
	width: auto;
}

.widget.pmt-icons {
	margin-bottom: 8px;
	display: flex;
	flex-wrap: wrap
}
.pmt-icon {
	border: 1px solid rgba(0,0,0,0.05);
	border-radius: 3px;
	overflow: hidden;
	display: flex;
	box-sizing: border-box;
	flex-basis: 48px;
	margin: 0 4px 4px 0;
}
.pmt-icon img {
	height: 100%;
	width: 100%;
}

.contentcontainer {background: #fbfbfb; border-radius: 0 0 4px 4px;}
.body-fullwidth .contentcontainer {background: white;}

.contentandcart {background: white; border-radius: 0 0 4px 4px;}
.contentcontainer .contentandcart .content {padding: 1rem;}
nav.breadcrumbs {margin-bottom: 10px;}
nav.breadcrumbs ul li {font-size: 0.75em; text-transform: uppercase; display: inline-block;}
nav.breadcrumbs ul li a {background: url(../img/breadcrumbssep.png) no-repeat right 5px; padding-right: 10px;}

.contentandcart ul.menuitems li a {border: 1px solid #e5e5e5; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); padding: 16px; margin: 16px 0; display: flex;color: #525252;}
.contentandcart ul.menuitems li a:hover {border-color: rgba(0,0,0,0.2); box-shadow: 0 1px 5px rgba(0,0,0,0.1)}
.menuitems li.item .itemImage {width: 96px; height: 96px; min-width: 96px;margin-left: 0.5rem;}
 .menuitems li.item.fullrow .r header {min-height: auto;}
.menuitems li.item .itemImage img, .widget.ad img, .item .itemImage img, .itemTopImage img { border-radius: 4px; width: 100%; height: 100%; object-fit: cover;}
.menuitems li.item .itemImage a:hover, div.item .item-top.itemTopImage a:hover {opacity: .8;}
.menuitems li.item.fullrow .r {width: 100%;}
.menuitems li.item .itemContent {width: 100%;}
.menuitems li.item .itemContent .prices {color: #bd0600; font-weight: bold;}
.menuitems li.item .itemContent h3 {display: inline-flex; margin-top: 0; margin-bottom: 10px;}
.menuitems li.item .itemContent h3 a {color: inherit;}
.menuitems li.item .itemContent h3 a:hover {text-decoration:underline;}
.menuitems li.item.itemSoldOut > a {
	position: relative;
	overflow: hidden;
}
.menuitems li.item.itemSoldOut > a:after {
	position: absolute;
	top: 26px;
	right: -36px;
	transform: rotate(45deg);
	content: "Unavailable";
	display: inline-block;
	background: #b32323;
	padding: 6px 32px;
	color: white;
	font-weight: bold;
	font-size: 0.75rem;
	line-height: 1;
	text-transform: uppercase;
}
.menuitems li.item.itemSoldOut > a > * {
	opacity: 0.5;
}
.menuItemImage, .menuItem li.item, .itemContent h3 img {height: 18px;margin-left: 0.25rem;}
.menuItemImage.bigger, .itemContent h3 img.bigger {height: 24px;}
p.description { margin: 10px 0 15px 0;}
.menuitems li.item.fullrow .r h3, .menuitems li.item.fullrow .r p.description,  div.item p.description {padding-left: 0;}
table {border-spacing: 0;}
table.variations {width: 100%;}
table.variations tr.selected {background: rgba(0,0,0,0.05); border-radius: 4px;	}
.pay-by-credit-at{line-height: 33px;}
#accepted-credit-cards .accepted_cards ul li {float: left; margin-right: 8px; list-style: none; margin-bottom: 5px;}
#accepted-credit-cards .accepted_cards ul {margin: 0; padding: 0; }
.variationsDelivery {background: rgba(0,0,0,0.05)}
div.item .item-top.itemTopContent table.variations {width: 100%;} table.variations td {line-height: 23px;}
table.variations tr { -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
table.variations tr td {padding: 0.25rem 0;}
table.variations tr td.weight {color: #b2b2b2;padding-left: 5px;padding-right: 15px;}
table.variations tr td.description {padding-right: 15px; line-height: 1.5;}
table.variations tr td.description label {margin: 0;}
table.variations tr td.description .alert {margin: 4px 0;}
table.variations tr.disabled td.description label {opacity: 0.5; cursor: not-allowed}
table.variations tr .price, td.right {color: #bd0600;font-weight: bold;text-align: right;} td.right {font-weight: normal;} td.bold {font-weight: bold;}
table.variations tr .price .nutritional-info {color: rgba(0,0,0,0.4); font-weight: normal;}
table.variations tr td.order {text-align: right;width: 75px;}
table.variations tr td.choice {padding: 7px 8px;text-align: center; width: 20px;vertical-align: text-top;}
table.variations tr td.sub {padding-left: 35px;} table.variations tr td.sub.choice {padding-left: 8px;}
table.variations tr td.deliverynote {padding-left: 35px; text-transform: uppercase;font-size: .875em; font-weight: bold;}
table.variations tr td.deliverynoteSubtle {padding-left: 35px; font-size: .875em;}
table.variations small {display: block;}
a.btn.order {background-image: url(../img/icon_cart.png); background-repeat: no-repeat; background-position: 6px center; padding: 4px 6px 4px 17px;}

.checkout h2 {display: flex; align-items: center; font-weight: bold; justify-content: space-between;}
.stepCounter {background: #bd0600; border-radius: 1.5rem; height: 1.5rem; width: 2rem; height: 2rem; color: white; display: inline-flex; font-size: 1rem; justify-content: center; align-items: center;margin-right: 0.75rem;}

.checkoutArea {border-top: 1px solid rgba(0,0,0,0.1); padding-top: 1.5rem;}

table.checkout {width: 100%;margin-bottom: 1.5rem;}
table.checkout tr th, .withbgr {
	background: rgba(0,0,0,0.05);
	line-height: 10px;
	color:#525252;
}
table.checkout tr th.for {
	border-radius: 3px 0 0 0;
	width: 10%;
}
table.checkout tr th:last-child {
border-radius: 0 3px 0 0;
}
table.checkout tr td.price, table.checkout tr.light td.price  {border-left: 1px solid #eee;padding-left: 0; padding-right: 1rem;}
table.checkout tr td.for {font-weight: bold; min-width:37px; width: 10%;}
table.checkout tr td, table.checkout tr th {padding: 1rem; text-align: left;vertical-align: top; line-height: 1.2}
table.checkout tr td {padding: 0.5rem 1rem;}
table.checkout .qty, table.checkout .price {text-align: right;}
table.checkout tr td, table.checkout tr td.price {border-bottom: 1px solid #eee}
table.checkout tr.light td {border: none; text-align: right;}
table.checkout tr td.qty {text-align: right; }
table.checkout tr.dark td {border-top: 1px solid #eee}
table.checkout .price input {width:70%;}
table.checkout .total {text-align: right;}

table.checkout tr td.instructions {
	max-width: 189px;
	word-break:
	
	break-word;
}

.submitCheckout {
	width: 100%;
}
.special-instructions textarea {
	width: 100%;
	box-sizing: border-box;
}
.callback-number { border-bottom: 1px solid #e5e5e5; padding-bottom: 15px;}
.callback-number label {margin: 0;}
.sms-order-notifications { border-bottom: 1px solid #e5e5e5; padding-bottom: 15px;}


.bold {font-weight: bold;}
.boldandbig, .boldandbigandcolored {font-size: 1.4em; font-weight: bold;}

#addToCartTop {height: 1px; background: white;}
.addToCartArea {display: flex; align-items: flex-end;  position: sticky; z-index: 95; bottom: 0; width: calc(100% + 2rem); margin-left: -1rem; background: white; padding: 0.5rem 1rem 1rem 1rem; box-sizing: border-box;} .addToCartArea.addToCartAreaSticky {box-shadow: 0 0 16px rgba(0,0,0,0.2);}
.addToCartArea * {box-sizing: border-box;}
.itemCounter {display: flex; align-items: center;position: relative; margin-right: 1rem;border: 1px solid rgba(0,0,0,0.2); border-radius: 4px;box-sizing: border-box;height: 44px;overflow: hidden;}
.itemCounterQty {font-size: 14px; font-weight: bold;margin-bottom: 4px; display: block;}
.itemCounter input {appearance: none;width: 32px; line-height: 32px; height: 2.75rem; padding: 0.5rem; background: none!important; border: none!important; box-shadow: none!important; text-align: center;}
.itemCounterIncrement {display: flex; align-items: center; justify-content: center;width: 2.75rem; height: 2.75rem; cursor: pointer; color: #bd0600;font-size: 1.2rem; outline: none;user-select: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.itemCounterIncrement:hover {background: rgba(0,0,0,0.1)}
.itemCounterIncrement.disabled {color: #333}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}

aside.rightaside {width: 100%; background: #E6E6E6;display: inline-block;}
aside.rightaside:empty {display: block; background: yellow; height: 50px;}
aside.rightaside .widget:first-child {margin-top: 2rem;}
aside.rightaside .widget:last-child {margin-bottom: 2rem;}
.rightaside .widget {background: white; margin-left: auto; margin-right: auto; width: 90%; box-sizing: border-box;}
.cartInner { height: calc(100% - 190px); overflow-y: scroll;}
.cart {background: white; position: fixed; right: 0; top: 0; z-index: 9999; width: 80%; max-width: 400px; height: 100%; text-align: left; box-sizing: border-box; transform: translateX(0%); transition: 0.2s ease-in-out transform; box-shadow: 0 0 16px rgba(0,0,0,0.25)}
.cart.isClosed {transform: translateX(110%)}
.body-embedded .cart {position: static; border: 1px solid #ddd; border-radius: 4px; display: block;position: static; box-shadow: 0 1px 3px rgba(0,0,0,0.1); width: 90%; margin: 0 auto;}
.cart * {box-sizing: border-box;}
.cart .mainMenuTrigger {padding: 24px 16px; box-sizing: content-box;}
.cart .cartHeaderWrapper {width: 100%; position: sticky; top: 0; border-bottom: 1px solid #e1e1e1}
#cartTriggerClose {cursor: pointer}
.cart header {padding: 8px 16px;border-top: 1px solid rgba(0,0,0,0.1); }
.cart .inner .item {border-bottom: 1px solid #e1e1e1; padding: 12px 16px;}
.cart .itemTop {display: flex; justify-content: space-between;}
.cart .noitems {font-style: italic;}
.cart .inner .l {width: 148px;padding-right: 10px;}
.cart .inner .l h4, .cart .inner .l .h4 {margin-bottom: 0; margin-top: 0;}
.cart .inner .l p {margin: 0;}
.cart .inner .m > div {width: 120px}
.cart .inner .m .itemCounter {height: 40px}
.cart .inner .itemCounter {margin-right: 0;}
@media (max-width: 480px) {
	.cart .inner .m .itemCounterIncrement {display: none;}
	.cart .inner .m .itemCounterContainer {width:auto;}
}
.cart .inner .r {display: flex; align-items: flex-start; width: auto;}
.cart .inner .r a.iconbtn {-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out; padding: 12px;width: 40px; text-align: center; display: flex; align-items: center; justify-content: center; background: #e6e6e6; border-radius: 4px; margin-left: 4px; color: #333;}
.cart .inner .r a.iconbtn:hover {background: rgba(0,0,0,0.1)}
.cart .inner .r a.iconbtn:hover {opacity: .9;}
.cart .cartFooterWrapper {background: white; position: absolute; bottom: 0;z-index: 10; width: 100%}
.cart footer {padding: 8px 16px;border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1);background: #e6e6e6; display: flex; width: 100%; justify-content: space-between;align-items: center;}
.cart footer .l {font-size: 1.53em; font-weight: 700;} 
.cart footer .l p.price {margin: 0;}
.cart footer .l p.price .subtotal-label {display: block; font-size: 10px; font-weight: normal; line-height: 10px;}
.cart .small-print {font-size: 9px;padding: 4px; text-align: center;}
.cart h3, .cart .h3 {margin: 0;}
.cart .addons {margin: 0; font-size: 12px; opacity: 0.85}

.checkout .iconbtn {cursor: pointer; opacity: .4;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.checkout .iconbtn.edit {background: url(../img/icon_edit.png) no-repeat 0 0; width: 11px; height: 11px; display: inline-block; opacity: .4;}
.checkout .iconbtn:hover {opacity: .9;}

.widget.upsells > div, .widget.couponbox {border: 1px solid #DDDDDD; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border-radius: 4px;}
.widget header {padding: 0 5% 0 5%;}
.widget header h3, .widget header .h3 {padding: 5px 0 10px 0;}
.widget .inner {padding: 0 5% 10px 5%;}
.widget.upsells ul, .widget.couponbox ul {list-style: none;margin: 0; padding: 0;}
.widget.upsells ul li a, .widget.couponbox ul li a {display: table;width: 100%; clear:both;content: " ";margin-bottom: 10px; padding-bottom: 10px;border-bottom: 1px solid #e5e5e5}
.widget.upsells ul li:last-child a, .widget.couponbox ul li:last-child a {border: 0;padding-bottom: 0;}
.widget.upsells ul li a, .widget.couponbox ul li a {display: flex;justify-content: space-between; align-items: center;}
.widget.upsells ul li a img, .widget.couponbox ul li a img {float: left;border-radius: 4px;}
.widget.upsells ul li a > span, .widget.couponbox ul li a > span {vertical-align: middle;}
.widget.upsells ul li a > span.img, .widget.couponbox ul li a > span.img {display: inline-block;margin-right: 0.25rem}
.widget.upsells ul li a > span.img img, .widget.couponbox ul li a > span.img img {max-width: 50px; max-height: 50px; display: inline-block;}
.widget.upsells ul li a > span.desc {margin-right: auto;}
.widget.upsells ul li a > span.desc .price, .widget.couponbox ul li a > span.desc {display: block; color: #525252;}
.widget.upsells ul li a > span.btn-cont, .widget.couponbox ul li a > span.btn-cont {text-align: right;margin-left: 0.5rem}
.widget#social, .widget#appBanner, .widget.pmt-icons, .widget.contact {background: transparent;}

.widget {margin: 1rem 0;}
.widget.promo {overflow: hidden;border-radius: 4px;}
.widget.promo a {display: block;position: relative;border-radius: 4px;}
.rightaside .widget.promo a {min-height: 75px;}
.widget.promo div.ad_inner {display: block;padding-left: 2px;position: relative;}
.widget.promo img {width: 100%;}
.widget.promo span {display: block; position: absolute; bottom: 0; height: auto; width: 100%; background: rgba(0,0,0,0.7); border-radius: 0 0 4px 4px; color: white; font-size: 1.1em; font-weight: bold;padding: 1rem;box-sizing: border-box}

.itemInner {display: flex;padding-top: 0.75rem;margin-bottom:15px;}
.item-top.itemTopImage {width: 96px; height: 96px; min-width: 96px;margin-left: 1rem; margin-top: 2%;}
.item-top.itemTopImage span {display: none;}
.item-top.itemTopContent {width: 75%;}
.withoutimage .item-top.itemTopContent {width: 100%;}
.item-top.itemTopContent p {margin-top: 0;}

h3.sep, .h3.sep {background: url(../img/sep.png) repeat-x left bottom; padding-bottom: 15px;}
.widget.contact address {font-style: normal;}
.active-restaurant-label {
	background:rgba(60, 170, 220, 0.3);
	border-radius: 4px;
	margin: 0.5rem 0;
	padding: 4px 8px;
	display: block;
}
.active-restaurant-label strong {
	display: block;
}
.activeRestaurantIcon {
	margin-right: 0.75rem;
	color: #3A87AD;
}

.footer {border-top: 1px solid #e5e5e5;padding: 15px 1.5rem 15px 1.5rem; background: #e6e6e6s}
.footer .l {margin-right: 15px;}
.footer ul li {display: inline;}
.footer ul.big li {margin-right: 15px;}
ul.small {margin: 0; padding: 0; list-style: none; margin-top: 5px;}
ul.small li {font-size: .875em;}
footer ul.small li a {color: #222; text-transform: uppercase; margin-right: 7px; padding-right: 7px; border-right: 1px solid #b6b6b6;}
footer ul.small li a:hover { color: #bd0600; }
.mobile-menu-wrapper ul.small li {display: block;padding: 4px 0;}
.mobile-menu-wrapper ul.small li a {color: #222;}
.mobile-menu-wrapper .widget.contact .restaurant-title {font-size: 1.1em; color: #222}
.mobile-menu-wrapper .widget.contact .h3 {display: none;}


.pagination ul {padding: 0; margin: 0;}

.item .headingwithoptions {margin-bottom: 5px;}
.item .headingwithoptions .l {float: none;display: block; width: auto;}
.item .headingwithoptions .r {float: none;display: block; margin-left: 20px; width: auto;}
.item .headingwithoptions p {display: inline-block; margin: 0;}
.item .headingwithoptions label {display: inline-block; margin: 0em 0.4em 0em 0.4em; padding: 0.7em 0;}
.item .headingwithoptions .heading4 {margin: 0;}
.item .headingwithoptions h4 label, .item .headingwithoptions .h4 label {font-weight: bold;}
div.variations {background: url(../img/sep.png) repeat-x 0 0; padding: 10px 0;}
.item .headingwithoptions.sep {background: url(../img/sep.png) repeat-x left bottom; padding-bottom: 5px;}
.item div.variations p {margin-top: 0;}
.item div.variations select {width: 100%;}
.groupofoptions {background: #f7f7f7; padding: 5px 10px;border-radius: 4px;border: 1px solid #e4e4e4;}
.withbgr {line-height: auto; padding: 10px 10px; border-radius: 4px;}

.birthdayselect select {width: 40%;}

footer.footer {margin-left: 0;}

.selecttime > * {margin: 0 2px;}
.selecttime select {margin-bottom: 10px;}

.header a.logo img + .restaurantTitle {margin-top: 0.5rem; font-size: 1rem;}
.restaurantTitle {display: block;}

.itemForReorder {width: 100%; border: 1px solid #ddd; border-radius: 4px; padding: 0.5rem 1rem; box-sizing: border-box;}
.itemForReorderHeader a {display: block; margin-bottom: 0.5rem;}
.itemForReorderLink {font-weight: bold; font-size: 1.2em;}

.opensign-tooltip-trigger {
	display: inline-block;
	padding: 4px 8px;
}

.open_status {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.open_status_label {

}
.open_status .btn {
	cursor: default;
	text-shadow: none;
	text-transform: uppercase;
	font-family: "Open Sans",sans-serif !important;
	border: none;
	box-shadow: none;
	outline: none !important;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.open_status .btn:active {
	transform: none;
}
.open_status .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show>.btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #b32323;
	border-color: #b32323;
}
.open_status .btn-danger, .open_status .btn-danger:hover {
	color: #fff !important;
	background-color: #b32323;
	border-color: #b32323;
	opacity: 1;
}
.open_status .btn-sm, .open_status .btn-group-sm>.btn {
	font-size: 12px;
	height: 29px;
	color: #fff !important;
	line-height: 29px;
	border-radius: 4px;
	padding: 0 9px;
}
.open_status .btn-success, .open_status .btn-success:hover {
	color: #fff !important;
	background-color: #8ab800 !important;
	border-color: #8ab800;
	opacity: 1;
}
.open_status p {
	display: inline-block;
	color: #381f18;
	font-size: 0.875rem;
	font-family: "Open Sans",sans-serif;
	font-weight: 400;
	line-height: 27px;
	margin: 0;
}

@media screen and (max-width: 321px) {
	.cart {width: 100%;}
	#appBanner a img {max-height: 32px;}
}

@media (min-width: 480px) {
	#added-to-cart-right a {
		width: 50%;
		margin: 0 0.5rem;
	}
}

@media (max-width: 480px) {
	#added-to-cart-right {
		flex-wrap: wrap;
	}
	table.checkout th.for, table.checkout th.instructions, table.checkout td.for, table.checkout td.instructions {display: none;} 
	.alert select {
		width: 100%;
	}
	select, input[type='password'],input[type='text'],input[type='number'],textarea {font-size:16px;}
	.alert {padding-right: 14px;}
	table.variations .alert input {width: 140px;}
	table.variations .alert select {width: 160px;}
}


@media (min-width: 767px) {
	.custom-content h1 {font-size: 2.4em;}

  	input[type=text],input[type=password] {width: auto;}
  	input[type=text].input-mini { width: 60px; }
	input.small {width: 35px; text-align: center; vertical-align: middle; margin-bottom: 0; margin-left: 5px;}

  	div.item .item-top.itemTopImage {display: block;text-align: right;}
	
	nav.main ul, .footer .l {display: block;}

	.header .inner a { display: flex; align-items: center;}
	.header .inner a img {margin-right: 8px;}
	.header-container {position: static;position: -webkit-sticky; position: sticky; top: 0; z-index: 98;}

	nav.main {background: white; box-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
	nav.main .navmain-inner { display: flex; justify-content: space-between;align-items: center;}
	nav.main ul {display: inline-flex;margin-left: 12px}
	nav.main ul li {text-transform: uppercase;}
	nav.main ul li a {display: block;padding: 12px; font-weight: 700;}
	nav.main ul li.first a {border-radius: 5px 0 0 0;border-width: 0 1px 0 0;} nav.main ul li.last a {border-radius: 0 5px 0 0;border-width: 0 0 0 1px;}
	nav.main .cartTriggerDesktop {display: flex;align-items: center; position: relative; color: #222; text-transform: uppercase; padding: 6px 8px; border-radius: 4px;margin-right: 0.4rem; font-weight: 700; border: 1px solid rgba(0,0,0,0.1)}
	nav.main .cartTriggerDesktop i {margin-right: 0.5rem;}
	nav.main .cartTriggerDesktop.opened {color: #bd0600; background: #e6e6e6}
	nav.main .cartCounter {position: static; margin-left: 0.5rem;font-size: 12px;}


	.mobileOpenSign {display: none;}

	.addToCartArea {padding: 0.5rem 1.5rem; width: 100vw; margin-left: -1.5rem; border-top: 1px solid transparent}
	.addToCartArea button {padding-left: 3rem; padding-right: 3rem;}
	.itemCounterContainer {display: flex; justify-content: center; align-items: center;}
	.itemCounterQty {margin-right: 1rem;}

	.header a.logo {margin: 0; width: auto;height: auto;}
	.cartContainer {position: relative;}
	.body-embedded .cart {position: static; width: 100%;box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
		
	.rightaside {background: white;}
	.rightaside .widget {width: 100%;}

	.contentcontainer .contentandcart {border: 0;}
	.contentandcart-inner {display: flex;}
	
	.leftaside .widget.sign {float: right;}
	form.search {display: block; margin: 0.5rem 1rem; padding: 0;position: relative; width: auto;}
	.search-button {appearance: none; border: 0; line-height: 1.4rem;background: none; display: block; padding: 13px 18px;position: absolute; right: 0; top: 0; border-radius: 0 4px 4px 0;}
	.search-button svg {height: 14px; width: 14px; fill:#bd0600;}

	.opensign {border: 1px solid #DDDDDD; box-shadow: 0 1px 3px rgba(0,0,0,0.1);border-radius: 5px;text-indent: 0;padding: 15px 3px 15px 3px;}
	.open_status {display: block;padding: 0 16px;}
	.open_status a {display: block; border: 1px solid rgba(0,0,0,0.1); padding: 4px 8px; border-radius: 4px; margin-top: 0.5rem;}
	.opensign .hours-text {
		font-weight: bold;
		display: block;
		padding: 8px 16px;
	}


	a.btn.order {background-position: 10px center; padding: 5px 10px 5px 22px;}

	.contentcontainer .contentandcart .content {width: calc(100% - 265px); padding: 1.5rem; box-sizing: border-box;}
	.item .headingwithoptions .l {float: left;}
	.item .headingwithoptions .r {float: right;margin: 0;text-align: right;}
	.menuitems li.item * {box-sizing: border-box;}
	.menuitems li.item .itemImage {margin-left: 1rem;}
	.item-top.itemTopImage {width: 96px; height: 96px; min-width: 96px; margin: 0 0 0 4%}
	.item-top.itemTopImage span {display: block;}
	.item-top.itemTopContent {width: 76%;}
	.item-top.itemTopImage img {width: 110px;}
	.contentcontainer .contentandcart.wide .content {width: 100%;}
	.contentcontainer .contentandcart.wide .content {padding-left: 1.5rem; padding-right: 1.5rem;}
	.content .listLocations {grid-template-columns: 1fr 1fr;}

	.menuitems li.item .itemContent h3 {padding-left: 0;}
	.menuitems li.item .itemContent h3 a {color: inherit;}
	.menuitems li.item .itemContent h3 a:hover {text-decoration:underline;}
	.menuitems li.item .itemContent p.description {padding-left: 0;}
	.menuitems li.item .itemContent header {min-height: 10px;}

	aside.rightaside {float: right; width: 245px; background: white; padding-right: 20px; margin-bottom: 2rem;}

	.submitCheckout {width: auto; padding: 12px 56px; font-size: 1.2em;}
	.special-instructions textarea {width: 50%;}

	.itemForReorderHeader {display: flex; align-items: center; justify-content: space-between;}

	.footer {background: white;}
}

@media (max-width: 1004px) {
	.mobile-hidden {display: none;}
}

@media (min-width: 1004px) {
	html {font-size: .875em;}
	body {padding: 0; }
	input[type="radio"], input[type="checkbox"] {
		width: 19px;
		height: 19px;
		min-width: 19px;
	}
	input {font-size: 1.3em}
	.leftaside nav.vermenu ul {display: block;}

	#toggleHours {display: none;}

	.addToCartArea {box-shadow: none; position:-webkit-sticky; position:sticky;margin-left: -1.5rem; padding: 0.5rem 1.5rem; width: calc(100% + 3rem); border-top: 1px solid transparent}
	.addToCartArea.addToCartAreaSticky {box-shadow: none; border-top: 1px solid rgba(0,0,0,0.2)}
	.itemCounter {height: 36px;}
	.cart .itemCounter {height: 38px;}

	.header .inner a {display: block;}
	.header, nav.main {width: 960px; margin: 0 auto;}
	.body-fullwidth .header, .body-fullwidth nav.main {width: 100%;max-width: none;}
	.header > .inner {margin: 0 auto;}
	.contentcontainer {display: flex;}
	.maincontainer {width: 960px; margin: 0 auto 60px auto;}
	.body-fullwidth .maincontainer {margin-bottom: 0;}
	.body-embedded .maincontainer {width: 100%;}
	nav.main .navmain-inner {width: 960px; margin: 0 auto;}
	.body-fullwidth nav.main .cartTriggerDesktop {margin-right: 20px;}
	.contentcontainer .contentandcart {display: flex; flex-direction: column; justify-content: space-between; width: calc(100% - 180px); border-radius: 0;border-left: 1px solid #e3e3e3;}
	.contentcontainer .contentandcart.wide {border-radius: 0 0 4px 0;}
	aside.leftaside {width: 164px;padding: 0 0 0 16px;margin-bottom: 6rem;}
	.leftaside .widget.vermenu nav.closed {display: block;}
	.page-0 .contentcontainer .contentandcart .content {width: 70%; margin: 0 auto;}

	.opensign {margin: 0;}
	.leftaside .widget, .leftaside .widget.sign  {float: none;}
	.leftaside .widget.vermenu {text-align: left;}
	.leftaside .widget.vermenu nav ul li a {padding-left: 8px;padding-right: 12px;}
	.leftaside .widget.vermenu .h3-clean {display: block; margin: 16px 0 8px 0;}
	.leftaside .widget.vermenu .h3 {padding: 0.5rem 0;}
	.search-button {padding: 7px 12px;}
	#appBanner a img {max-height:35px;}
	.content .listLocations {grid-template-columns: 1fr 1fr 1fr;}

	.menuSelector .menuContainer {overflow: hidden;}
	.menuSelector .menuContainer .menuContainerInner {display: block; padding: 0; margin: 0; border-bottom: none;}
	.menuSelector .menu {margin-bottom: 0.75rem; justify-content: flex-start;}
	.menuCategories {padding: 0;}
	.menuCategoriesToggle {display: none;}
	
	#searchClose {display: none;}
	form.search {margin-left: 0;}
	input[type="text"].search-field {padding: 6px 48px 6px 8px;}

	.contentcontainer .contentandcart .content {width: calc(100% - 265px);padding: 1.5rem;margin-bottom: 2rem;}
	.menuitems li.item.fullrow .r {width: 100%;}

	.mobile-only {display: none;}
}

.sms-order-notifications .note-for-checkbox {
	margin-left: 20px;
	display: block;
}

table.singleitem tr {background: none;} table.singleitem tr:hover {background: none;}
table.singleitem tr td {padding: 0;}
.menuitems li.item table.singleitem tr td h3 {margin: 0;}


.skiptocontent {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 1px;
	width: 1px;
	text-align: left;
	overflow: hidden;
}
a.skiptocontent:active,
a.skiptocontent:focus,
a.skiptocontent:hover {
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	overflow: visible;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

/* Margin and padding generals */
.nom {margin: 0;} .nop {padding: 0;}

.mt5 {margin-top: 5px;} .mt10 {margin-top: 10px;} .mt15 {margin-top: 15px;} .mt20 {margin-top: 20px;} .mt30 {margin-top: 30px;} .mt40 {margin-top: 40px;} .mt50 {margin-top: 50px;} .mt60 {margin-top: 60px;} .mt70 {margin-top: 70px;}
.mb5 {margin-bottom: 5px;} .mb10 {margin-bottom: 10px;}  .mb15 {margin-bottom: 15px;}.mb20{margin-bottom: 20px;} .mb30 {margin-bottom: 30px;} .mb40 {margin-bottom: 40px;} .mb50 {margin-bottom: 50px;} .mb60 {margin-bottom: 60px;} .mb70 {margin-bottom: 70px;}
.ml5 {margin-left: 5px;} .ml10 {margin-left: 10px;} .ml15 {margin-left: 15px;} .ml20 {margin-left: 20px;} .ml30 {margin-left: 30px;} .ml40 {margin-left: 40px;} .ml50 {margin-left: 50px;} .ml60 {margin-left: 60px;} .ml70 {margin-left: 70px;}
.mr5 {margin-right: 5px;} .mr10 {margin-right: 10px;} .mr15 {margin-right: 15px;} .mr20 {margin-right: 20px;} .mr30 {margin-right: 30px;} .mr40 {margin-right: 40px;} .mr50 {margin-right: 50px;} .mr60 {margin-right: 60px;} .mr70 {margin-right: 70px;}
.mtn5 {margin-top: -5px;}

.pt5 {padding-top: 5px;} .pt10 {padding-top: 10px;} .pt15 {padding-top: 15px;} .pt20 {padding-top: 20px;} .pt30 {padding-top: 30px;} .pt40 {padding-top: 40px;} .pt50 {padding-top: 50px;} .pt60 {padding-top: 60px;} .pt70 {padding-top: 70px;}
.pb5 {padding-bottom: 5px;} .pb10 {padding-bottom: 10px;} .pb15 {padding-bottom: 15px;} .pb20 {padding-bottom: 20px;} .pb30 {padding-bottom: 30px;} .pb40 {padding-bottom: 40px;} .pb50 {padding-bottom: 50px;} .pb60 {padding-bottom: 60px;} .pb70 {padding-bottom: 70px;}
.px10 { padding-left: 10px; padding-right: 10px;}
.px15 { padding-left: 15px; padding-right: 15px;}

.p8 {padding: 8px;} .p16 {padding: 16px;} .p24 {padding: 24px;}
.py8 {padding-top: 8px;padding-bottom: 8px;}
.py16 {padding-top: 16px; padding-bottom: 16px;}
.py24 {padding-top: 24px; padding-bottom: 24px;}

.rot45 {transform: rotate(45deg)}

/* Display */
.dn {              display: none; }
.di {              display: inline; }
.db {              display: block; }
.dib {             display: inline-block; }

/* Layout */
.flex {display: flex;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between}
.justify-around {justify-content: space-around}
.items-start    { align-items: flex-start; }
.items-end      { align-items: flex-end; }
.items-center   { align-items: center; }
@media screen and (min-width: 767px) {
	.flex-m {display: flex;}
	.justify-center-m {justify-content: center;}
	.justify-between-m {justify-content: space-between}
	.justify-around-m {justify-content: space-around}
	.items-start-m    { align-items: flex-start; }
	.items-end-m      { align-items: flex-end; }
	.items-center-m   { align-items: center; }
}
@media screen and (min-width: 1004px) {
	.flex-l {display: flex;}
	.justify-center-l {justify-content: center;}
	.justify-between-l {justify-content: space-between}
	.justify-around-l {justify-content: space-around}
	.items-start-l    { align-items: flex-start; }
	.items-end-l      { align-items: flex-end; }
	.items-center-l   { align-items: center; }
}

@media screen and (max-width: 480px) {
	.fullwidth-xs {width: 100%; box-sizing: border-box;}
}

@media screen and (max-width: 767px) {
	.fullwidth-s {width: 100%; box-sizing: border-box;}
	.mb10-xs {margin-bottom: 10px;}
}

/* adding missing bootstrap styles */
.text-danger, .text-error, .color-primary { color: #bd0600; }
.text-bold { font-weight: bold; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.f1 { font-size: 3rem; }
.f2 { font-size: 2.25rem; }
.f3 { font-size: 1.5rem; }
.f4 { font-size: 1.25rem; }
.f5 { font-size: 1rem; }
.f6 { font-size: .875rem; }
.f7 { font-size: .75rem; }

.i         { font-style: italic; }
.fs-normal { font-style: normal; }

.list {         list-style-type: none; }
.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  }

/* Max Width Scale */

.mw1  {  max-width: 1rem; }
.mw2  {  max-width: 2rem; }
.mw3  {  max-width: 4rem; }
.mw4  {  max-width: 8rem; }
.mw5  {  max-width: 16rem; }
.mw6  {  max-width: 32rem; }
.mw7  {  max-width: 48rem; }
.mw8  {  max-width: 64rem; }
.mw9  {  max-width: 96rem; }

/* Max Width String Properties */

.mw-none { max-width: none; }

.o-hidden {overflow: hidden;}

/* Styles for customizing jQuery UI elements */
.ui-widget-overlay {
	opacity: 0.7 !important;
}
.ui-dialog.no-title .ui-dialog-titlebar { /* CAUTION: this renders a popup that can only be closed with JS or navigating out of the page! */
	display: none;
}



.recaptcha-small .g-recaptcha {
	transform: scale(0.84);
	transform-origin: 0 0;
}

.recaptcha-small.for-coupon {
	position: relative;
	left: 51px;
	margin-top: 26px;
}

#cart-icon {
	height: auto;
	margin-right: 10px;
	float: left;
	font-family: "cart-icon";
	width: 1em;
	font-size: 15px;
}

@font-face {
	font-family: 'cart-icon';
	src: url('/web/common3.0/font/icons/cart/cart.eot?99535021');
	src: url('/web/common3.0/font/icons/cart/cart.eot?99535021#iefix') format('embedded-opentype'),
	url('/web/common3.0/font/icons/cart/cart.woff2?99535021') format('woff2'),
	url('/web/common3.0/font/icons/cart/cart.woff?99535021') format('woff'),
	url('/web/common3.0/font/icons/cart/cart.ttf?99535021') format('truetype'),
	url('/web/common3.0/font/icons/cart/cart.svg?99535021#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "cart-icon";
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;

	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-basket:before { content: '\e801'; } /* '' */

.svg-icon {
	width: 1rem;
	height: 1rem;
}
.svg-icon-small {
	width: 0.75rem;
	height: 0.75rem;
}



#cart-success-icon {
	height: 20px;
	width: auto;
	margin-right: 5px;
}

#updated-cart-msg {
	font-weight: bold;
}

#upsell-items-container {
	background: rgba(0,0,0,0.05);
	margin-top: 0.5rem;
}

#customers-who-ordered-msg {
	margin: 0 0 0.5rem 0;
	font-weight: bold;
}

#added-to-cart-upsell-items {
	display: flex;
}

#added-to-cart-container {
	margin-top: 10px;
	margin-bottom: 10px;
	display: none;
}

#added-to-cart-container > * {
	padding: 12px;
}

#added-to-cart-right {
	margin-top: 8px;
	text-align: center;
	display: flex;
}
#added-to-cart-right a {
	width: 100%;
	margin-bottom: 0.5rem;
}

.added-to-cart-title {
	padding: 8px 12px;
}
.added-to-cart-title svg {
	width: 14px;
	height: 14px;
	margin-right: 4px;
	position: relative;
	top: 2px;
	fill: #3a87ad;
}

.cart-upsell-item-img {
	width: 55px;
	height: 55px;
	background-size: cover;
	background-position: center;
	border-radius: 5px;
}

.added-to-cart-upsell-item-container {
	display: flex;
	flex-basis: 100%;
	margin-right: 15px;
}

.cart-upsell-item-info {
	margin-left: 5px;
}

.cart-upsell-item-info p, h5 {
	margin: 0;
}

.cart-upsell-item-info h5 {
	color: #bd0600;
	font-weight: bold;
	position: relative;
	bottom: 3px;
}

.upsell-item-price {
	font-size: 11px;
	position: relative;
	bottom: 3px;
	color: #848484;
}

.order-blocked-error {
	color: #bd0600;
	font-size: 22px;
	margin-top: 20px;
}

.restaurant-title {
	color: #222555;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	margin: 0px;
}

#category_grid_container {
	display: grid;
	grid-template-columns: repeat(3, minmax(150px, 1fr));
	display: -ms-grid;
	-ms-grid-columns: 1fr 1fr 1fr;
	justify-items: center;
}

@media (max-width: 500px) {
	#category_grid_container {
		grid-template-columns: repeat(2, minmax(150px, 1fr));
	}
}

#category_grid_container .category_image_container, .grey-box {
	height: 100px;
}

#category_grid_container .category_image_container {
	background-size: cover;
	background-position: center;
	margin-bottom: 0.25rem;
	border-radius: 4px;
}

#category_grid_container .category_grid_item {
	padding: 1rem 0.5rem;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}
#category_grid_container .category_grid_item a {
	display: block;	
}

#category_grid_container .grey-box {
	background-color:rgba(0,0,0,0.1);
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#category_grid_container .no-image-title {
	color: white;
	font-weight: bold;
}

.widget.contact a,
.location-info a
{
	color: #bd0600;
	font-weight: bold;
}

@media (min-width: 320px) {
	#category_column_wrapper #menu_column_1 {
		width: 47%;
		float: left;
		padding-right: 8px;
		border-right: 1px solid #e5e5e5;
	}
	#category_column_wrapper #menu_column_2 {
		width: 47%;
		float: right;
	}
	#category_column_wrapper .menu_image {
		text-align: center;
		margin-bottom: 9px;
	}
	#category_column_wrapper .menuitems li.item.fullrow .r {
		width: 100%;
	}
}
@media (max-width: 767px) {
	.contentcontainer .contentandcart.contentandcart-category .content {
		width: 95%;
		padding: 1%;
	}
	#category_column_wrapper #menu_column_1 {
		width: 100%;
		float: left;
		padding-right: 8px;
		border-right: 1px solid #e5e5e5;
	}
	#category_column_wrapper #menu_column_2 {
		width: 100%;
		float: right;
	}

}

.contentandcart-category-closed a.btn.order { background-image: none; }
@media (min-width: 300px) { .contentandcart-category-closed  a.btn.order { padding: 4px 6px; } }
@media (min-width: 767px) { .contentandcart-category-closed  a.btn.order { padding: 0 6px; } }

#menuItemForm .row-without-dotted {
	background: none !important;
}

#menuItemForm .variations {
	background-position: bottom center !important;
	padding-top: 0px !important;
}

#menuItemForm .variations  p {
	margin-bottom: 0px;
}

#menuItemForm .headingwithoptions {
	margin-bottom: 0px !important;
}

#user-registration-form #password {
	padding-right: 20px;
}

#street_address {
	width: 290px;
}

#tip-calculator-dd {
	width: 85%;
}

.hours .hours-label {
	color: #595959;
}

.option .r fieldset legend {
	display: none;
}

@media (max-width: 417px) {
	.orderconfirmation-appBanner #android-app-logo {
		margin-top: 10px;
		right: 15px;
	}
}

a.a-default {
	font-weight: bold;
}

.alert {
	border: none;
	background: #FFEBB8;
	border-radius: 6px;
	color: rgba(0,0,0,0.75);
	margin-bottom: 0.5rem;
	text-shadow: none;
	padding: 0.75rem 1rem;
	font-size: 1em;
}

.alert-error, .alert-danger {
	background: rgba(211, 29, 25, 0.2);
}
.alert-info {
	background: rgba(60, 170, 220, 0.3);
}
.alert-success {
	background: rgba(85, 220, 110, 0.3);
}

.alert, .alert h4 {
	color: rgba(0,0,0,0.75)
}
.alert-error h4, .alert-danger h4 {
	color: rgba(111, 29, 25, 0.9);
}

.alert .danger {
	color: #d31d19;
}

.groupofoptions fieldset legend {
	font-size: 1.15em;
	text-transform: uppercase;
	color: #525252;
	font-weight: bold;
	border-bottom: 0;
	margin: .5em 0;
}

.heading4 {
	color: #525252;
	font-size: 1em;
	margin: .5em 0;
	display: block;
	font-weight: bold;
}

.item .headingwithoptions .heading4 label {
	font-weight: bold;
}

#content-cart-container {
	position: relative;
}

#item_special_instructions {
	width: 50%;
	height: 50px;
}

#item-quantity-label {
	margin-top: 0px;
}

textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-color: rgba(0,0,0,0.3);
	box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
textarea:hover, select:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover {
	border-color: rgba(0,0,0,0.6);
}

.addon-option .l label {
	display: block;
	margin-block-start: 1.33em;
	margin-block-end: 1.33em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
	font-size: 1em;
	margin: .5em 0;
	color: #525252;
}

.container {
	display: inline-block;
	cursor: pointer;
}

@media (max-width: 767px) {

	#top-logo {
		display: none;
	}
}


#nav_main_select {
	display: none;
}

@media (min-width: 767px) {
	#mobile-menu-container, #mobile-menu {
		display: none;
	}
}

#mobile-menu-logo-container {
	width: auto;
	text-align: center;
}

#mobile-menu-logo {
	object-fit: cover;
	max-height: 44px;
}

.btn {
	font-weight: bold;
}

#checkout-side-btn {
	padding: 10px 18px;
}

@media (max-width: 767px) {
	#search-btn-header {
		padding: 3px 12px;
	}

	.contentcontainer .leftaside {
		background-color: #F5F5F5;
	}

	body {
		background-image: none !important;
	}
}


#quantity {
	margin-left: 0px;
}

#subtotal-quantity {
	font-size: 1.20em;
}


@media (max-width: 500px) {

	.rightaside .cart, .rightaside .upsells, .rightaside .contact, .rightaside #social, .rightaside .pmt-icons, .rightaside #appBanner  {
		width: 90%;
	}

	.footer {
		padding: 15px 5%;
	}

}

#restaurant-name-container {
	flex: 3;
	letter-spacing: -0.5px;
	font-size: 14px;
	max-height: 54px;
	overflow-y: hidden;
	font-weight: bold;
	text-align: left;
}


.popover_box {
	display: none;
	opacity: 100;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	box-shadow: 0 12px 24px 0 rgb(80 46 36 / 8%);
	padding: 15px 25px;
	position: fixed;
	z-index: 100;
	margin-top: 18px;
	transition: all 0.2s ease-in;
}
.popover_box .arrow {
	display: block;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-right: none;
	border-bottom: none;
	box-shadow: 0 12px 24px 0 rgb(80 46 36 / 8%);
	border-radius: 4px;
	position: absolute;
	left: 25px;
	top: -10px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(
		45deg
	);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(
		45deg
	);
	z-index: 40;
}

.checkout_checkbox {
	float:left;
	margin-right: 10px;
}

.checkout_special_instructions .btn-addinstructions {
	background: #b32323;
	color: white;
	padding: 12px 24px;
	border-radius: 4px;
	text-decoration: none;
	font-weight: 500;
	font-family: "Rubik",sans-serif;
}
.checkout_special_instructions .btn-addinstructions.collapsed.collapsed {
	background: #eee;
	color: #301d17 !important;
}
.checkout_special_instructions .btn-addinstructions {
	background: #b32323;
	color: white !important;
	padding: 12px 24px;
	border-radius: 4px;
	text-decoration: none;
	font-weight: 500;
	font-family: "Rubik",sans-serif;
}
.checkout_special_instructions .btn-addinstructions i {
	margin-right: 4px;
	transition: 0.2s all ease-in-out;
	transform: rotateZ(
		135deg
	);
}
.checkout_special_instructions .btn-addinstructions.collapsed i {
	transform: rotateZ(
		0deg
	);
}

.checkout_special_instructions .special_instructions{
	margin-top: 20px;
}

.ui-dialog-btn-confirm-payment,
.ui-dialog-btn-cancel-payment {
	width: 100%;
}

.ui-dialog.ui-dialog-confirm-payment .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none;
}

.ui-dialog-confirm-payment .ui-dialog-titlebar-close {
	color: transparent;
}

.payment_option_note {
	font-weight: bold;
	font-size: 0.8em;
}
.payment_option_confirm_name {
	display: none;
}
.ui-dialog-confirm-payment .payment_option_confirm_name {
	display: inline-block;
}
.ui-dialog-confirm-payment .payment_option_note, .ui-dialog-confirm-payment .payment_option_cc_note {
	display: none;
}

.ui-dialog-no-close .ui-dialog-titlebar-close {
	display: none;
}

.page-checkout .ui-widget-overlay {
	z-index: 99999; /* show over modals / blockUi */
}
.page-checkout  .ui-dialog, .ui-front {
	z-index: 99999;
}

.add_new_card_modal_submit {
	position: absolute;
	bottom: 73px;
	background: white;
	width: 100%;
	text-align: right;
	padding-top: 10px;
	margin-left: -15px;
	box-shadow: 0px -1px 2px 0px #a5a5a5;
}

.add_new_card_modal_submit .control-group {
	margin-bottom: 10px;
}

.add_new_card_modal_submit input {
	margin-right: 10px;
}

.add_new_card_modal {
	display: none;
}

.add_new_card_modal.in .modal-dialog {
	height: 100%;
}
.add_new_card_modal .modal-content {
	height: 100%;
}
.add_new_card_modal .modal-body {
	height: 100%;
	max-height: none !important;
}
.add_new_card_modal .ajax-creditcards {
	overflow-y: scroll;
	height: 83%;
}

.modal.add_new_card_modal.fade.in {
	height: 80%;
	top: 10%;
}

@media (max-width: 767px) {
	.modal.add_new_card_modal.fade.in {
		top: 3px;
		height: 100%;
	}

	.add_new_card_modal {
		height: 99%;
		top: 0;
	}
	.add_new_card_modal_submit {
		text-align: center;
	}
}

body .ui-tooltip {
	background: white;
	opacity: 1;
}