/*=======================================
 	MUNCHFOOD CSS
========================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, blockquote { list-style:none; margin:0; padding:0; border:0; font-size:100%; }

html { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:100%; margin:0; padding:0; }
*, *:before, *:after { -webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit; }

body { background:rgb(30,30,30); color:#676767; font:normal 16px/1.5 'Montserrat', sans-serif; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; width:100%; }
body.overflow, body.show-cart { overflow:hidden; }

a { border:none; color:#aa0e0f; font-weight:700; text-decoration:none; transition:all 0.15s ease-in-out; }
a:hover { color:#191919; }

.lnk { align-items:center; display:flex; font-size:14px; }
.lnk span { font-size:14px; padding-left:5px; }

ul, li { display:inline-block; list-style-type:none; }
p { display:inline-block; height:auto; padding:0 0 15px 0; width:100%; }
td, td font, font { color:#676767; vertical-align:middle; }
b, b font, b i { color:#191919; font-style:normal; }

/* framework */
.flex { display:flex; }
.container { margin:0 auto; padding:0 15px; position:relative; max-width:1366px; width:100%; }
.img-fluid { max-width:100%; width:100%; }
.no-padding { padding:0; }
.no-padding-left { padding-left:0; }
.no-padding-right { padding-right:0; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.flex-center { align-items:center; justify-content:center; }

/* inputs */
input[type="text"], input[type="password"], input[type="number"], input[type="tel"], select, textarea { background:#FFF; border:1px solid #CCC; border-radius:.25rem; color:#191919; display:inline; font:14px 'Montserrat', Helvetica, Arial, sans-serif; height:auto; min-height:40px; padding:8px 10px; margin:3px 0; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
input[type="text"]:hover, input[type="password"]:hover, input[type="number"]:hover, input[type="tel"]:hover, textarea:hover, select:hover { border-color:rgba(0,0,0,0.4); }
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus, select:focus { border-color:#86b7fe; outline:0; box-shadow:0 0 0 .25rem rgba(13,110,253,.25); }
select { line-height:40px; height:40px; padding:10px; }

/* checkboxes / radios */
input[type="checkbox"], input[type="radio"] { background-repeat:none; background-position:center; background-size:contain; border:1px solid rgba(0,0,0,0.25); border-radius:.25em; -webkit-appearance:none; appearance:none; color-adjust:exact; font-size:16px; height:1em; margin:0 .25em; width:1em; vertical-align:middle; }
input[type="checkbox"]:checked, input[type="radio"]:checked, input[type="date"]:checked  { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); background-color:#0d6efd; border-color:#0d6efd; }
input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="date"]:focus {border-color: #86b7fe; outline:0; box-shadow:0 0 0 .25rem rgba(13,110,253,.25); }

input[type="radio"] { border-radius:50%; }
input[type="radio"]:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); }

/* headlines */
h1, h2, h3, h4, h5, h6, .fnsz14, .fnsz18 { color:#191919; font-weight:700; line-height:1em; margin-bottom:1rem; }
h1, .fnsz14, .fnsz18 { font-size:26px; }
h2 { font-size:24px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:11px; }
h6 { font-size:10px; }
.fnsz14, .fnsz18, .fnsz14 font, .fnsz18 font { color:#191919; text-align:left; }

/* buttons */
button { background:none; border:none; cursor:pointer; margin:0; padding:0; }
.btn, .paynow, .cancel { background:#aa0e0f; border-radius:.25rem; color:#FFF; display:inline-block; font-size:14px; font-weight:700; height:auto; line-height:1em; margin:0; position:relative; padding:15px 20px; text-align:center; transition:all 0.15s ease-in-out; width:auto; }
.btn:hover, .paynow:hover, .cancel:hover { background:#191919; border-color:#191919; color:#FFF; text-decoration:none; }
.btn-grey, .btn-smooth-cancel { background:#e8e8e8; color:#191919; }
.btn-white { background:#FFF; color:#191919; }
.btn-icon { padding-left:30px; }
.btn-darkblue { background:#1e1f2c; }
.btn-ubereats { background:#5fb709; }
.btn-doordash { background:#ff3008; }

.btn > .material-icons { font-size:18px; position:absolute; top:50%; left:8px; transform: translateY(-50%); }


/* skip main content */
.skip-link { background:#FFF; box-shadow:0 2px 4px rgba(0,0,0,0.75); padding:5px 15px; position:fixed; top:0px; left:10px; transition:transform .2s ease-out; transform:translateY(-200%); z-index:9999; }
.skip-link:hover { text-decoration:underline; }
.skip-link:focus, .skip-link:active { transform:translateY(0%); }


/*=======================================
 	BODY
========================================*/


/*=======================================
 	HEADER
========================================*/
#header { background:#FFF; height:60px; position:fixed; top:0; left:0; transition:all 0.3s ease-in-out; width:100%; z-index:6; }
#header-bar, .nav-header, .cart-header, .menu-header { align-items:center; height:60px; padding:0 5px; }

/* nav toggle buttons */
#nav-close, #nav-open, #cart-close, #nav-back, #menu-close { align-items:center; border-radius:40px; display:flex; height:40px; justify-content:center; transition:background-color 0.15s ease-in-out; width:40px; }
#nav-close:hover, #nav-open:hover, #cart-close:hover, #nav-back:hover, #menu-close:hover { background:rgba(0,0,0,0.05); }
#nav-back a { color:#191919; }

/* brand */
#logo { display:flex; margin:0 auto; position:absolute; left:0; right:0; width:90px; }
#logo img { align-self:flex-start; }
.phone-sale { border-right:1px solid #DDD; display:none; padding:0 30px 0 15px; margin-right:15px; }

/* header controls */
.header-bar-controls { align-items:center; display:flex; justify-content: center; margin-left:auto; }
.header-bar-controls a { color:#191919; display:flex; padding:15px 10px; position:relative; }
.header-bar-controls a:hover { background:rgba(0,0,0,0.035); }

/* user account */
.user-account, .user-group-order { display:flex; margin:0 0 0 15px; }
.user-account .nav-login i, .user-group-order .nav-group-order i { margin-right:5px; }
.user-account .nav-login span, .user-group-order { display:none; }


/*=======================================
 	NAVIGATION
========================================*/
#nav-main { box-shadow:0 -1px 24px rgba(0,0,0,0.4); overflow:auto; position:fixed; top:0; left:-340px; transition:transform 500ms cubic-bezier(1,0,0,1); z-index:9; max-width:100%; }
.nav-container { background:#FFF; height:100vh; width:320px; }
.nav-header, .nav-group, .menu-header { background:#FFF; display:flex; }
.nav-header, .menu-header { padding:0 5px; }
.nav-group { border-bottom:10px solid #F4F4F4; flex-direction:column; }

.nav-group > ul { flex-direction:column; }
.nav-group > ul li { border-bottom:1px solid rgba(0,0,0,0.15); } 
.nav-group > ul li a { color:#191919; display:flex; flex-direction:row; padding:15px 20px; position:relative; }
.nav-group > ul li a .material-icons { position:absolute; top:50%; right:20px; transform:translateY(-50%); }
.nav-group > ul li a:hover { background:rgba(0,0,0,0.035); }

.nav-group.account > ul li a { flex-direction:column; } 
.nav-group.account > ul li a span:first-child { color:#6d6d6d; font-size:0.75em; font-weight:400; } 

.nav-group.store { padding:20px; }
.store-address, .store-actions { margin-bottom:2rem; }
.store-address, .store-address td, .store-address td font, .store-address font, .hours { font-size:14px; }
.store-actions > a { margin-right:10px; }
.store-address { display:flex; flex-direction:column; }


.hours { display:flex; flex-direction:column; }

.nav-show #nav-main { transform:translateX(340px); }



/*=======================================
 	CART 
========================================*/
#cartIframe1 { display:block; height:50px; margin:0; width:50px; overflow:hidden; }
#cartIframe2 { background:#FFF; height:100vh; width:100%; max-width:100%; }
#cartIframe3 { display:none; height:50px; margin:0; width:50px; }

#cart-button { align-items:center; color:#191919; display:flex; font-size:14px; font-weight:700; height:50px; justify-content:center; width:50px; overflow:hidden; }
#cart-button span.cart-items { background:#aa0e0f; border-radius:50%; color:#FFF; display:flex; justify-content:center; align-items:center; height:26px; position:absolute; top:2px; right:0; width:26px; } 
#cart-button:hover span.cart-items{ background:#d10e0f; }

#cart-container { background:#F6F6F6; display:flex; flex-direction:column; min-height:-webkit-fill-available; min-height:100vh; height:100vh; position:fixed; top:0px; bottom:0; right:0; width:100%; transition:transform 500ms cubic-bezier(1,0,0,1); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); transform:translateX(100%); z-index:8; }
.show-cart #cart-container { -webkit-transform:translateX(0px); -moz-transform:translateX(0px); transform:translateX(0px); }

#cart { display:flex; flex-direction:column; width:100%; height:100vh; max-width:100%; z-index:9999; }
.cart-header { background:#FFF; display:flex; height:60px; }
.mobile .cart-header { display:flex; }

#cart-details { background:#FFF; border-top:1px solid #DDD; border-bottom:1px solid #DDD; color:#191919; display:flex; flex-direction:column; padding:20px; }
.mobile #cart-details { border-top:none; }

.cart-store { display:flex; flex-direction:row; }
.cart-store b { padding-left:5px; }

.cart-order-type { display:flex; margin-top:20px; width:auto; }
.order-type { background:rgba(0,0,0,0.05); color:#191919; font-size:14px; display:flex; font-weight:400; justify-content: center; margin:0 5px; padding:6px; position:relative; width:100%; }
.order-type:first-child { margin-left:0; }
.order-type:last-child { margin-right:0; }
.order-type.active, .order-type:hover { font-weight:700; }
.order-type.active::after { background:#aa0e0f; content:""; display:block; height:3px; position:absolute; top:100%; left:0; width:100%; }

#cart-body .display-order-type { background-color:#f9e5e2; display:flex; flex-flow:row wrap; justify-content:center; margin-bottom:15px; padding:15px; text-align:center; width:auto; }
#cart-body .display-order-type, #cart-body .display-order-type b { color:#191919; }
#cart-body .display-order-type::before { content:"This order is for"; padding-right:3px; }
#cart-body .display-type-takeout::after { content:"You'll' need to pick up this order from the restaurant."; flex-grow:1; font-weight:400; padding:5px 0 0; }

#cart-checkout.btn { align-items:center; display:flex; float:left; justify-content: space-between; margin-top:10px; padding:15px; text-align:left; text-transform:uppercase; }
#cart-checkout.btn:hover { background:#d10e0f; }


#cart-body { overflow-y:auto; }

#cart-body { background:#FFF; font-size:14px; height:calc(100% - 200px); padding:20px; position:relative; overflow-y:auto; z-index:9; width:100%; }
#cart-body table tr td[width="75%"] { padding-left:22px; }
#cart-body table tr td[width="15%"] { color:#aa0e0f; }
#cart-body table tr td[width="10%"] { text-align:center; }
#cart-body a { color:#222; display:inline-block; font-size:14px; font-weight:600; padding:8px 0; }
#cart-body a:hover { color:#aa0e0f; }
#cart-body hr { background-color:#DDD; border:none; color:#DDD; height:1px; margin:10px 0; }
#cart-body .cart-delete-item { align-items:center; border-radius:50%; color:#767676; display:flex; height:24px; justify-content:center; position:absolute; top:50%; left:-7px; transform:translateY(-50%); width:24px; transition:background-color 0.15s ease-in-out; }
#cart-body .cart-delete-item:hover { background:rgba(0,0,0,0.05); color:#555; }
#cart-body .cart-delete-item span { font-size:14px; }
#cart-body b { color:#191919; font-weight:600; }
#cart-body table table tr:first-child b { color:#676767; font-size:12px; font-weight:400; }
#cart-body td { color:#191919; line-height:1em; font-weight:600; position:relative; }
#cart-body i { color:#676767; font-size:12px; font-style:normal; font-weight:400; }
#cart-body table tr td[width="75%"] > i { display:inline-block; padding:0 0 5px; }
#cart-body .itm_noedit { color:#222; font-size:14px; font-weight:600; line-height:2.1em; }
#cart-body a.btn-get-started { display:none; padding-top:14px; padding-bottom:14px; }
#cart-body a.btn-get-started:hover { background:#191919; color:#FFF; }

#empty-cart { display:flex; padding:20px 5px; flex-direction:column; }
#empty-cart p { color:#787878; font-size:18px; padding:20px 10%; line-height:1.25em; font-weight:700; }
#empty-cart i { color:#787878; font-size:60px; padding:15px 0 0; }
 
/* combo group */
#cart-body .crtvword_combo_header_tr { display:inline-block; padding:10px 0; }
#cart-body .crtvword_combo_header_tr b { color:#aa0e0f; }
/* #cart-body .combo-options { display:none !important; }  */
#cart-body .crtvword_combo_table b { display:block; font-size:12px; font-style:italic; padding:5px 0; }

#cart-body td[id^="grouporderitemset"] b { padding-left:21px; }

#page-details .crtvword_combo_header_tr { background:#191919;}
#page-details .crtvword_combo_header_tr td b { color:#FFF; }
#page-details .crtvword_combo_table { background:#F8F8F8; }

/*=======================================
 	CONTENT
========================================*/
#main { background:#eff0f3; margin-top:60px; padding:15px 0; text-align:left; }
.intro #main { padding:0; }
#content {  }
#content > .container { display:flex; flex-direction:column; }
#content.wide, #footer.wide { display:flex; flex-direction:column; width:100% !important; }

#main-body { display:flex; flex-direction:column; margin:0 auto; width:100%; }

.notify { background:#fff3cd; border:1px solid #ffecb5; border-radius:5px; color:#664d03; display:inline-block; font-weight:400; padding:20px; margin:20px 0; position:relative; width:100%; }
.notify b, .notify h3 { color:#664d03; }

.notify.demo-gmap-address { line-height:1.5; margin:0; }

/*=======================================
 	MENU 
========================================*/
#aside { background:rgba(0,0,0,0.65); display:flex; height:100vh; position:fixed; top:0; left:0; visibility:hidden; padding:20px; width:100%; z-index:999; }
#menu { align-self:flex-start; background:#FFF; border-radius:.5rem; box-shadow:0 0 20px rgba(0,0,0,0.5); display:flex; height:auto; opacity:0; flex-direction:column; transform:translateY(50%); transition:transform 300ms cubic-bezier(1, 0, 0, 1) 0ms; width:100%; }
.menu-header { align-items:center; border-bottom:1px solid rgba(0,0,0,0.15); background:#FFF; border-radius:.5rem .5rem 0 0; display:flex; flex-direction:row; justify-content:flex-start; overflow:hidden; position:relative; }
.menu-header h2 { font-size:20px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

.menu-list { border-top:10px solid #F4F4F4; }
.menu-list table tbody tr:nth-child(even) { display:none; }
.menulist_menu_name_link { border-bottom:1px solid rgba(0,0,0,0.15); display:block; font-weight:400; padding:15px;  }
.menulist_menu_name_link b { }
.menulist_menu_name_link:hover { background:rgba(0,0,0,0.035); }
.menulist_menu_name_link:hover b, .menulist_menu_name_link.active b { color:#aa0e0f; font-weight:700; }
.menulist_menu_name_link:hover b { color:#191919; }

#menu-open { background:#FFF; border:1px solid rgba(0,0,0,0.15); border-radius:5px; color:#191919; display:flex; justify-content: center; padding:12px; width:100%; }

.menu-show { overflow: hidden; }
.menu-show #aside { visibility: visible; }
.menu-show #aside #menu { opacity:1; transform:translateY(0); }


/*=======================================
 	MENU ITEMS 
========================================*/
#menu-items { padding:40px 0; text-align:left; }
#menu-items, #menu-items form { display:flex; flex-direction:column; width:100%; }
#menu-items .fnsz14 {  }
#menu-items .fnsz14 font, #menu-items .fnsz18 font { display:block; margin-bottom:1rem; }
#menu-items .fnsz18 { position:relative; margin:0 0 25px; }
#menu-items .fnsz14 font { margin:2rem 0; }
#menu-items td { text-align:left; }

.menu-item-list { display:flex; flex-flow:row wrap; justify-content:flex-start; margin:0; width:auto; }
.menu-item { background:#FFF; border-radius:5px; display:flex; flex-basis:100%; flex-flow:column nowrap; float:left; margin:10px 0; overflow:visible; padding:0 0 20px 0; position:relative; width:100%; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.item-img { border-radius:3px 3px 0 0; display:flex; flex-shrink:0; justify-content:center; }
.item-img a { align-self:flex-start; display:flex; flex-shrink:0; width:100%; }
.item-img img { align-self:flex-start; flex-shrink:0; max-width:100%; width:100%; }

.item-info { display:flex; flex-direction:column; text-align:left; }
.item-name { display:block; margin:20px 0 10px 0; padding:0 20px; }
.item-name a { color:#191919; font-size:16px; font-weight:700; }
.item-name a:hover { color:#aa0e0f; }
.item-price { display:none; }
.item-description { display:block; font-size:14px; padding:0 20px 30px; width:100%; }
.item-description .cals { color:#191919; display:block; font-weight:700; margin-top:1rem; }
.item-button { display:flex; height:auto; margin:auto 0 5px; width:100%; }
.item-button a { display:block; padding:12px; margin:0 20px; }
.item-button a:hover { background:#aa0e0f; }

/* quick order */
.qord { display:flex; flex-wrap:wrap; float:left; height:auto; margin-top:auto; padding:0 15px; width:100%; }
.qord span.qord_nav, .qord span.qord_cust { display:inline-block; float:left; width:100%; }
.qord span.qord_cust { padding:0 5px; }
.qord span.qord_se, .qord span.qord_in { color:#191919; display:inline-block; font-size:13px; font-weight:700; padding:0 5px; }
.qord span.qord_se { flex-grow:1; width:75%; }
.qord.no-qty span.qord_se { width:100%; }
.qord span.qord_in { max-width:25%; }
.qord span.qord_in input { }
.qord span.qord_se select, .qord span.qord_in input { height:40px; width:100%; } 
.qord span.qord_cust select { display:inline-block; float:right; height:40px; width:100%; }
.qord input, .qord select { font-size:14px; width:100%; }

.qord span.qord_nav { display:flex !important; flex-basis:100%; flex-direction:row-reverse; margin:10px 0 0; }
.qord a.qord_add, .qord a.qord_cst, .qord a.qord_csth { align-items:center; border-radius:5px; color:#FFF; display:flex; font-size:14px; font-weight:700; flex-grow:1; justify-content:center; line-height:1em; margin:5px; padding:12px 5px; text-align:center; }
.qord a.qord_add { background:#aa0e0f; }
.qord a.qord_cst, .qord a.qord_csth { background:#EEE; color:#191919; }
.qord a.qord_add:hover, .qord a.qord_cst:hover, .qord a.qord_csth:hover, a.ord_cst:hover, a.ord_csth:hover, a.ord_cst:hover, a.ord_csth:hover  { background:#d10e0f; color:#FFF; text-decoration:none; }
.qord a.qord_cst:hover, .qord a.qord_csth:hover { background:#f2f2f2; color:#191919; }
a.ord_cst, a.ord_csth { float:none; flex-grow:1; }

/* qord no quantity */
.qord.no-qty span.qord_in { display:none; }

#menu-items .qord_nav_w { background:#FFF; color:#aa0e0f; font-size:14px; font-weight:700; padding:15px 10px; position:absolute; bottom:20px; left:0; right:0; text-align:center; width:100%; }
#menu-items .qord_nav_w::after { animation:dots 1s steps(5, end) infinite; content:" ."; }

.menu-item:hover .qord, .menu-item:hover .item-button { opacity:1; }

/* disbabled dropdown */
.qord_size[disabled="disabled"] { /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}

@keyframes dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  40% {
    color: #aa0e0f;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0); }
  60% {
    text-shadow:
      .25em 0 0 #aa0e0f,
      .5em 0 0 rgba(0,0,0,0); }
  80%, 100% {
    text-shadow:
      .25em 0 0 #aa0e0f,
      .5em 0 0 #aa0e0f; }
}


/* store notification messages/closure messages */
#menu-items td center, .error-message, #nav_warn, #store_pay_msg, .crtpay-warn, .crtpay-msg, #page-details.contact-info td[colspan="2"][align="center"] font[color="#DDDDDD"], .crtpay-warn::before { background:#f8d7da; border:1px solid #f5c6cb; color:#721c24; display:inline-block; font-weight:700; padding:20px; margin:20px 0; position:relative; width:100%; }
#menu-items td center font { display:inline-block; }
#menu-items td center font b, #page-details .error-message b, #nav_warn, #nav_warn b, #page-details.contact-info td[colspan="2"][align="center"] font[color="#DDDDDD"] b { color:#721c24; display:inline-block; font-size:14px; font-weight:700; text-align:left; width:100%; }

/* authnet payment */
.crtpay-warn { margin:0; visibility: hidden; }
.crtpay-warn, .crtpay-warn b, .crtpay-warn::before { font-weight:400; text-align:center; }
.crtpay-warn b { color:#721c24; font-weight:700; display:block; }
.crtpay-warn b:first-child { font-weight:400; display:none; }
.crtpay-provider { text-align:center; }
.crtpay-provider, .crtpay-provider a { font-size:14px !important; }
.crtpay-provider a { color:#aa0e0f !important; }

.crtpay-msg { background:#fff3cd; border:1px solid #ffecb5; color:#664d03; font-weight:400; text-align:center; }
.crtpay-msg b, .crtpay-msg strong { color:#664d03; font-weight:700; }
.crtpay-msg strong:not(first-child) { padding-left:10px; }
.crtpay-msg b { display:block; }

.crtpay-warn::before { content:"For Demo Use Only. Not a real transaction. DO NOT USE your personal credit card."; visibility:visible; margin:0; }


/*=======================================
 	ITEM CUSTOMIZE
========================================*/
#page-details .breadcrumbs { display:none; margin:-1rem 0 2rem; }
#page-details .breadcrumbs a { align-items:center; color:#191919; display:flex; font-size:13px; font-weight:400; }
#page-details .breadcrumbs a span { font-size:16px; }
#page-details .breadcrumbs a:hover { color:#aa0e0f; }


/*=======================================
 	PAGE DETAILS
========================================*/
#page-details { background:#FFF; line-height:2; padding:15px; margin:0px auto 0; max-width:860px; width:100%; }
#page-details.cartpaypage { margin-bottom:100px; }

#page-details form { width:100%; }
#page-details .fnsz14, #page-details .fnsz14 font { color:#191919; font-size:22px; font-weight:700; line-height:1em; padding:10px 0; }
#page-details td { vertical-align:middle; }
#page-details td[height="1"], #page-details td[height="2"] { line-height:0; }
#page-details td[height="1"] img, #page-details td[height="2"] img { display:none; }

/* item details */
.crtctmitm_item_img { display:none; margin-bottom:1rem; max-width:100%; }
.crtctmitm_item_desc { font-size:1em; margin:1rem 0 2rem; }
.crtctmitm_item_desc font { font-size:1em; }

#page-details img[title="Cancel"] { margin-top:40px; }

#page-details > div[style="margin:5px; color:#DDDDDD; "] { line-height:1.5; }
#page-details > div[style="margin:5px; color:#DDDDDD; "] a { background:#aa0e0f; border-radius:.25rem; color:#FFF; display:inline-block; font-size:14px; font-weight:700; height:auto; line-height:1em; margin:0; position:relative; padding:14px 20px; text-align:center; width:auto; } 
#page-details > div[style="margin:5px; color:#DDDDDD; "] ol { background:#f8d7da; border:1px solid #f5c6cb; color:#721c24; display:inline-block; font-weight:700; padding:15px; margin:10px 0 20px !important; position:relative; width:100%; }

/* item instructinos */
.instruction { margin-top:1rem; }
textarea[name="olynt"], textarea[name^="mcccomment"] { width:100%; }

/* order review */
#page-details tr[valign="middle"] > td:nth-child(2) > font[color="#676767"]:first-child { color:#191919; font-size:16px; font-weight:700; }
#page-details a { color:#aa0e0f; font-size:16px; line-height:1em; font-weight:700; }
#page-details a:hover { color:#191919; }
#page-details form[name="crtordlfrm"] a {color:#191919; }
#page-details form[name="crtordlfrm"] a:hover { color:#aa0e0f; }

#page-details form[name="crtordlfrm"] td font[color="#676767"] a { font-size:16px !important; }

/* expired session */
#notifyExpiredSessionDiv blockquote { display:inline-block; float:left; padding:30px 5%; text-align:center; width:100%; }
#page-details blockquote p, #page-details blockquote p font { color:#191919; }
#page-details blockquote p font { color:#191919; font-size:30px; font-weight:700; text-transform:uppercase; }
#page-details blockquote p font.fnsz14 { color:#191919; }
#page-details blockquote p font a, #page-details blockquote p a, #page-details blockquote em { color:#aa0e0f !important; font-size:16px; } 
#page-details blockquote p font a:hover, #page-details blockquote p a:hover { text-decoration:underline; } 

/* pay buttons */
#page-details .subpay { display:flex; flex-direction:column-reverse; }
#page-details a.paynow, #page-details a.cancel { font-size:14px; font-weight:700; margin:2px 0; width:100%; }
#page-details a.paynow, #page-details a.cancel { color:#FFF; } 
#page-details a.cancel { background:#EEE; color:#191919; }

/* order details */
.item-edit { line-height:1em; text-align:left; }
.item-edit a { display:block; margin:2px 0; }
.item-edit img[width="1"] { display:none; }

/* coupons */
#addCouponButtonSpan { display:block; text-align:center; }
#addCouponButtonSpan a { position:relative; top:14px; width:auto; }

#page-details td[colspan="2"][align="center"] { line-height:1.5; }
#page-details td[colspan="2"][align="center"] font[color="#DDDDDD"] { color:#aa0e0f; display:inline-block; font-size:14px; margin-top:-30px; text-transform: capitalize !important; text-align:left; } 
#page-details tr[valign="middle"] > td:nth-child(2) > font[color="#676767"] b { font-weight:700; }

#addCouponDialog1Span, #addCouponDialog2Span { display:block; margin:-30px 0 -15px; }
#addCouponDialog1Span a, #addCouponDialog2Span a { background:#aa0e0f; border-radius:.25rem; color:#FFF !important; display:inline-block; font-size:14px; font-weight:700; height:auto; line-height:1em; margin:0; position:relative; padding:15px 20px; text-align:center; transition:all 0.15s ease-in-out; width:100%; }

/* coupon errors */
#page-details .crtvword_prmdesc { background-color:#f8d7da; border:1px solid #f5c6cb; color:#721c24; margin-top:10px; padding:15px; }
#page-details #crtrecall_notfound {background-color:#f8d7da; border:1px solid #f5c6cb; padding:20px; display:block; }
#page-details #crtrecall_notfound font { color:#721c24; font-weight:700; }
#page-details .crtvword_prmdesc b { color:#721c24; display:block; }

/* contact info page */
#page-details.contact-info td[colspan="2"][height="20"][align="center"]  { position:relative; }
#page-details.contact-info td[colspan="2"][height="20"][align="center"] img[alt="Attention"] { position:absolute; left:15px; top:35px; z-index:1; }
#page-details.contact-info td[colspan="2"][align="center"] font[color="#DDDDDD"] { margin:0; padding:20px 20px 20px 45px }

/* cart pay page */
#crtpay_id { text-align:center; }

/* receipt page */
 #page-details .fnsz14 font b,  #page-details .fnsz14 b font { color:#191919; font-weight:700; }

/* minimum requirement */
#page-details form[name="chkfrm"] table table table tr:first-child > td > div > b > font { background:#fff3cd; border:1px solid #ffecb5; color:#664d03 !important; padding:15px; }
#page-details form[name="chkfrm"], #page-details form[name="chkfrm"] tr, #page-details form[name="chkfrm"] td, #page-details form[name="chkfrm"] td font { color:#191919; font-weight:700; text-align:left; }
#page-details form[name="chkfrm"] b { display:inline-block; margin:0 0 1rem; }
#page-details form[name="chkfrm"] b font { display:inline-block; color:#191919; text-align:left; }

/* order prep time */
.ordprep { background:#F6F6F6; padding:20px 20px 2rem; }
#orderprep-group { display:flex; flex-direction:column; margin:0 -5px; flex-wrap:wrap; } 
#orderprep-group .btn { align-items:center; background:#FFF; border:1px solid #E5E5E5; color:#191919; display:flex; font-size:14px; font-weight:700; padding:0px; margin:5px; text-align:left; position:relative; width:auto; }
#orderprep-group .btn:hover { background:#F6F6F6; border:1px solid #CCC; }
#orderprep-group .btn.checked { background:#FFF; border:1px solid #CCC; border-radius:5px; color:#aa0e0f; }
#orderprep-group label { cursor:pointer; display:flex; height:100%; flex-direction:column; justify-content:center; flex-grow:1; padding:12px 20px 12px 35px; }
#orderprep-group label em { letter-spacing:1px; text-transform:capitalize; }
#orderprep-group input { margin:0; padding:0; position:absolute; top:50%; left:10px; transform:translateY(-50%); }
#orderprep-group input[id="vnfo1"][checked=""] { }
.ordprep .storeHoursMsg { display:none; }

/* order date/time select */
.ordfrdatelnk { color:#191919; display:block; position:relative; top:auto; right:auto; transform:translateY(0); z-index:2; }
.ordfrdatelnk::after { background:#EEE; border-radius:5px; content:"Change Time/Date"; color:#191919; display:block; padding:12px; font-size:14px; font-weight:700; margin:10px 0 0 0px; text-align:center; }
.ordfrdatelnk:hover::after { background:#191919; color:#FFF; }
.calimg { display:none; }

/* only future time/date */
.ordfrdatelnk.orddate-solo { background:#FFF; border:1px solid #DDD; border-radius:5px; display:inline-block; padding:15px; position:relative; left:auto; top:auto; right:auto; text-align:center; width:100%; }
.ordfrdatelnk.orddate-solo::after { display:inline-block; margin:10px auto 0; width:100%; }


#ordfrdtmsgid { display:block; font-size:14px; padding:10px 10px 5px 0; position:relative; }
.ordfrdatelnk.orddate-solo #ordfrdtmsgid { color:#aa0e0f; }
#ordfrdtmsgid::before { content:"schedule"; font-family:'Material Icons'; -webkit-font-feature-settings:'liga'; }

/* calendar */
.ui-dialog { background:#FFF; border-radius:5px; width:95% !important; position:fixed !important; padding:0; -webkit-box-shadow:0px 5px 10px 5px rgba(0,0,0,0.2); -moz-box-shadow:0px 5px 10px 5px rgba(0,0,0,0.2); box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.2); z-index:9999; }
.ui-resizable-handle {display: none !important;}
#caldv table table {background:#eee;}

.ui-dialog .ui-dialog-content {background: #fff;}
.ui-dialog-titlebar {background: #191919;border-radius: 0;border: solid #eee;border-width: 0px;}
.ui-dialog-titlebar .ui-dialog-title {color:#FFF; font-size: 18px;font-weight: 700;margin:0 0 0 2px;}
.ui-dialog-titlebar .ui-state-hover {border-style: none !important; background: none;}
.ui-dialog-titlebar .ui-dialog-title { color:#191919; padding:.07em 0; }
.ui-dialog .ui-dialog-titlebar-close {background:url("images/x-cal.png") no-repeat #191919; border:none; width: 24px; height:24px; padding:0 !important; margin-top:-12px; right:16px; }
.ui-dialog .ui-dialog-titlebar-close:hover {background:url("images/x-cal.png") no-repeat #191919 !important; opacity: .5;}
.ui-dialog-titlebar .ui-icon {width: 24px; height: 24px; background:url("images/x-cal.png") no-repeat #191919; left:auto; top:0px; }

#caldv .domsel, #caldv .maysel {  }
#caldv select {box-shadow:none; line-height:40px; height:40px; margin: 10px 0;}
#caldv select#Month {width:60%;}
#caldv select#Year {width:38%; float:right;}
#caldv select#Hour, #caldv select#Minute, #caldv select#AMPM {width: 27%;}

#caldv span.dyow { color:#000; font-weight:bold; }
#caldv span[id^="dyomx"] { background:#FFF; border:1px solid #EEE; display:block; height:100%; width:100%; }
#caldv span[id^="dyomx"] a { display:inline-block; font-weight:400 !important; padding:8px 5px; width:100%; }
#caldv span[id^="dyomx"] a:hover { background:#aa0e0f; color:#FFF; }

.ui-dialog-buttonset {background:#F2F2F2; float: none !important;}
.ui-dialog .ui-dialog-buttonpane {margin: 0;background: #fff;padding: 0;text-align: center !important;border-radius: 0;}
.ui-dialog .ui-dialog-buttonset { padding:0 20px; width:100%; }
.ui-dialog .ui-dialog-buttonset .ui-button { border-radius:5px; color: #fff;background: #aa0e0f !important; border: none;font-weight:700; margin: 1rem 0 !important; padding:6px 15px; width:100%; }
.ui-dialog .ui-button:hover {}
.ui-button .ui-button-text { font-family:'Montserrat',sans-serif; font-size: 14px; font-weight: 700; padding:8px 12px; }


/* switch order type */
#page-details .switchorder::before { content:"Currently Ordering For: "; color:#2c2925; display:block; font-weight:700; width:100%; }
#page-details .switchorder { display:flex; flex-wrap:wrap; margin:0 0 30px; position:relative; width:100%; }
#page-details a.btn-switchorder { background:#FFF; border:1px solid #CCC; border-radius:5px; color:#191919; display:inline-block; font-size:14px; font-weight:700; padding:12px 25px 12px 35px; margin:4px 0; position:relative; width:100%; }
#page-details a.btn-switchorder:hover { background:#F6F6F6; border:1px solid #CCC; color:#191919 !important; }

#page-details a.btn-switchorder::before { background:#FFF; border-radius:50%; border:1px solid rgba(0,0,0,0.75); content:""; height:14px; position:absolute; top:50%; left:10px; transform:translateY(-50%); width:14px; }
#page-details .btn-switchorder.btn-switchorder-current { background:#FFF; border:1px solid #CCC; color:#aa0e0f; cursor:default; }
#page-details .btn-switchorder.btn-switchorder-current::before { background:#FFF; border-radius:50%; border:4px solid #0d6efd;  content:""; height:14px; position:absolute; top:50%; left:10px; transform:translateY(-50%); width:14px; }

/* delivery address */
#page-details .order-review tr[valign="middle"][align="center"] td[colspan="5"][align="center"] { padding:20px 0 0; text-align:center; }


/* tips */
.addTipTr { text-align:center; }
#page-details .addtip-amount { display:flex; flex-flow:row wrap; justify-content:flex-end; float:right; margin:20px -50px 20px auto; padding:0; text-align:right; width:100%; }
#page-details .addtip-amount b:first-child { display:inline-block; text-align:right; width:100%; }
#page-details .addtip-btn, #page-details .addtip-custom-btn { align-items:center; border-radius:.25rem; display:inline-block; font-size:14px; font-weight:700; line-height:1em; padding:12px 15px; text-align:center; width:auto; }
#page-details .addtip-btn { background:#EEE; color:#191919; display:flex; float:left; justify-content:center; margin:0 1%; }
#page-details .addtip-btn:hover { background:#191919; color:#FFF !important; text-decoration:none; }
#page-details .addtip-custom { align-items:center; color:#191919; display:flex; float:right; font-weight:700; justify-content:center; margin:10px 0 0; position:relative; }
#page-details .addtip-custom-btn { background:#aa0e0f; border-radius:.25rem; color:#FFF !important; position:relative; }
input[name="vntipamnt"] { background:#FFF; flex-grow:1; height:auto; margin:0 10px; }
#page-details .addTipTr td:first-child { display:none; }

/* Half & Half Modal Popup */
.TabbedPanelsContent table:first-child { border-collapse:collapse; }
.TabbedPanelsContent tr.mod-row { border-bottom:1px solid #DDD; }
.TabbedPanelsContent tr.mod-row > td { padding:4px 0; }
.TabbedPanelsContent.TabbedPanelsContentVisible table tr.mod-row tbody tr:first-child td[nowrap=""] { padding:0 !important; }

#page-details a[data-mccmordlnk] { color:#676767; font-weight:400; padding:5px 0; }

.circle-select { border:2px solid #aa0e0f; height:16px; width:16px; }
.circle-select.circle-whole:before { background:#aa0e0f; }

/* left half circle */
.circle-select.circle-left::before { 
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(right,  #ffffff 0%, #ffffff 50%, #aa0e0f 50%, #aa0e0f 100%); 
  background: -webkit-linear-gradient(right,  #ffffff 0%,#ffffff 50%,#aa0e0f 50%,#aa0e0f 100%); 
  background: linear-gradient(to left,  #ffffff 0%,#ffffff 50%,#aa0e0f 50%,#aa0e0f 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#aa0e0f',GradientType=0 ); 
}

/* right half circle */
.circle-select.circle-right::before { 
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 50%, #aa0e0f 50%, #aa0e0f 100%); 
  background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 50%,#aa0e0f 50%,#aa0e0f 100%); 
  background: linear-gradient(to right,  #ffffff 0%,#ffffff 50%,#aa0e0f 50%,#aa0e0f 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#aa0e0f',GradientType=0 ); 
}

.hhord-modal-header .hhord-modal-modifier { color:#191919; font-size:18px; }
.hhord-icon { top:1px; }
.hhord-selection-text { font-weight:700; height:auto; }


button.hhord-modal-apply, button.hhord-modal-remove { border-radius:0.25rem; font-size:14px; font-family:'Montserrat',sans-serif; font-weight:700; padding:10px 15px; line-height:1.5; }
button.hhord-modal-apply { background:#aa0e0f; }
button.hhord-modal-remove { background:#EEE; color:#191919; margin-right:15px; }

tr[data-collapsiblemcc] { border-bottom:1px solid #DDD; }

#page-details .mod-row td font { display:inline-block; line-height:1.5; }

 /*=======================================
 	COMBOMAKER v2.0
========================================*/
.combomaker { display:flex; flex-direction:column; margin:0 -15px; text-align:left; }
.combomaker-info { display:flex; flex-direction:column; flex-wrap:wrap; padding:0 15px; }
.combomaker-name { border:none; color:#191919; font:700 24px 'Montserrat', sans-serif; flex-grow:1; margin:0; text-align:left; width:100%; }
.combomaker-desc { color:#191919; font-size:18px; flex-grow:1; order:2; padding:10px 0; text-align:left; }
.combomaker-img { display:flex; padding:10px 0; order:3; width:100%; }
.combomaker-img img { align-self:flex-start; border-radius:5px; max-width:100%; width:100%; }

.combo-group { display:flex; flex-wrap:wrap; padding:30px 0; text-align:left; justify-content:flex-start; width:100%; }
.combo-group-name, .combo-group-desc { color:#191919; text-align:left; padding:0 15px; width:100%; }
.combo-group-name { border:none; color:#191919; font:700 20px 'Montserrat', sans-serif;  }
.combo-group-desc { color:#676767; }

.combo-group-item { display:flex; position:relative; padding:10px 15px; width:100%; }

.combo-item-label { cursor:pointer; display:flex; text-align:left; position:relative; width:100%; }
.combo-item-label:hover .combo-item-info { background:#F6F6F6; }

.combo-item-info { background:#FFF; border:1px solid #E5E5E5; border-radius:5px; cursor:pointer; display:flex; flex-direction:column; justify-content:flex-start; padding:20px 20px 20px 55px; text-align:left; width:100%; }
.combo-item-name { color:#191919; display:block; font:700 16px 'Montserrat',sans-serif; line-height:2em; }
.combo-item-desc { color:#676767; font-size:14px; line-height:1.5em; }
.combo-img img { pointer-events: none; width:100%; max-width:100%; } /*IE 11 fix image click*/
.combo-item-img, .combo-img { display:none; } /*added in description, not actual element */

.combo-item-input { margin:0; position:absolute; top:50%; left:20px; transform:translateY(-50%); z-index:1; }
.combo-item-input:checked ~ .combo-item-info { background:#FFF; border-color:#E5E5E5; color:#676767; }
.combo-item-input:checked ~ .combo-item-info .combo-item-name { color:#191919; }
.combo-item-input:checked ~ .combo-item-info .combo-item-desc { color:#676767; }

.combo-item-inactive { background:#F6F6F6; border:1px solid rgba(0,0,0,0.025); cursor:default; opacity:0.75; }
.combo-item-inactive .combo-name { color:#999; text-decoration:none; }

.combo-item-inactive { cursor:default; opacity:0.65; }
.combo-item-inactive::after { content:"Not Available"; }
.combo-item-inactive:hover .combo-item-name { color:#444; }
.combo-item-inactive:hover::after { background:#EEE; color:#333; }

.combomaker .submit-btn { padding:0 15px; text-align:center; }
.combomaker .submit-btn a { background:#aa0e0f; border-radius:.25rem; display:inline-block; width:auto; padding:12px 20px; font-weight:bold; position:relative; text-align:center; }
.combomaker .submit-btn a::before { content:"Customize Selections"; color:#FFF; }
.combomaker .submit-btn a img { display:none; }
.combomaker .submit-btn a:hover, .combomaker .submit-btn a:hover img { opacity:0.85; }


/*=======================================
 	ACCOUNT LOGIN
========================================*/
#accounts { text-align:left; margin:0 auto; width:100%; max-width:500px; }
.account-box { background:#FFF; padding:20px; margin:0 auto; max-width:520px; width:100%; }

/* Login */
#signon-wrap { background:#FFF; height:auto; margin:0 auto; padding:20px; position:relative; width:100%; max-width:500px; }
#signon-content-wrap { margin:20px 0 0; }
#signon-title-wrap h2 { margin:0 0 15px; }
#signon-title-wrap em { color:#aa0e0f; display:block; font-size:14px; margin-top:1rem; }
#signon_access_nav1 { margin:20px 0 0; }
#signon_access_nav1 table, #signon_access_nav1 tbody, #signon_access_nav1 tr, #signon_access_nav1 td { display:block; text-align:left; }
#signon_access_nav1 #forgotten_pass, #signon_access_nav1 #register_account { display:block; font-size:14px; font-weight:700; margin:10px 0; }
#signon_access_nav1 #register_account { margin-top:1rem; }
#signon_access_nav1 #register_account a { background:#191919; border-radius:.25rem; color:#FFF; display:block; padding:12px; text-align:center; text-transform:capitalize; }
#signon_form td { line-height:1em; text-align:left; }
#signon_form table, #signon_form tbody, #signon_form tr, #signon_form tr td { color:#191919; display:block; font-weight:700; width:100%; }
#signon_form input { margin-bottom:1rem; width:100%; }
#signon_checkoutSpan { display:block; margin:0 0 1rem; }
#signon_checkout table, #signon_checkout tr, #signon_checkout td { width:100%; }
#forgotten_pass a { display:block; font-size:14px; font-weight:400; color:#656565; text-align:center; }
#forgotten_pass a:hover { text-decoration:underline; }
#register_account a { color:#191919; }
#register_account a:hover { color:#aa0e0f; }

/* Guest Checkout */
#signon_guest_checkout { background:#FFF; height:auto; margin:0 auto 1rem; padding:20px; position:relative; width:100%; max-width:500px; }
#signon_guest_checkout table, #signon_guest_checkout tbody, #signon_guest_checkout tr, #signon_guest_checkout td { display:block; line-height:1em; }
#signon_guest_checkout .guest-header p { padding:0 }
#signon_guestCheckoutLinkSpan { display:block; }

#signon_guestCheckoutLinkSpan a { background:#aa0e0f; border-radius:.25rem; display:block; padding:3px 0; text-align:center; width:100%; }
#signon_guestCheckoutLinkSpan a img { display:block; margin:0 auto; }


/* Create Account */
#ureg_form { text-align:left; }
#ureg_form tr { margin:0; padding:0; height:auto; }
#ureg_form tr td { color:#191919; display:block; font-weight:700; margin:0 0 10px; position:relative; }
#ureg_form input, #ureg_form select { padding:10px; width:100%; }
.sttTrgInfo { display:flex; position:absolute; bottom:15px; right:10px; }
#passGauge { background:#FFF; font-size:13px; position:relative; top:2px; z-index:9; }

#ureg_account_created p { margin-top:20px; }

/* Password Recovery */
#uareset_form { margin:15px 0 0; }
#uareset_form td { color:#191919; font-weight:700; position:relative; text-align:left; }
#uareset_form input { width:100%; }
#uareset_form form[name="uaresetfrm"] { margin:15px 0 0; }
#uareset_form form[name="uaresetfrm"] tr:last-child td { text-align:center; }

/* Account Overview */
#signon td { line-height:1em; }
#signon_welcome { text-align:left; }
#signon_welcomeSpan { font-size:30px; line-height:34px; color:#191919; display:block; font-weight:700; margin-bottom:1rem; }
#signon_welcome table, #signon_welcome tbody, #signon_welcome tr, #signon_welcome td, #signon_access_nav2 table, #signon_access_nav2 tbody, #signon_access_nav2 tr, #signon_access_nav2 td { display:block; text-align:center; }
#signon_shopSpan a.btn-ordhistory { background:#EEE; margin:1rem auto; padding:0; }

/* Account Profile */
#act_form { text-align:left; }
#act_form tr { margin:0; padding:0; height:auto; }
#act_form tr td { color:#191919; display:block; font-weight:700; margin:0 0 5px; position:relative; }
#act_form input, #act_form select { width:100%; }

/* Change Password */
#act_pass_change_form { margin:15px 0 0; text-align:left; }
#act_pass_change_form tr { margin:0; padding:0; height:auto; }
#act_pass_change_form td { color:#191919; display:block; font-weight:700; margin:0 0 5px; position:relative; }
#act_pass_change_form input, #act_pass_change_form select { width:100%; }
#act_pass_change_form tr:nth-last-child(2) td { font-size:13px; font-style:italic; font-weight:400; margin:0 0 15px; }
#act_pass_change_success, #act_pass_change_done { display:block; margin:15px 0 0; }

/* Error Messages */
#signon_loginFailedSpan, #ureg_errors, #uareset_errors, #actupdate_errors, #act_pass_change_errors { background:#f8d7da; border:1px solid #f5c6cb; display:block; color:#721c24; font-size:14px; font-weight:700; line-height:1.5em; position:relative; margin:10px 0; padding:15px; text-align:left; }
#ureg_errors ul li, #uareset_errors ul li, #actupdate_errors ul li, #act_pass_change_errors ul li, #signon_loginFailedSpan { font-style:italic; padding:10px 0px; font-weight:normal; }
#signon_loginFailedSpan { margin-bottom:2rem; padding:15px; }
#signon_loginFailedSpan b { color:#721c24; font-size:14px; display:inline-block; margin-bottom:5px; }

/* Saved Payment Options */
#ppinit_payOptions_id { color:#000; width:100%; margin:0 auto; }
#ppinit_payOptions_id b { color: #aa0e0f; display: inline-block; padding-top: 10px }
#ppinit_payOptions_id #nav_warn b { color:#721c24; }
#ppinit_payOptions_id p { display: block; padding: 0; float: none }
#ppinit_payOptions_id input { width:auto !important; }
#ppinit_payOptions_id label { margin-left: 5px; vertical-align: text-bottom }
#ppinit_payTokensList_id { margin-top: 5px; margin-left: 10px; display: block; line-height: 1.5 }
#ppinit_data_id { margin-top: 10px }
#ppinit_data_id td { padding: 2px 0 }
#ppinit_data_id td[nowrap=""] { color:#191919; font-weight:700; }
#ppinit_nav_cancel_id, #ppinit_data_nav_id, #ppinit_tkn_nav_id { border-top: 1px solid #ccc; padding-top: 13px; margin-top: 15px }

#ppinit_payOptions_id input[name="ppageSaveToken"] { margin-left:10px; }

#crtpay_pay_approved_id { padding: 20px }
#crtpay_pay_approved_id b { font-size: 1.2em; padding-top: 5px; display: inline-block }

#crtpay_pay_rejected_id { display:inline-block; background:#FFF; color:#aa0e0f; font-size:14px; font-weight:700; position:relative; margin:0 0 10px; padding:15px 15px 15px 50px; text-align:left; }
#crtpay_pay_rejected_id:before { border-radius:50%; background:#aa0e0f; color:#FFF; content:"!"; font-weight:bold; font-size:18px; line-height:25px; height:25px; position:absolute; top:15px; left:15px; text-align:center; width:25px; }
#crtpay_pay_rejected_id p { color:#FFF; font-size:16px; display:inline-block; margin:20px 0; }

#act_nav_bottom { display:flex; flex-direction:column; margin-top: 20px; }
#act_nav_bottom #act_cancel_act_upd { }
#act_nav_bottom #act_cancel_act_upd:last-child { margin-top:-2.5rem; }
#act_nav_bottom #act_go_act_upd { margin-top:.5rem; order:3; }
#act_nav_bottom a img { display:block; margin:0 auto; }

#ureg_activation { font-size: 1.2em } 
#ureg_login_act_reg, #ureg_activation_continue, #uareset_login, #act_pass_change_done, #act_reset_continue { display: inline-block; margin-top: 10px }
#uareset_login { margin-top:2rem; width:100%; }

#page-details #cancel_pay_tkn_id a img[title="Cancel"], #page-details #cancel_pay_data_id a img[title="Cancel"]{ margin-top:0; }


/* account buttons */
#signon_loginBtnSpan, #ureg_cancel_act_reg, #ureg_create_act_reg, #uareset_cancel, #uareset_reset, #signon_shopSpan, #signon_account, #signoff_account, #act_cancel_act_upd, #act_go_act_upd, #act_pass_change_cancel, #act_pass_change_go, #signon_checkoutSpan { display:block; line-height:1em; margin-top:1rem; text-align:center; }
#signon_loginBtnSpan a, #ureg_create_act_reg a, #uareset_reset a, #act_go_act_upd a, #act_pass_change_go a, #signon_checkoutSpan a, #uareset_login a { background:#aa0e0f; border-radius:.25rem; display:block; width:100%; }
#ureg_cancel_act_reg a, #uareset_cancel a, #signon_account a, #signoff_account a, #act_cancel_act_upd a, #act_pass_change_cancel a { background:#EEE; border-radius:.25rem; display:block; width:100%; }
#signon_shopSpan a { background:#191919; border-radius:.25rem; display:block; width:100%; }

#ureg_cancel_act_reg, #ureg_create_act_reg, #uareset_reset, #act_cancel_act_upd, #act_go_act_upd, #act_pass_change_cancel, #act_pass_change_go { margin:0; }

#uareset_reset, #ureg_create_act_reg, #act_pass_change_go { margin-top:-1rem; }
#uareset_login a { display:block; margin:0 auto; }



/*=======================================
 	ORDER HISTORY
========================================*/
#act_hist_id { margin:0 auto; text-align:center; max-width:500px; width:100%; }
#act_hist_id > table > tbody > tr > td[colspan="4"] { text-align:center; }
#order-history { margin:20px auto; padding:0px; max-width:992px; width:100%; }
#order-history #ord_hist_separator_hr { display:none; }

#order-history td { vertical-align:middle; }
#order-history table { border-collapse: collapse; width:100%; }
#order-history table tr:nth-child(1) { }
#order-history th, #order-history td { padding:10px; }
#order-history th { background:#e54848; color:#000; text-transform:uppercase; }
#order-history th:first-child { border-radius:5px 0 0 0; }
#order-history th:last-child { border-radius:0 5px 0 0; }
#order-history th:nth-child(n+2) { border-left:1px solid rgba(0,0,0,0.2); }

#order-history tr.ord_hist { background:#FFF; display:inline-block; padding:20px; position:relative; width:100%; }
#order-history tr.ord_hist td { background:#EEE; color:#888; text-align:left; }
#order-history tr.ord_hist td:nth-child(1) { font-weight:700; }
#order-history tr.ord_hist td:nth-child(2) { font-style:italic; }
#order-history tr.ord_hist td:nth-child(3) b { text-transform:uppercase; }
#order-history tr.ord_hist td:nth-child(4) { font-weight:700; line-height:40px; }
#order-history tr.ord_hist:hover {  }

#order-history tr.ord_hist.ord_hist_act td { background:none; color:#000; display:block; text-align:center; width:100%; }

#order-history span#ord_hist_itms ul li { display:block; padding:3px 0; }

#order-history h1 { text-align:center; margin:0 0 30px; }
#order-history h1 span { color:#333; font-weight:400 !important; display:inline-block; font-size:16px; text-transform:lowercase; width:100%; }

#order-history .btn.re-order { color:#FFF; display:block; width:100%; }


/*=======================================
 	GROUP ORDERING
========================================*/
#group-order { text-align:center; margin:0 auto; width:100%; max-width:500px; }
.group-order-box { background:#FFF; display:flex; flex-direction:column; padding:20px; margin:0 auto; text-align:left; width:100%; }

#group-order tr td font { color:#191919; }
#group-order td.fnsz14, #group-order td.fnsz14 font, #group-order td.fnsz14 font b { display:block; font-size:24px; font-weight:700; margin:0 0 1rem; text-align:left; }
#group-order td font[color="#676767"] { color:#676767; }
#group-order input, #group-order textarea { margin-bottom:1rem; width:100%; }
#group-order select { padding:10px; }

/* start */
#group-order.group-start td font[color="#676767"] { color:#191919; }
#group-order form[name="hostfrm"] { margin-top:-50px; }
#group-order form[name="hostfrm"] tr, #group-order form[name="hostfrm"] tr td { color:#191919; display:block; font-weight:700; text-align:left; width:100%; }
#group-order form[name="hostfrm"] tr:nth-child(3) td { color:#676767; font-weight:400; }
#group-order form[name="hostfrm"] tr:nth-child(3) td font { color:#676767; }
#group-order form[name="hostfrm"] tr:nth-child(5) { display:none; }
#group-order input[name="textareacount"] { border:none; color:#676767; min-height:auto; padding:0; font-weight:bold; margin-top:-3rem; }
#group-order input[name="inviteExpiresAt_date"] { border:1px solid rgba(0,0,0,0.25); border-radius:.25em; font-size:16px; width:auto; padding:10px;  }

/* add invitees */
#group-order.group-invites td.fnsz14 { margin-top:-50px; }
#group-order.group-invites td[width="20%"], #group-order.group-invites td[width="20%"] + td { font-weight:700; margin-top:1rem; }
#group-order.group-invites td[width="20%"] font[color="#676767"], #group-order.group-invites td[width="20%"] + td font[color="#676767"] { color:#191919; display:block; margin-top:1rem; }
#group-order.group-invites td[colspan="2"][valign="top"][nowrap=""] { font-size:14px; }
#group-order.group-invites p { background: #fff3cd; border-radius: .25rem; border: 1px solid #ffecb5; color:#664d03; display:block; margin:0 0 1rem; padding: 6px 8px; width:100%; }
#group-order.group-invites p font, #group-order.group-invites p font b, #group-order.group-invites td p font[color="#676767"] { color:#664d03; }
#group-order input[name="hostAddInviteeFname"] { margin-right:5px; width:100px; }

/* send invites */
#group-order.send-invites td.fnsz14 { margin-top:-50px; }
#group-order.send-invites td { display:block; width:100%; }
#group-order.send-invites td[valign="top"][nowrap=""] b { display:inline-block; margin-top:1rem; }

/* save order */
#group-order.group-save-order { background:#FFF; line-height:2; padding:15px; margin:0px auto 0; max-width:860px; width:100%; }
#group-order.group-save-order td.fnsz14 { display:inline-block; }

#group-order .groupord-login-required { color:#191919; font-weight:700; margin-bottom:1rem; }
#group-order .groupord-setup-issue { background:#f8d7da; border:1px solid #f5c6cb; color:#721c24; display:inline-block; font-weight:700; padding:20px; margin:20px 0; position:relative; width:100%; }

/*=======================================
 	FOOTER
========================================*/
#footer { background:rgb(30,30,30); padding:60px 0; }
.footer-content { align-items:center; display:flex; flex-direction:column; justify-content: center; text-align:center; }
.footer-content .btn { align-self:center;  margin-top:2rem; }
.footer-content .btn:hover { background:#FFF; color:#191919; }
.footer-content h2 { color:#FFF; }
.copyright { margin-top:2rem; text-align:center; }

#footer .address { display:flex; flex-direction:column; }
#footer .address > table > tbody > tr:last-child { display:none; }
#footer .phone { margin:1rem 0 0; }
#footer .phone a { color:#FFF; font-weight:700; }

/* move top button */
.go-top { align-items:center; background:#191919; border-radius:50%; color:#FFF; display:flex; flex-direction:column; height:50px; justify-content:flex-start; line-height:1em; position:absolute; top:0px; left:50%; transform:translate(-50%,-50%); text-align:center; width:50px; text-transform:uppercase; }
.go-top:hover { color:#FFF; }
.go-top.visible { display:flex; }









/*=======================================
 	 MODALS 
========================================*/
.modal-container { background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.65); display:none; height:100%; overflow:hidden; overflow-y:scroll; padding:0 20px; position:fixed; top:0; left:0; width:100%; z-index:10000; }
.modal-content { align-self:flex-start; background-color:#F2F2F2; border-radius:5px; box-shadow:0 5px 5px rgba(0,0,0,0.2); margin:20px auto; padding:20px; position:relative; text-align:center; transition:all .3s ease-in-out; max-width:700px; }

.modal-content button#modalClose, .modal-contents button#modalClose, button.modal-close { align-items:center; border-radius:40px; display:flex; height:40px; justify-content:center; transition:background-color 0.15s ease-in-out; width:40px; position:absolute; top:10px; right:10px; }
.modal-content button#modalClose:hover, .modal-contents button#modalClose:hover, button.modal-close:hover { background:rgba(0,0,0,0.05); }
button.modal-close { }

.modal-header { padding:35px 0 0; }
.modal-header .modal-title { color:#191919; font-size:20px; text-align:center; }

.modal-body { color:#656565; line-height:1.75em; }

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

.modal-footer { display:flex; flex-direction:column; margin:20px 0 0; }

#upsell-list { display:flex; margin:0 -5px; flex-direction:row; width:auto; }
#upsell-list li { display:flex; flex-direction:row; padding:5px; width:50%; }
#upsell-list li:last-child { display:none; }

.upsell-item { background:#FFF; border-radius:5px; display:flex; flex-grow:1; flex-direction:column; padding:15px; }
.upsell-item img { display:flex; align-self:flex-start; flex-shrink:0; }
.upsell-item h4 { color:#191919; font-size:18px; text-transform:capitalize; }
.upsell-item-info { display:flex; flex-direction:column; flex-grow:1; padding:20px 0 0; }
.upsell-item-info .btn { margin-top:auto; }
.upsell-item-info .btn:hover { background:#d10e0f; }



/*=======================================
 	INTRO
========================================*/

.feature { background:#bfd7eb; display:flex; min-height:440px; overflow:hidden; padding:20px; position:relative; width:100%; }
.feature .container { display:flex; flex-direction: column; }
.feature-content { align-items:center; display:flex; flex-direction:column; height:100%; }
.feature-text { display:flex; flex-direction:column; padding:20px 0; width:100%; }
.feature-text .sub-title { color:#aa0e0f; font-weight:700; padding-left:15px; position:relative; }
.feature-text .sub-title::before { background:#aa0e0f; content:""; display:block; height:2px; position:absolute; left:0; top:50%; transform:translateY(-50%); width:10px; }
.feature-text p { color:#191919; font-weight:400; }
.feature-price { color:#ff0000; font-weight:700; letter-spacing:-1px; font-size:28px; }
.feature-price::before { content:"$"; font-size:.525em; position:relative; top:-10px; }
.feature-text .btn { align-self:flex-start; margin:1rem 0 0; font-size:16px; padding:15px 30px; }
.feature-imgs { display:none; }
.feature-imgs img { }
.feature-imgs-mobile { margin-bottom:-50%; }

.intro-menu { display:flex; flex-direction:column; margin:3rem 0; width:100%; }
.intro-menu-header p { font-size:16px; }

.intro-menu-list { display:flex; flex-flow:row wrap; margin:0 -7.5px; width:auto; }
.intro-menu-list li { display:flex; flex-basis:calc(50% - 15px); margin:7.5px; width:calc(50% - 15px); }
.intro-menu-list li a.intro-menu-item { background:#FFF; border-radius:5px; display:flex; flex-direction:column; justify-content: center; padding:20px; position:relative; overflow:hidden; transition:all 250ms cubic-bezier(1,0,0,1); width:100%; }
.intro-menu-list li a.intro-menu-item .intro-menu-img { transition:all 250ms cubic-bezier(1,0,0,1); flex-shrink:0; max-width:100%; width:100%; }
.intro-menu-list li a.intro-menu-item:hover .intro-menu-img { transform:scale(1.1,1.1); }
.intro-menu-title { color:#191919; margin:1rem 0 0; position:relative; text-align:center;  z-index:1; }

#bro-features { display:flex; flex-direction:column; margin:1rem 0; width:100%; }
.bro-features-list { display:flex; flex-flow:row wrap; margin:0 -7.5px; width:auto; }
.bro-feature { display:flex; flex-basis:100%; margin:7.5px; width:100%; }

.bro-feature-card { background:#FFF; border-radius:5px; display:flex; flex-direction:row; flex-shrink:0; height:100%; justify-content:center; padding:30px 30px 30px 15px; position:relative; overflow:hidden; transition:all 250ms cubic-bezier(1,0,0,1); width:100%; }
.bro-feature-card .card-img { align-items:center; display:flex; flex-shrink:0; justify-content:center; margin-right:15px; max-width:100px; }
.bro-feature-card .card-content { display:flex; flex-direction:column; flex-grow:1; font-size:16px; justify-content:center; }
.bro-feature-card .card-content h3 { font-size:20px; margin-bottom:0.5rem; }

/*=======================================
 	COUPONS
========================================*/
#coupons { margin:20px 0; }
.coupon-details p { color:#191919; font-size:16px; }
.coupon-instructions { background:#f6f6f6; border:2px dashed #000; color:#191919; display:flex; flex-direction:column; }
.coupon-list { display:flex; flex-flow:row wrap; margin:15px 0px; width:auto; }
.coupon-list li { background:#FFF; border-radius:5px; display:flex; flex-direction:column; flex-basis:100%; margin:10px 0; overflow:hidden; padding:20px; position:relative; width:100%; }
.coupon-graphic { align-items:center; display:flex; }
.coupon-img { display:flex; position:relative; width:100%; }
.coupon-img img { align-self:flex-start; display:flex; flex-shrink:0; max-width:100%; width:100%; }
.coupon-txt { color:#191919; display:flex; flex-direction:column; justify-content:center; width:100%; }
.coupon-txt h2 { color:#aa0e0f; }
.coupon-txt h3 { color:#191919; font-size:22px; }
.coupon-txt .coupon-instructions h2 { font-size:26px; margin-bottom:.5rem; }
.coupon-txt .coupon-instructions h3 { color:#191919; font-size:18px; margin-bottom:.5rem; }
.coupon-overview h2 { color:#191919; }
.coupon-code b { color:#191919; }

/* coupon price */
.coupon-price { align-items:center; background:#aa0e0f; border-radius:50%; color:#FFF; display:flex; font-size:40px; font-weight:700; flex-direction:column; height:80px; justify-content:center; position:absolute; top:20px; right:30px; width:80px; }
.coupon-price span::before { content:"$"; font-size:.5em; position:relative; top:-20%; }
.coupon-price.discount { flex-direction:column; line-height:1; }
.coupon-price.discount em { font-size:18px; font-style:normal; text-transform:uppercase; }
.coupon-price.free { font-size:26px; }
.coupon-price.free span::before { display:none; }
.coupon-price.coupon-price-icon span { font-size:46px; }
.coupon-price.coupon-price-icon span::before { display:none; }

/* coupon code */
.coupon-code { display:flex; flex-direction:column; margin:0.5rem 0 0; }
.coupon-code-copy { align-self:flex-start; align-items:center; color:#191919; display:flex; font-size:14px; font-weight:700; justify-content:center; margin-top:.5rem; }
.coupon-code-copy > span { padding:0 20px;}
.coupon-code-copy .copy-text { align-items:center; border-radius:0 5px 5px 0; background:#EEE; color:#191919; display:flex; font-size:16px; justify-content: center; padding:9px 12px; transform: translateX(-102%); }
.coupon-code-copy .copy-text span { font-size:20px; }
.coupon-code-copy .copy-text:hover { background:#191919; color:#FFF; }
.coupon-code-copy .copy-text.btn { align-self:auto; margin:0; }
.coupon-code-copy .copy-text.btn .material-icons { position:relative; top:auto; left:auto; transform:translate(0,0); }

.no-coupon { pointer-events: none; }

/* tooltip */
.tooltip { position:relative; }
.tooltip .tooltiptext { visibility:hidden; width:140px; background-color:#333; color:#fff; text-align:center; border-radius:6px; padding:5px; position:absolute; z-index:1; bottom:125%; left:50%; transform:translateX(-50%);
opacity:0; transition:opacity 0.3s; font-size:14px !important; font-weight:400; }
.tooltip .tooltiptext::after { content:""; position:absolute; top:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:#333 transparent transparent transparent; }
.tooltip:hover .tooltiptext { visibility:visible; opacity:1; }


/*=======================================
 	START PAGE
========================================*/
.feature-start { background:#bfd7eb; /*f6e9d8 f8f6f4*/ display:flex; height:auto; overflow:hidden; padding:20px 0px; position:relative; width:100%; }
#start-page { }
#start-page .intro-menu-header p { font-size:16px; }

#bro-order-options { display:flex; flex-direction:column; margin:1rem 0; width:100%; }
.bro-order-options-list { display:flex; flex-flow:row wrap; margin:0 -7.5px; width:auto; }
.bro-feature .card-content .btn { align-items:center; display:flex; justify-content:center; margin-top:auto; padding:12px 10px; }
.bro-feature .card-content .btn > .material-icons { padding-left:10px; position:relative; left:auto; top:auto; transform: translate(0,0); }

#start-page .container { display:flex; flex-flow:row wrap; }
#start-page #doordashDelivery { display:none; }

.product-menu { background:#FFF; display:flex; height:50px; overflow-x:auto; position:sticky; top:60px; left:0; text-align:center; width:100%; z-index:8; }
.product-list { border-bottom:1px solid rgba(0,0,0,.1); display:flex; flex-flow:row; height:100%; justify-content: center; margin:0 auto; width:100%; transition:all .2s cubic-bezier(.77,0,.175,1); }
.product-list li { display:flex; height:100%; position:relative; }
.product-list li a { align-items:center; color:#555; display:flex; font-size:14px; height:100%; justify-content:center; position:relative; padding:0px 20px; }
.product-list li a::after { background:#aa0e0f; content:""; height:4px; position:absolute; bottom:0; left:0; width:0; transition:all .2s cubic-bezier(.77,0,.175,1); }
.product-list li a:hover { color:#191919; }
.product-list li.active a { color:#191919; }

.btn-product { padding:15px 20px 15px 45px; }
.product-list li a:hover::after, .product-list li.active a::after { width:100%; }

.product-menu.sticky .product-list { border-top:1px solid rgba(0,0,0,.1); }
.product-menu .container, .product-menu.sticky .container { padding:0; max-width:100%; }

.bro-product { border-radius:5px; display:flex; flex-direction:column; flex-shrink:0; height:100%; justify-content:center; margin:0; padding:40px 0px; position:relative; overflow:hidden; transition:all 250ms cubic-bezier(1,0,0,1); width:100%; }
.bro-product:nth-child(odd) { background:#FFF; }
.product-body { display:flex; flex-direction:column; padding:0px; width:100%; }
.product-header { margin-bottom:1rem; }
.product-header h3, .product-text h3 { font-size:26px; }
.product-header p { color:#191919; }

.product-info-list { display:flex; margin:0 0 .5rem; width:100%; }
.product-info-list li { display:flex; flex-grow:1; padding:3px; width:50%; }
.product-info-list li:first-child { padding-left:0; }
.product-info-list li:last-child { padding-right:0; }
.product-info-list li a { align-items: center; background:#EEE; border-radius:5px; color:#191919; display:flex; flex-grow:1; font-size:14px; line-height:1.2; padding:15px 10px 15px 52px; position:relative; }
.product-info-list li a .product-tab-icon { align-items:center; background:#FFF; border-radius:50%; color:#aa0e0f; display:flex; font-size:20px; height:32px; justify-content:center; margin-right:10px; position:absolute; top:50%; left:10px; transform:translateY(-50%); width:32px; }

.product-info-list li.active a, .product-info-list li a:hover { background:#1e1f2c; color:#FFF; }
.product-info-list li.active a .product-tab-icon { background:#FFF; color:#aa0e0f; }

.product-info, .product-base { display:none; margin:0px 0 0; }
.product-info.visible, .product-base { display:flex; flex-direction:column; }
.product-info > div, .product-base > div { width:100%; }

.product-img { border-radius:5px; display:flex; }
.product-img img { align-self:center; border-radius:5px; }
.product-text { color:#191919; display:flex; flex-direction:column; justify-content:center; padding:20px 0; }
.product-text .btn { align-self:flex-start; }
.product-actions { display:flex; flex-direction:column; }
.product-actions .btn:last-child { margin-top:5px; }


/*=======================================
 	GMAP
========================================*/
#delivery-check { line-height:2; margin:0 auto; max-width:860px; width:100%; }
#delivery-check h2 { text-align:left; }
#delivery-check p { display:inline-block; float:left; text-align:left; width:100%; }
#delivery-check p a { color:#000; font-size:1em; }
#delivery-check p a:hover { color:#ee3124; }
#gmap-search { background:#F8F8F8; display:inline; float:left; margin:0; position:relative; width:100%; height:auto; }
#deliverymap td { font-size:12px; }
#address-form { background:#FFF; float:left; font-size:16px; height:auto; margin:0; padding:30px 0 0; text-align:left; width:100%;  }
#address-form em { color:#aa0e0f; display:block; text-align:center; margin:1rem 0 .5rem; }
#address-form form { position:relative; padding-bottom:60px; width:100%; }
#address-form table td { color:#000; font-size:16px; font-weight:700; padding-right:10px; }
#address-form table td strong { color:#aa0e0f; font-size:16px; }
#address-form table td b { color:#aa0e0f; font-size:12px; font-weight:normal; }

#address-form table tr td:nth-child(1) { width:40%; }
#address-form table tr td:nth-child(2) { width:30%; }
#address-form table tr td:nth-child(3) { width:14%; }
#address-form table tr td:nth-child(4) { width:16%; }
#address-form input, #address-form select { width:100%; }
#address-form select[id="adsta_sl"] { margin-top:2px; }
#address-form td a { align-items:center; display:flex; justify-content:center; }

#address-form #map { margin-top:1rem; }

#delivery-check .button-img { margin:0; }
.no-delivery { background:#f8d7da; border:1px solid #f5c6cb; display:block; color:#721c24; font-size:14px; font-weight:400; position:relative; margin:10px 0; padding:15px; text-align:left; }
#address-form table td .no-delivery strong { color:#721c24; display:block; }
.do-deliver { background:#aa0e0f; color:#FFF; display:inline-block; height:auto; margin:20px 0; padding:30px; position:relative; width:100%; }
.do-deliver h4 { color:#FFF; text-align:left; }

.btn-search { position:absolute; bottom:0; left:0; text-align:center; width:100%; }

.delivery-check { background:#FFF; display:flex; flex-direction:column; padding:15px; width:100%; }
.delivery-check:nth-child(2) { margin-top:2rem; }
.btn.switch-tko { background:#101010; color:#FFF !important; display:flex; justify-content: center; align-items:center; }
.btn.switch-tko span { color:#FFF; padding-right:5px; position:relative; top:auto; left:auto; transform: translate(0,0); }
.btn.switch-tko:hover { background:#aa0e0f; color:#FFF !important; opacity: 1; }
.btn.switch-tko:hover span { color:#FFF; }

/*=======================================
 	DELIVERY SERVICES
========================================*/
#delivery-services { align-self:center; display:flex; max-width:860px; }
#delivery-services .delivery-check h2 { text-align:left; }
#delivery-services #orderprep-group { border:none; }

/* header */
.edlv-provider-heading { text-align:left; font-size:16px; padding:0 0 1rem; }
.edlv-provider-heading-title { display:none; }
.edlv-provider-heading-desc { font-size:.925rem; font-style:italic; }
.edlv-provider-heading-logo { margin:10px 0; width:140px; }
.edlv-provider-heading-logo img { max-width:100%; width:100%; }
.edlv-date-time-instructions { text-align:left; }

/* providers select */
#edlvProviders { display:block; float:left; margin:30px 0; width:100%; }
#edlvProviders .form-group { background:#FFF; border-bottom:3px solid rgba(0,0,0,0.1); display:inline-block; float:left; height:250px; margin:0 0.5%; padding:20px; position:relative; width:49%; }
#edlvProviders .form-group input { border:none; cursor:pointer; height:200px; max-width:100%; text-indent:-9999px; width:80%; }
#edlvProviders .form-group label { display:none; }
#edlvProviders .form-group input#DOORDASH { background: url("images/deliveryservices/doordash.png") no-repeat; background-size:contain; background-position:50% 50%; }
#edlvProviders .form-group input#POSTMATES { background: url("images/deliveryservices/postmates.png") no-repeat; background-size:contain; background-position:50% 50%; }
#edlvProviders .form-group input#UBEREATS { background: url("images/deliveryservices/ubereats.png") no-repeat; background-size:contain; background-position:50% 50%; }

/* order prep */
#edlvAddress .ordprep { background:none; padding:0; }

#edlvAddress .form-group-row { display:flex; flex-direction:column; padding:20px 0 0; width:100%; }
#edlvAddress .form-group { text-align:left; margin:0 0 1rem; }
#edlvAddress .form-group label { color:#191919; display:block; font-size:14px; font-weight:700; }
#edlvAddress .form-group input { margin:5px 0 0; width:100%; }
#edlvAddress .form-group b { color:#aa0e0f; font-size:12px; font-weight:normal; }
#edlvAddress .form-group select { margin:5px 0 0; width:100%; }
#edlvAddress .form-group-row a.btn { margin:0 0 1rem; }


#edlvAddress .ordfrdatelnk.orddate-solo { align-items:center; border:2px solid #DDD; display:flex; flex-wrap:wrap; justify-content:center; padding:15px; width:auto; }
#edlvAddress .ordfrdatelnk.orddate-solo #ordfrdtmsgid { padding:0 10px; }

.form-group-row-edlv-address { display:flex; }
.form-group-edlv-address { display:flex; flex-direction:column; flex-grow:1; }

.edlv-address-instructions { margin-top:2rem; padding:40px 0 10px 0; text-align:left; position:relative; }
.edlv-address-instructions::before { background:#F2F2F2; content:""; display:block; height:20px; position:absolute; top:0; left:-50px; width:calc(100% + 100px); }

#delivery-services .delivery-check { margin-bottom:2rem; }
#delivery-services .delivery-check i { color:#aa0e0f; display:none; font-weight:normal; font-size:14px; text-align:left; }

/* delivery buttons */
.delivery-check a.btn-edlv-change-address { align-self:center; }
.delivery-check a.btn-edlv-cancel { background:#EEE; color:#191919; }
.delivery-check a.btn-edlv-cancel:hover { background:#191919; border-color:#191919; color:#FFF; }
.delivery-check a.btn-edlv-change-address, .btn-edlv-switch-type { background:#191919; border-color:#191919; margin:0 5px; }
.delivery-check a.btn-edlv-change-address:hover, .btn-edlv-switch-type:hover { background:#aa0e0f; border-color:#aa0e0f; }
.btn-edlv-switch-type { display:none; }

/* delivery error messages */
#notify3rdPartyErrorMessage { display:flex; flex-flow:row wrap; justify-content:center; }
#notify3rdPartyErrorMessage p { text-align:center; }
#notify3rdPartyErrorMessage a.btn-edlv-cancel { align-self:center; background:#191919; border-color:#191919; color:#FFF; }
#notify3rdPartyErrorMessage a.btn-edlv-cancel:hover { background:#aa0e0f; border-color:#aa0e0f; }

/* delivery success response */
#edlvSuccess { margin:0 0 20px 0; }
#edlvSuccess .edlv-quote-message { color:#000; font-size:16px; font-weight:700; text-transform:uppercase; }
#edlvSuccess ul, #edlvSuccess li { list-style-type:none; text-align:left;}

.list-group { display:flex; flex-direction:column; margin:0 auto; width:100%; }
.list-group-item { background:#fff; border:1px solid rgba(0,0,0,.125); display:flex; flex-direction:column; font-size:1em; margin-bottom:-1px; padding:.75rem 1.25rem; position:relative; width:100%; }
.list-group-item.edlv-details-provider { background:#aa0e0f; border-color:#aa0e0f; color:#FFF; }
.list-group-item b { color:#000; font-size:16px; }
.list-group-item:first-child b { color:#FFF; }

.edlv-disclaimer { display:block; float:left; text-align:center; margin:20px 0 0; width:100%; }
.edlv-disclaimer p span { font-style:italic; }
.edlv-disclaimer p a span { font-style:normal; }

.edlv-cart-provider, .edlv-cart-estimated-delivery-time { border:1px solid rgba(0,0,0,.125); color:#191919; font-weight:700; padding:8px 15px; }
.edlv-cart-provider { background:#aa0e0f; border-color:#aa0e0f; color:#FFF; font-size:1em; }
.edlv-cart-provider b { color:#FFF; font-weight:700; }
.delivery-check td .edlv-cart-provider b { color:#FFF; }
.delivery-check .edlv-cart-estimated-delivery-time a { font-size:1em; }

#page-details form[name="crtordlfrm"] .edlv-cart-estimated-delivery-time a { color:#aa0e0f; font-size:.825em; }


.error-message { color:#AC1608; }

#page-details .edlv-receipt-refresh { margin:20px 0 0; position:relative; }
#page-details .edlv-receipt-refresh a { color:#aa0e0f; font:700 16px 'Montserrat',sans-serif; display:inline-block; padding:10px 0px; text-decoration:underline; text-transform:capitalize; }
#page-details .edlv-receipt-refresh a:hover { color:#000; }

#page-details .edlv-receipt-success { margin:20px 0 0; position:relative; }
#page-details .edlv-receipt-success a { color:#aa0e0f; font:700 16px 'Montserrat',sans-serif; padding:10px 0px; text-decoration:underline; text-transform:capitalize; }
#page-details .edlv-receipt-success a:hover { color:#000; }
#page-details .edlv-receipt-success b { display:block; margin:20px 0 0; }

#couponwarnondatetime { align-items:center; background:#f8d7da; border:1px solid #f5c6cb; color:#721c24; display:flex; font-size:14px; font-weight:700; padding:10px 15px; position:relative; width:100%; }
#couponwarnondatetime::before { color:#721c24; content:"error_outline"; font-size:24px; font-weight:400; font-family:'Material Icons'; -webkit-font-feature-settings:'liga'; padding-right:10px; }



.delivery-cancel { background:none; }

#demoAddress { display:none; flex-direction:column; }
.demo-address { display:none; }

/*=======================================
 	 GUIDE 
========================================*/
.guide { background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.65); display:block; height:100%; overflow:hidden; padding:0 20px; position:fixed; top:0; left:0; width:100%; z-index:999; }

.enable-guide #aside { z-index: auto; }
.guide-step { position:relative; }

.guidetip { background:#FFF; box-shadow:0 0 30px rgba(0,0,0,0.5); border-radius:5px; color:#191919; display:none; flex-direction:column; padding:5px; pointer-events: auto; position:absolute; right:-10px; top:0px; transform:translate(100%,0); width:320px; z-index:20000; }
.guidetip::after { content:""; position:absolute; top:50%; left:0%; transform: translate(0,-50%); margin-left:-20px; border-width:10px; border-style:solid; border-color:transparent #FFF transparent transparent; }
.guidetip-header { display:flex; font-size:18px; font-weight:700; padding:15px; }
.guidetip-header span { flex-grow:1; }
.guidetip-body { color:#545454; padding:0px 15px; }
.guidetip-footer { align-items: center; color:#545454; display:flex; padding:15px; }
.guide-actions { margin-left:auto; }

.guidetip-visible { background:#FFF !important; border-radius:0 !important; box-shadow:0 0 30px rgba(0,0,0,0.5); pointer-events: none; z-index:20000 !important; transition:none; }
.guidetip-visible .guidetip { display:flex; }
.guide-step-1.guidetip-visible { border:20px solid #FFF; }
.guide-step-1.guidetip-visible .guidetip { right:-30px; }

.guide-close { align-items:center; background:rgba(0,0,0,0.05); border-radius:50%; display:flex; height:28px; justify-content:center; transition:background-color 0.15s ease-in-out; width:28px; }
.guide-close:hover { background:rgba(0,0,0,0.15); }

.num-steps { color:#777; font-size:14px; }

.guidetip.tip-left { left:-10px; right:auto; transform:translate(-100%,0); }
.guidetip.tip-left::after { top:50%; left:auto; right:0%; transform: translate(0,-50%); margin-left:0; margin-right:-20px; border-width:10px; border-style:solid; border-color:transparent transparent transparent #FFF; }

.guidetip.tip-bottom { left:50%; top:115%; transform: translate(-50%,0); }
.guidetip.tip-bottom::after { left:50%; top:auto; transform: translate(-50%,0%); margin-left:0; margin-top:-20px; border-width:10px; border-style:solid; border-color:transparent transparent #FFF transparent; }

.guidetip.tip-top { left:50%; top:-10px; transform: translate(-50%,-100%); }
.guidetip.tip-top::after { left:50%; top:auto; bottom:0; transform: translate(-50%,0%); margin-left:0; margin-top:0px; margin-bottom:-20px; border-width:10px; border-style:solid; border-color:#FFF transparent transparent transparent; }

.guidetip.tip-bottom.mobile-step-3 { right:8px; left:auto; transform:translate(0,0); }
.guidetip.tip-bottom.mobile-step-3::after { left:auto; right:10px; transform: translate(0%,0%); }

#cart-container.guidetip-visible { z-index:1000; }

.guidetip-visible .guidetip.step-2 { display:none; }



/*=======================================
 	SMOOTH LOYALTY
========================================*/
.smooth-loyalty, .smooth-loyalty-header, .smooth-loyalty-form, .smooth-rewards-lookup, .smooth-join-rewards, .loyalty-form-group { color:#111; display:flex; flex-direction:column; text-align:left; width:auto; }
.smooth-loyalty { background:#bfd7eb; border-radius:5px; line-height:1.2; margin:0 0 30px; padding:20px; }
.smooth-loyalty-header { flex-shrink:0; align-items:center; justify-content: center; margin:0 0 1em; }
.smooth-loyalty-header .loyalty-logo { font-weight:700; font-size:20px; line-height:1; width:100%; max-width:180px; padding:10px 0; position:relative; }
.smooth-loyalty-header .loyalty-logo img { max-width:100%; width:100%; }
.smooth-loyalty .modal-body { line-height:1.5; }

.smooth-join-rewards { margin:5px 0 0; }
.rewards-divider { display:flex; justify-content: center; position:relative; text-align:center; width:100%; }
.rewards-divider span { background:#FFF; color:#111; display:flex; font-weight:600; padding:5px 10px; position:relative; z-index:1; }
.rewards-divider span::before { content:"Not A Member?"; }
.rewards-divider::before { background:rgba(0,0,0,0.5); content:""; display:block; height:1px; position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); width:100%; z-index:0; }
.btn-join-rewards { align-items:center; display:flex; justify-content:center; margin:5px 0 0; }
.btn-join-rewards span, .menureview .verify-rewards a span { font-size:16px; margin-left:5px; }
.verify-rewards a, .menureview .verify-rewards a { color:#222; display:flex; justify-content: center; font-size:13px; font-weight:400; margin:15px 0 0; text-decoration: none; opacity:0.8; }
.verify-rewards a:hover, .menureview .verify-rewards a:hover { color:#222; opacity:1; }
.verify-rewards a span, .menureview .verify-rewards a span { font-size:14px; }

.smooth-loyalty-form p { text-align:center; }
.smooth-loyalty-form a.btn { color:#FFF !important; font-size:14px !important; padding:13px 20px; }
.smooth-loyalty-form a.btn.btn-smooth-cancel { color:#191919 !important; }
.smooth-loyalty-form a.btn.btn-smooth-cancel:hover { color:#FFF !important; }
.loyalty-form-group label { color:#FFF; font-weight:600; }
.loyalty-form-group input { background:#f6f6f6; color:#111; margin:0 0 10px; }
.loyalty-form-group input:hover, .loyalty-form-group input:focus { background:#f6f6f6; box-shadow:0 2px 2px rgba(0,0,0,.2); color:#111; }
.join-rewards-link { align-items:center; display:none; flex-direction:column; margin:1em 0 0; }
.join-rewards-link span { font-weight:600; }
.join-rewards-link .btn { margin:0; font-size:13px; padding:5px 10px; }
.error-message.error-smooth { font-size:14px; text-align:center; width:100%; box-sizing: border-box; padding:15px; }

#smoothProgress { position: fixed; text-align: center; width: 100%; top: 0; left: 0; display: block; height: 100%; background: rgba(0,0,0,0.7) url('images/loadpay-darkbg.gif') center 180px no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; color: #FFF; font-size: 1.3em; padding-top: 300px; font-weight: 700; z-index:999; }

/* reward links */
.reward-content { margin:15px 0; width:100%; }
.reward-content.reward-content-hidden { display:none; }

#page-details .smooth-loyalty .reward a.lnk { align-items:center; color:#be0a0b; display:flex; padding:15px 15px; }

#page-details .smooth-loyalty .reward-card-list .reward.reward-collect { background:rgba(0,0,0,0.05); padding:0 10px 2px; }
#page-details .smooth-loyalty .reward-card-list .reward.reward-collect:first-child { border-radius:8px 8px 0 0; padding-top:10px; }
#page-details .smooth-loyalty .reward-card-list .reward.reward-collect:last-child { padding-bottom:10px; }
#page-details .smooth-loyalty .reward-card-list .reward.reward-collect.reward-collect-points { border-radius:0 0 8px 8px; padding:10px; }

#page-details .smooth-loyalty .reward.reward-collect a.lnk { background:#FFF; border-radius:0.25rem; color:#111; font-size:14px; font-weight:400; height:auto; text-align:left; text-decoration: none; transition:none; }
#page-details .smooth-loyalty .reward.reward-collect a.lnk::after { content: "navigate_next"; font-family: "Material Icons"; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; margin-left:auto; padding-left:10px; font-size:24px; }
#page-details .smooth-loyalty .reward.reward-collect a.lnk:hover { background:#aa0e0f; color:#FFF; }
#page-details .smooth-loyalty .reward.reward-collect a.lnk:hover::after { color:#FFF; }
#page-details .smooth-loyalty .reward.reward-collect span { display:none; }

.smooth-phone-number, .smooth-email { box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.25); display:flex; margin:0 1px 5px; padding: 10px; background:#eee; border:1px solid #999; border-radius: 5px; color:#676767; flex-grow:1; position:relative; }
.smooth-phone-number::after, .smooth-email::after { content:"lock"; font-family:"Material Icons"; position:absolute; top:50%; right:15px; transform:translateY(-50%); }

.smooth-loyalty .reward-points { align-items:center; background:#bfd7eb; border-radius:.25rem; color: #191919; display:flex; font-weight:700; padding:15px; position:relative; text-align:left; }
.smooth-loyalty .reward-points b { background:#aa0e0f; border-radius:0.25rem; color: #FFF; display:flex; padding:3px 10px; width:auto; margin-left:auto; }
.reward-points-info { border-top:1px solid rgba(255,255,255,0.2); background:#111; border-radius:0 0 .25rem .25rem; display:flex; margin-top:-2px; position:relative; z-index:1; }
.reward-points-used, .reward-points-balance { align-items:center; color:#FFF; display:flex; font-size:13px; justify-content: center; padding:5px 10px; text-align:center; width:50%; box-sizing: border-box; }

.reward-list-header-msg { color:#E93737; display:flex; font-size:16px; justify-content:center; margin:15px 0; }
.reward-list-footer-msg { display:flex; justify-content: center; font-size:13px; font-style:italic; padding:15px 0; border-bottom:2px solid rgba(0,0,0,0.1); }

#smoothRewardsButton .btn-coupons-list { display:none; }
#popUpMessage p { font-size:14px; text-align:left; }

#couponListContainerSMTH .modal-content { background:#FFF; box-sizing:border-box; width:calc(100% - 20px); line-height:1.5; max-width:540px; }
#couponListContainerSMTH .modal-header button.modal-close { font-size:24px; padding:8px 13px; }
#couponListContainerSMTH .modal-header .modal-title { color:#191919; font-size:1.4em; text-align:left; padding-right:35px; text-transform:capitalize; }
#couponListContainerSMTH .modal-control input { color:#000; margin:5px 0; }
#couponListContainerSMTH .modal-control input:focus { background:#FFF; color:#000; }
#couponListContainerSMTH .modal-header { padding:0;}
#couponListContainerSMTH .modal-footer { display:flex; flex-direction:column; }
#submitRewardsQuery, #rewardsQueryCancel, #searchNewSmoothAct { margin:1em 0 0; }
#searchNewSmoothAct[style="display: block;"] { display:flex !important; justify-content:center; }



/*=======================================
 	MEDIA QUERIES
========================================*/

/* Extra Small */
@media (min-width:480px){

    #addCouponButtonSpan { display:inline-block; text-align:left; }
    #page-details a.btn-switchorder { margin:4px 10px 4px 0; width:auto; }
    
}

/* Small */
@media (min-width:768px){
	
    /* menu items */
	.menu-item-list { margin:0 -15px; }
	.menu-item { flex-basis:calc(50% - 30px); margin:15px; width:calc(50% - 30px); }
    
    /* tip */
	#page-details .addtip-amount { margin-right:-50px; padding:0px; text-align:right; justify-content:flex-end; }
    #page-details .addtip-amount b:first-child { align-items:center; display:flex; width:auto; padding-right:10px; }
	#page-details .addtip-custom { display:inline-block; float:none; margin-top:0; padding-left:20px; width:auto;}
	#page-details .addtip-btn { align-items:center; float:none; flex-grow:0; font-size:14px; margin:0 0.5%; padding:5px 15px; width:auto; }
	#page-details .addtip-custom-btn { font-size:14px; height:auto; padding:13px 15px; }
	input[name="vntipamnt"] { }
	
    /* pay buttons */
	#page-details .subpay { display:inline-block; }
	#page-details a.paynow, #page-details a.cancel { margin:4px; width:auto; }
	
    /* modal */
	.modal-container { background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.65); display:none; height:100%; overflow:hidden; position:fixed; top:0; left:0; width:100%; z-index:9999; }
	.modal-content { background-color:#F7F7F7; border-radius:8px; box-shadow:0 5px 5px rgba(0,0,0,0.2); margin:10% auto; max-height:calc(100vh - 20%); overflow:auto; padding:40px; max-width:700px; }
    
    .modal-content button#modalClose, .modal-contents button#modalClose, button.modal-close  { top:15px; left:auto; right:15px; }
	.modal-body .btn { width:auto; }
    .modal-header { padding:25px 0 0; }

	#upsell-list { margin:0 -15px; flex-direction:row; width:auto; }
	#upsell-list li { display:flex; flex-direction:column; padding:15px; width:33.3334%; }
    #upsell-list li:last-child { display:flex; }
	
	.upsell-item img { display:flex; }
	.modal-header .modal-title { font-size:28px; }
    
    /* intro */
    .feature { padding:0 0 20px 20px; }
    .feature-content { justify-content:center; }
    .feature-imgs { display:block; }
    .feature-imgs-mobile { display:none; }
    
    .bro-feature { display:flex; flex-basis:calc(33.3334% - 15px); margin:7.5px; width:calc(33.3334% - 15px); }
    .bro-feature-card { align-self:flex-start; flex-direction:column; justify-content:flex-start; padding:40px; }
    .bro-feature-card .card-img { margin:0 auto; max-width:260px; }
    .bro-feature-card .card-content { margin:2rem 0 0; justify-content: flex-start; }
    .bro-feature-card .card-content .lnk { margin-top:auto; }

    /* start page */
    .feature-start .feature-imgs { display:none; }
    
    
    
}

/* Medium */
@media (min-width:992px){
    
    body.show-cart { overflow:auto; }
    
    /* global */
    h1, .fnsz14, .fnsz18 { font-size:40px; }
    h2 { font-size:30px; }

    /* header */
    #header, #header-bar { height:80px; }
    #header-bar { padding:0 40px; }
    
    /* brand */
    #logo { margin:0 20px 0 0; position:relative; left:auto; right:auto; width:110px; }
    .phone-sale { display:flex; }

    
    /* navigation */
    #nav-open { display:none; }
    
    .nav-group { border:none; }
    .nav-group, .nav-group.menu > ul { flex-direction:row; }
    .nav-group > ul li { border:none; }
    .nav-group > ul li a .material-icons { display:none; }
    .nav-group > ul li a:hover { border-radius:.25rem; }
    /* .nav-group > ul li:last-child { display:none; } */
    
    #nav-back { display:none; }
    
    .user-account .nav-login span, .user-group-order { display:flex; }
    
    /* content */
    #main { display:block; margin-top:80px; padding:20px 0; }
    #content > .container { flex-direction:row; }
    #content.intro > .container { flex-direction:column; max-width:1170px; }
    #content, #footer { max-width:100%; width:calc(100% - 320px); }

    /* aside */
	#aside { background:none; display:flex; height:auto; position:relative; top:auto; left:auto; visibility:visible; padding:20px; width:22.5%; z-index:2; }
    #menu-close { display:none; }
	
    
    /* menu */
	#menu { background:none; box-shadow:none; align-self:flex-start; height:auto; opacity:1; position:sticky; top:120px; left:0; transform: translate(0,0); }
    #menu-open { display:none; }
	
	.menu-header { background:none; border:none; border-radius:0; height:auto; padding:0; }
    .menu-header h2 { font-size:30px; position:relative; top:auto; left:auto; transform:translate(0,0); }
	.menu-list { border:none; padding-left:0; padding-right:0; }
    .menu-list table tbody tr:nth-child(even) { display:none; }
    .menulist_menu_name_link { border-bottom:none; display:block; font-weight:400; padding:10px 0;  }
    .menulist_menu_name_link b { font-weight:400; }
    .menulist_menu_name_link:hover { background:none; }
    .menulist_menu_name_link:hover b, .menulist_menu_name_link.active b { color:#aa0e0f; font-weight:700; }
    .menulist_menu_name_link:hover b { color:#191919; }

    
    /* cart */
    #cartIframe1 { display:none; }
    #cartIframe3 { display:block; margin-left:15px; }
    
    #cartIframe1.cartMobile-intro { display:block; }
    #cartIframe3.cartButton-intro { display:none; }
    
	#cartIframe2, #cart { background:#FFF; height:100%; }
    #cart-container.cart-intro { -webkit-transform:translateX(100%); -moz-transform:translateX(100%); transform:translateX(100%); }
    #cart-container, .show-cart #cart-container.cart-intro { top:80px; max-width:320px; -webkit-transform:translateX(0px); -moz-transform:translateX(0px); transform:translateX(0px); }
	#cart-toggle.cart-btn { display:block; position:fixed; top:64px; right:0px; padding:8px 15px; z-index:10; } 
    .cart-header { display:none; }
    #cart-body { height:calc(100% - 200px); }

    /* menu items */
    #menu-items { padding:0 15px; }
    .menu-item-list { margin:0px; }
    .menu-item { flex-basis:calc(100%); margin:15px 0; width:calc(100%); }
    .item-name a { font-size:18px;  }

    
    /* item customize */
    #page-details .breadcrumbs { display:flex; }
    
    /* page-details */
    #page-details { padding:50px; }
    #page-details .fnsz14, #page-details .fnsz14 font { font-size:26px; }
    #page-details tr[valign="middle"] > td:nth-child(2) > font[color="#676767"] { font-size:16px; }
    #page-details a { font-size:16px;  }

    
    /* order prep time */
    #orderprep-group { border-bottom:1px solid #DDD; flex-flow:row wrap; padding-bottom:2rem; }
	.ordprep { padding:30px 30px 0; }
    .ordprep-option:nth-child(2).checked { min-width:500px; }
	
	/* only future time/date */
	.ordfrdatelnk.orddate-solo { margin-top:-10px; padding:0; position:relative; left:auto; top:auto; right:auto; text-align:center; width:auto; }
	.ordfrdatelnk.orddate-solo::before { margin-right:10px; }
	.ordfrdatelnk.orddate-solo::after { background:none; color:#aa0e0f; display:inline-block; letter-spacing:0; margin:0; width:auto; }
	.ordfrdatelnk.orddate-solo:hover::after { background:#191919; color:#FFF;  }
	
	/* order date/time select */
	.ordfrdatelnk { color:#191919; letter-spacing:1px; margin-left:20px; padding:12px; position:absolute; top:50%; right:-5px; transform:translateY(-50%); z-index:2; }
	
	.ordfrdatelnk::after { background:#EEE; border-radius:0 5px 5px 0; content:"Edit"; color:#191919; display:inline-block; padding:11px 12px; margin:0 3px 0 5px; }
	.ordfrdatelnk:hover::after { background:#aa0e0f; }
	#orderprep-group input[id="vnfo1"][checked=""] { top:50%; }
	.calimg { display:none; }
	
	/* only future time/date */
	.ordfrdatelnk.orddate-solo { margin:0 0 0; }
	.ordfrdatelnk.orddate-solo::after { background:#EEE; border-radius:0 5px 5px 0; content:"Change Date/Time"; color:#191919; display:inline-block; margin:0 0 0 20px; padding:12px; }
	#ordfrdtmsgid { display:inline-block; font-size:14px; padding:5px 0; }
	 
    #ordfrdtmsgid { display:inline-block; padding:5px 10px 0; }
    .ordfrdatelnk.orddate-solo #ordfrdtmsgid { color:#aa0e0f; padding:12px; }
	 
	.ui-dialog { font-size:14px; max-width:380px; }
    
	/* order review */
	.order-review { padding:30px; }
	.order-review tr { }
	
	/* coupon */
	#addcoupons, .coupons { padding:30px; }
	#addcoupons { padding-bottom:1rem; }
	.coupons { padding-top:0; }
	.coupons > font { display:block; }
	#addCouponButtonSpan a, .coupons input { width:auto; }
	.gift-card-added .coupons { padding-bottom:50px; }
    
    /* combomaker */
	.combomaker-name, .combo-group-name  { font-size:40px; }
    .combo-group-name { font-size:30px; }
	.combo-group-item { width:50%; }
    
    /* login */
    #accounts.allow-guest-checkout { display:flex; flex-direction:row-reverse; justify-content:center; max-width:100%; }
    #signon-wrap, .account-box, #signon_guest_checkout { padding:50px; }
    #signon-wrap, #signon_guest_checkout { align-self: flex-start; margin:15px; }
    
    /* group order */
    .group-order-box { padding:50px; }
    #group-order form[name="hostfrm"] td.fnsz14 { font-size:30px; }
    #group-order.group-save-order { padding:50px; }
    
    /* intro */
    .feature { min-height:500px; padding:0 50px; }
    .feature .container { min-height:500px; }
    .feature-content { flex-direction:row; justify-content: flex-start;  }
    .feature-text { padding-right:50px; max-width:45%; }
    .feature-text .sub-title { font-size:24px; padding-left:25px; }
    .feature-text .sub-title::before { width:20px; }
    .feature-title { font-size:42px; margin-bottom:2rem; }
    .feature-text p { font-size:18px; }
    .feature-imgs { position:absolute; top:0; right:0; max-width:55%; }
    .feature-imgs img {  }
    .feature-price { letter-spacing:0px; font-size:40px; }
    .feature-price::before { content:"$"; font-size:.525em; position:relative; top:-10px; }
    
    .intro-menu { margin:6rem 0; }
    .intro-menu-list { margin:0 -15px; }
    .intro-menu-list li { display:flex; flex-basis:calc(25% - 30px); margin:15px; width:calc(25% - 30px); }
    
    .intro-menu-header, .intro-menu-body, #bro-features { padding:0 50px; }
    #bro-order-options { padding:15px; }
    
    .bro-features-list, .bro-order-options-list { margin:0 -20px; }
    .bro-feature { flex-basis:calc(33.3334% - 40px); margin:20px; width:calc(33.3334% - 40px); }
    .bro-feature-card .card-img { padding:0 15px 20px; }
    .bro-feature .card-content .btn { padding:15px 20px; }
    
    
    /* coupons */
    #coupons { margin:20px 0; padding:0 20px; }
    .coupon-details p { font-size:18px; }
    .coupon-list { margin:15px 0px; width:auto; }
    .coupon-list li { flex-direction:row; margin:20px 0; }
    .coupon-list li:nth-child(even) { flex-direction:row-reverse; }
    .coupon-txt { padding:30px; }
    .coupon-txt h3 { font-size:28px; }
    .coupon-txt .btn { align-self:flex-start; margin-top:2rem; }
    .coupon-code { align-items:center; flex-direction:row; margin:1rem 0 0; }
    .coupon-code-copy { margin:0 0 0 10px; }

    
    /* google maps */
    .delivery-check { padding:50px; }
	#address-form form { position:relative; padding-bottom:0px; }
    .switch-tko { align-self:flex-start; }
    
    /* delivery service */
	#edlvAddress #orderprep-group { flex-wrap:nowrap; }
	
	.edlv-date-time-instructions, .edlv-address-instructions { text-align:left; }
	.edlv-address-instructions { padding-top:60px; } 
	#delivery-services .delivery-check i { text-align:left; }

	#edlvAddress .ordfrdatelnk.orddate-solo { border:2px solid #DDD; display:inline-block; margin:0 0 0 -10px; padding:0 10px 0 40px; width:auto; }
	#edlvAddress .ordfrdatelnk.orddate-solo #ordfrdtmsgid { padding:0 10px 0 0; }
	#edlvAddress .ordfrdatelnk.orddate-solo::before { position:absolute; top:50%; left:10px; transform:translateY(-50%); }
	
	#edlvAddress .form-group-row { display:flex; flex-direction:row; padding:20px 0 0; width:100%; }
	#edlvAddress .form-group-row .form-group { margin-right:10px; }
	#edlvAddress .form-group-row a.btn { align-self:flex-end; }

	.list-group-item { flex-direction:row; }
	.list-group-item b { color:#000; font-size:16px; width:40%; }
	
	.delivery-cancel .btn { align-self:center; }
    
    /* start page */
    #start-page { margin:0; }

    .feature-start { padding:40px 50px; }
    .feature-start .feature-imgs { display:block; }
    .feature-start .feature-text { width:50%; max-width:50%; }
    .feature-start .feature-imgs { position:relative; top:auto; right:auto; max-width:50%; }
    
    .product-menu { height:70px; top:80px; }
    .product-menu .container { max-width:1366px; }
    .product-list li a { font-size:16px; padding:0px 30px; }

    .bro-product { padding:120px 50px; }
    .product-info.visible, .product-base { flex-direction:row; }
    .product-info > div, .product-base > div { width:50%; }
    
    .product-info-list li { padding:15px; }
    .product-info-list li a { font-size:18px; padding:25px 15px 25px 95px; }
    .product-info-list li a .product-tab-icon { height:52px; width:52px; }
    .product-info-list li a .product-tab-icon .material-icons { font-size:28px; }

    .product-header h3, .product-text h3 { font-size:46px; }
    .product-header p { font-size:18px; }
    .product-text { padding:50px 0 50px 50px; }
    .product-text p { font-size:18px; }
    .product-actions { flex-direction:row; }
    .product-actions .btn:last-child { margin:0 0 0 10px; }


    .bro-product:nth-child(even) .product-base { flex-direction:row-reverse; }
    .bro-product:nth-child(even) .product-text { padding:50px 50px 50px 0; }
    
    /* guide */
    .mobile-guidetip { display:none !important; }
    .guidetip-visible .guidetip.step-2 { display:flex; }

		/* smooth loyalty */
		.smooth-loyalty { padding:30px; position:relative; } 
    .smooth-loyalty-header { margin:0; padding:0; }
		.smooth-loyalty-header .loyalty-logo::after { background:rgba(0,0,0,0.25); content:""; height:100%; position:absolute; top:0; right:-25px; bottom:0; width:1px; }
    .smooth-rewards-lookup { align-items:center; flex-direction:row;  }
    .smooth-loyalty-form { border-left:1px solid rgba(0,0,0,0); flex-flow:row wrap; justify-content:center; padding-left:20px; }
    .smooth-loyalty-form p { flex-grow:1; width:100%; box-sizing:border-box; }
    .smooth-loyalty-form a { display:flex; box-sizing:border-box; }
    .smooth-join-rewards, .btn-join-rewards { margin:0; }
    .loyalty-form-group { flex-basis:50%; }
    .join-rewards-link { display:flex; }
    .smooth-join-rewards { flex-direction:row; }
    .rewards-divider { width:50px; margin:0 10px; }
    .rewards-divider span { align-items:center; padding:5px; }
    .rewards-divider span::before { content:"Or"; }
    .verify-rewards { position:absolute; bottom:20px; left:20px; width:180px; }
    .verify-rewards a { margin:0; width:100%; }

    #page-details .smooth-loyalty .reward-card-list[style="display: block;"] { background:rgba(0,0,0,0.075); border-radius:0; display:flex !important; flex-flow:row wrap; margin:0 -1%; padding:1%; width:auto; }
    #page-details .smooth-loyalty .reward-card-list .reward.reward-collect { background:none; padding:0; margin:1%; width:48%; }
    #page-details .smooth-loyalty .reward-card-list .reward.reward-collect:first-child { padding:0; }
    #page-details .smooth-loyalty .reward-card-list .reward.reward-collect:last-child { padding:0px; }
    #page-details .smooth-loyalty .reward-card-list, .smooth-loyalty .reward-card-list .reward-collect:not(:last-child) { border:none; border-radius:0px; box-shadow:none; }
    #page-details .smooth-loyalty .reward a.lnk, .smooth-loyalty .reward-card-list .reward-collect:first-child a { border-radius:0.25rem; }
    #page-details .smooth-loyalty .reward-card-list .reward-collect:last-child a { border-radius:0.25rem; }
    #page-details .smooth-loyalty .reward a.lnk { padding:15px 5px 15px 10px; }
    #page-details .smooth-loyalty .reward.reward-collect a.lnk { background:#FFF; }
    #page-details .smooth-loyalty .reward.reward-collect a.lnk:hover { border-color:#6BA43A; }

    #page-details .smooth-loyalty .reward-card-list .reward.reward-collect.reward-collect-points { margin-top:25px; padding:0; position:relative; width:100%; }
    #page-details .smooth-loyalty .reward-card-list .reward.reward-collect.reward-collect-points::before { background:#FFF; content:""; display:block; height:10px; position:absolute; top:-20px; left:-10px; right:-10px; width:auto; }

    .reward-points-used, .reward-points-balance { padding:10px; }
   
    #couponListContainerSMTH .modal-content { margin-top:3%; padding:30px; }
    #couponListContainerSMTH .modal-footer { flex-direction:row-reverse; margin:0 -5px; width:auto; }
    #submitRewardsQuery, #rewardsQueryCancel, #searchNewSmoothAct { align-items:center; display:flex; flex-grow:1; justify-content:center; margin:1em 5px; }

}


/* Large */
@media (min-width:1200px){
    
    .lnk { font-size:16px; }

    /* menu items */
    .menu-item-list { margin:0 -15px; }
	.menu-item { flex-basis:calc(50% - 30px); margin:15px; width:calc(50% - 30px); }
    
	/* order date/time select */
	.ordfrdatelnk { right:-15px; }

	
	/* coupons 
    .coupon-list { margin:15px -15px; }
    .coupon-list li { flex-basis:calc(33.3334% - 30px); margin:15px; position:relative; width:calc(33.3334% - 30px); }
    */
    .coupon-img img { max-width:100%; width:auto; }
    
    
    /* intro */
    .bro-feature-card .card-content { font-size:16px; }
    .bro-feature-card .card-content h3 { font-size:20px; }
	
 
}


/* Large */
@media (min-width:1440px){
    
    /* intro */
    .intro-menu-header, .intro-menu-body, #bro-features, #bro-order-options { padding:0px; }
    
    .feature-text, .feature-imgs  { max-width:50%; }
}

/* Extra Large */
@media (min-width:1600px){

	.menu-item { flex-basis:calc(33.3334% - 30px); width:calc(33.3334% - 30px); }
    
    #main { padding:80px 0; }
    #main-body { width:77.5%; }
    #main-body.main-body-start { width:100%; }
    #page-details, #group-order.group-save-order { padding:60px; }

    /* intro */
    .feature, .feature .container { min-height:600px; }
    .feature-title { font-size:46px;  }
}

@keyframes contentWidth {
    from {
        width: 100%;
    }
    to {
        width: calc(100% - 340px);
    }
}