@charset "utf-8"; * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } @font-face { font-family: "SSSocialRegular"; src: url(/assets/ss-social-regular-1091385279c93ed3389309419a6c391e.eot); src: url(/assets/ss-social-regular-1091385279c93ed3389309419a6c391e.eot?#iefix) format("embedded-opentype"), url(/assets/ss-social-regular-6bdd05851d0e375e7713498bf4dd7db5.woff) format("woff"), url(/assets/ss-social-regular-7a750565484c215af10ee629f1a46ed7.ttf) format("truetype"), url(/assets/ss-social-regular-c880c105aaa786a68d5dc9f8432a2de3.svg#SSSocialRegular) format("svg"); font-weight: normal; font-style: normal } html:hover [class^="ss-"] { -ms-zoom: 1 } .ss-icon, #boom-filter label:before, #delivery-tracker .status-update .update .stars:before, #delivery-tracker .status-update .update .stars .rating:before, .ss-icon.ss-social-regular, #boom-filter label.ss-social-regular:before, #delivery-tracker .status-update .update .ss-social-regular.stars:before, #delivery-tracker .status-update .update .stars .ss-social-regular.rating:before, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-social-regular:before, [class*=" ss-"].ss-social-regular:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-social-regular.right:after, [class*=" ss-"].ss-social-regular.right:after { font-family: "SSSocialRegular"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased } [class^="ss-"].right:before, [class*=" ss-"].right:before { display: none; content: "" } .ss-facebook:before, .ss-facebook.right:after { content: "" } .ss-twitter:before, .ss-twitter.right:after { content: "" } .ss-linkedin:before, .ss-linkedin.right:after { content: "" } .ss-googleplus:before, .ss-googleplus.right:after { content: "" } .ss-appdotnet:before, .ss-appdotnet.right:after { content: "" } .ss-zerply:before, .ss-zerply.right:after { content: "" } .ss-reddit:before, .ss-reddit.right:after { content: "" } .ss-steam:before, .ss-steam.right:after { content: "" } .ss-tumblr:before, .ss-tumblr.right:after { content: "" } .ss-wordpress:before, .ss-wordpress.right:after { content: "" } .ss-blogger:before, .ss-blogger.right:after { content: "" } .ss-posterous:before, .ss-posterous.right:after { content: "" } .ss-quora:before, .ss-quora.right:after { content: "" } .ss-youtube:before, .ss-youtube.right:after { content: "" } .ss-vimeo:before, .ss-vimeo.right:after { content: "" } .ss-vine:before, .ss-vine.right:after { content: "" } .ss-letterboxd:before, .ss-letterboxd.right:after { content: "" } .ss-flickr:before, .ss-flickr.right:after { content: "" } .ss-instagram:before, .ss-instagram.right:after { content: "" } .ss-500px:before, .ss-500px.right:after { content: "" } .ss-etsy:before, .ss-etsy.right:after { content: "" } .ss-pinterest:before, .ss-pinterest.right:after { content: "" } .ss-svpply:before, .ss-svpply.right:after { content: "" } .ss-readmill:before, .ss-readmill.right:after { content: "" } .ss-dropbox:before, .ss-dropbox.right:after { content: "" } .ss-pinboard:before, .ss-pinboard.right:after { content: "" } .ss-delicious:before, .ss-delicious.right:after { content: "" } .ss-dribbble:before, .ss-dribbble.right:after { content: "" } .ss-behance:before, .ss-behance.right:after { content: "" } .ss-github:before, .ss-github.right:after { content: "" } .ss-octocat:before, .ss-octocat.right:after { content: "" } .ss-stackoverflow:before, .ss-stackoverflow.right:after { content: "" } .ss-paypal:before, .ss-paypal.right:after { content: "" } .ss-kickstarter:before, .ss-kickstarter.right:after { content: "" } .ss-foursquare:before, .ss-foursquare.right:after { content: "" } .ss-yelp:before, .ss-yelp.right:after { content: "" } .ss-skype:before, .ss-skype.right:after { content: "" } .ss-rdio:before, .ss-rdio.right:after { content: "" } .ss-spotify:before, .ss-spotify.right:after { content: "" } .ss-lastfm:before, .ss-lastfm.right:after { content: "" } .ss-soundcloud:before, .ss-soundcloud.right:after { content: "" } .ss-link:before, .ss-link.right:after { content: "🔗" } .ss-phone:before, .ss-phone.right:after { content: "📞" } .ss-mail:before, .ss-mail.right:after { content: "✉" } .ss-like:before, .ss-like.right:after { content: "👍" } .ss-rss:before, .ss-rss.right:after { content: "" } .ss-share:before, .ss-share.right:after { content: "" } .ss-apple:before, .ss-apple.right:after { content: "" } .ss-microsoft:before, .ss-microsoft.right:after { content: "" } .ss-windows:before, .ss-windows.right:after { content: "" } .ss-android:before, .ss-android.right:after { content: "" } .ss-blackberry:before, .ss-blackberry.right:after { content: "" } .ss-fivehundredpx:before, .ss-fivehundredpx.right:after { content: "" } @font-face { font-family: "SSStandard"; src: url(/assets/ss-standard-45eaa20981e1ed0565a38ef8b61fa618.eot); src: url(/assets/ss-standard-45eaa20981e1ed0565a38ef8b61fa618.eot?#iefix) format("embedded-opentype"), url(/assets/ss-standard-3cf46410132ec0a4a57af25e6c0805a0.woff) format("woff"), url(/assets/ss-standard-684a2041de2ea75208dd3af453966f3b.ttf) format("truetype"), url(/assets/ss-standard-03551b46174b2da10dad46ff5d64083d.svg#SSStandard) format("svg"); font-weight: normal; font-style: normal } html:hover [class^="ss-"] { -ms-zoom: 1 } .ss-icon, #boom-filter label:before, #delivery-tracker .status-update .update .stars:before, #delivery-tracker .status-update .update .stars .rating:before, .ss-icon.ss-standard, #boom-filter label.ss-standard:before, #delivery-tracker .status-update .update .ss-standard.stars:before, #delivery-tracker .status-update .update .stars .ss-standard.rating:before, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after { font-family: "SSStandard"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased } [class^="ss-"].right:before, [class*=" ss-"].right:before { display: none; content: "" } .ss-cursor:before, .ss-cursor.right:after { content: "" } .ss-crosshair:before, .ss-crosshair.right:after { content: "⌖" } .ss-search:before, .ss-search.right:after { content: "🔎" } .ss-zoomin:before, .ss-zoomin.right:after { content: "" } .ss-zoomout:before, .ss-zoomout.right:after { content: "" } .ss-view:before, .ss-view.right:after { content: "👀" } .ss-attach:before, .ss-attach.right:after { content: "📎" } .ss-link:before, .ss-link.right:after { content: "🔗" } .ss-move:before, .ss-move.right:after { content: "" } .ss-write:before, .ss-write.right:after { content: "✎" } .ss-writingdisabled:before, .ss-writingdisabled.right:after { content: "" } .ss-erase:before, .ss-erase.right:after { content: "✐" } .ss-compose:before, .ss-compose.right:after { content: "📝" } .ss-lock:before, .ss-lock.right:after { content: "🔒" } .ss-unlock:before, .ss-unlock.right:after { content: "🔓" } .ss-key:before, .ss-key.right:after { content: "🔑" } .ss-backspace:before, .ss-backspace.right:after { content: "⌫" } .ss-ban:before, .ss-ban.right:after { content: "🚫" } .ss-trash:before, .ss-trash.right:after { content: "" } .ss-target:before, .ss-target.right:after { content: "◎" } .ss-tag:before, .ss-tag.right:after { content: "" } .ss-bookmark:before, .ss-bookmark.right:after { content: "🔖" } .ss-flag:before, .ss-flag.right:after { content: "⚑" } .ss-like:before, .ss-like.right:after { content: "👍" } .ss-dislike:before, .ss-dislike.right:after { content: "👎" } .ss-heart:before, .ss-heart.right:after { content: "♥" } .ss-halfheart:before, .ss-halfheart.right:after { content: "" } .ss-star:before, .ss-star.right:after { content: "⋆" } .ss-halfstar:before, .ss-halfstar.right:after { content: "" } .ss-sample:before, .ss-sample.right:after { content: "" } .ss-crop:before, .ss-crop.right:after { content: "" } .ss-layers:before, .ss-layers.right:after { content: "" } .ss-fill:before, .ss-fill.right:after { content: "" } .ss-stroke:before, .ss-stroke.right:after { content: "" } .ss-phone:before, .ss-phone.right:after { content: "📞" } .ss-phonedisabled:before, .ss-phonedisabled.right:after { content: "" } .ss-rss:before, .ss-rss.right:after { content: "" } .ss-facetime:before, .ss-facetime.right:after { content: "" } .ss-reply:before, .ss-reply.right:after { content: "↩" } .ss-send:before, .ss-send.right:after { content: "" } .ss-mail:before, .ss-mail.right:after { content: "✉" } .ss-inbox:before, .ss-inbox.right:after { content: "📥" } .ss-chat:before, .ss-chat.right:after { content: "💬" } .ss-ellipsischat:before, .ss-ellipsischat.right:after { content: "" } .ss-ellipsis:before, .ss-ellipsis.right:after { content: "…" } .ss-user:before, .ss-user.right:after { content: "👤" } .ss-femaleuser:before, .ss-femaleuser.right:after { content: "👧" } .ss-users:before, .ss-users.right:after { content: "👥" } .ss-cart:before, .ss-cart.right:after { content: "" } .ss-creditcard:before, .ss-creditcard.right:after { content: "💳" } .ss-dollarsign:before, .ss-dollarsign.right:after { content: "💲" } .ss-barchart:before, .ss-barchart.right:after { content: "📊" } .ss-piechart:before, .ss-piechart.right:after { content: "" } .ss-box:before, .ss-box.right:after { content: "📦" } .ss-home:before, .ss-home.right:after { content: "⌂" } .ss-buildings:before, .ss-buildings.right:after { content: "🏢" } .ss-warehouse:before, .ss-warehouse.right:after { content: "" } .ss-globe:before, .ss-globe.right:after { content: "🌎" } .ss-navigate:before, .ss-navigate.right:after { content: "" } .ss-compass:before, .ss-compass.right:after { content: "" } .ss-signpost:before, .ss-signpost.right:after { content: "" } .ss-map:before, .ss-map.right:after { content: "" } .ss-location:before, .ss-location.right:after { content: "" } .ss-pin:before, .ss-pin.right:after { content: "📍" } .ss-database:before, .ss-database.right:after { content: "" } .ss-hdd:before, .ss-hdd.right:after { content: "" } .ss-music:before, .ss-music.right:after { content: "♫" } .ss-mic:before, .ss-mic.right:after { content: "🎤" } .ss-volume:before, .ss-volume.right:after { content: "🔈" } .ss-lowvolume:before, .ss-lowvolume.right:after { content: "🔉" } .ss-highvolume:before, .ss-highvolume.right:after { content: "🔊" } .ss-airplay:before, .ss-airplay.right:after { content: "" } .ss-camera:before, .ss-camera.right:after { content: "📷" } .ss-picture:before, .ss-picture.right:after { content: "🌄" } .ss-video:before, .ss-video.right:after { content: "📹" } .ss-play:before, .ss-play.right:after { content: "▶" } .ss-pause:before, .ss-pause.right:after { content: "" } .ss-stop:before, .ss-stop.right:after { content: "■" } .ss-record:before, .ss-record.right:after { content: "●" } .ss-rewind:before, .ss-rewind.right:after { content: "⏪" } .ss-fastforward:before, .ss-fastforward.right:after { content: "⏩" } .ss-skipback:before, .ss-skipback.right:after { content: "⏮" } .ss-skipforward:before, .ss-skipforward.right:after { content: "⏭" } .ss-eject:before, .ss-eject.right:after { content: "⏏" } .ss-repeat:before, .ss-repeat.right:after { content: "🔁" } .ss-replay:before, .ss-replay.right:after { content: "↺" } .ss-shuffle:before, .ss-shuffle.right:after { content: "🔀" } .ss-book:before, .ss-book.right:after { content: "📕" } .ss-openbook:before, .ss-openbook.right:after { content: "📖" } .ss-notebook:before, .ss-notebook.right:after { content: "📓" } .ss-newspaper:before, .ss-newspaper.right:after { content: "📰" } .ss-grid:before, .ss-grid.right:after { content: "" } .ss-rows:before, .ss-rows.right:after { content: "" } .ss-columns:before, .ss-columns.right:after { content: "" } .ss-thumbnails:before, .ss-thumbnails.right:after { content: "" } .ss-filter:before, .ss-filter.right:after { content: "" } .ss-desktop:before, .ss-desktop.right:after { content: "💻" } .ss-laptop:before, .ss-laptop.right:after { content: "" } .ss-tablet:before, .ss-tablet.right:after { content: "" } .ss-cell:before, .ss-cell.right:after { content: "📱" } .ss-battery:before, .ss-battery.right:after { content: "🔋" } .ss-highbattery:before, .ss-highbattery.right:after { content: "" } .ss-mediumbattery:before, .ss-mediumbattery.right:after { content: "" } .ss-lowbattery:before, .ss-lowbattery.right:after { content: "" } .ss-emptybattery:before, .ss-emptybattery.right:after { content: "" } .ss-lightbulb:before, .ss-lightbulb.right:after { content: "💡" } .ss-downloadcloud:before, .ss-downloadcloud.right:after { content: "" } .ss-download:before, .ss-download.right:after { content: "" } .ss-uploadcloud:before, .ss-uploadcloud.right:after { content: "" } .ss-upload:before, .ss-upload.right:after { content: "" } .ss-fork:before, .ss-fork.right:after { content: "" } .ss-merge:before, .ss-merge.right:after { content: "" } .ss-transfer:before, .ss-transfer.right:after { content: "⇆" } .ss-refresh:before, .ss-refresh.right:after { content: "↻" } .ss-sync:before, .ss-sync.right:after { content: "" } .ss-loading:before, .ss-loading.right:after { content: "" } .ss-wifi:before, .ss-wifi.right:after { content: "" } .ss-connection:before, .ss-connection.right:after { content: "" } .ss-file:before, .ss-file.right:after { content: "📄" } .ss-folder:before, .ss-folder.right:after { content: "📁" } .ss-quote:before, .ss-quote.right:after { content: "“" } .ss-text:before, .ss-text.right:after { content: "" } .ss-font:before, .ss-font.right:after { content: "" } .ss-print:before, .ss-print.right:after { content: "⎙" } .ss-fax:before, .ss-fax.right:after { content: "📠" } .ss-list:before, .ss-list.right:after { content: "" } .ss-layout:before, .ss-layout.right:after { content: "" } .ss-action:before, .ss-action.right:after { content: "" } .ss-redirect:before, .ss-redirect.right:after { content: "↪" } .ss-expand:before, .ss-expand.right:after { content: "⤢" } .ss-contract:before, .ss-contract.right:after { content: "" } .ss-help:before, .ss-help.right:after { content: "❓" } .ss-info:before, .ss-info.right:after { content: "ℹ" } .ss-alert:before, .ss-alert.right:after { content: "⚠" } .ss-caution:before, .ss-caution.right:after { content: "⛔" } .ss-logout:before, .ss-logout.right:after { content: "" } .ss-plus:before, .ss-plus.right:after { content: "+" } .ss-hyphen:before, .ss-hyphen.right:after { content: "-" } .ss-check:before, .ss-check.right:after { content: "✓" } .ss-delete:before, .ss-delete.right:after { content: "␡" } .ss-settings:before, .ss-settings.right:after { content: "⚙" } .ss-dashboard:before, .ss-dashboard.right:after { content: "" } .ss-notifications:before, .ss-notifications.right:after { content: "🔔" } .ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after { content: "🔕" } .ss-clock:before, .ss-clock.right:after { content: "⏲" } .ss-stopwatch:before, .ss-stopwatch.right:after { content: "⏱" } .ss-calendar:before, .ss-calendar.right:after { content: "📅" } .ss-addcalendar:before, .ss-addcalendar.right:after { content: "" } .ss-removecalendar:before, .ss-removecalendar.right:after { content: "" } .ss-checkcalendar:before, .ss-checkcalendar.right:after { content: "" } .ss-deletecalendar:before, .ss-deletecalendar.right:after { content: "" } .ss-briefcase:before, .ss-briefcase.right:after { content: "💼" } .ss-cloud:before, .ss-cloud.right:after { content: "☁" } .ss-droplet:before, .ss-droplet.right:after { content: "💧" } .ss-flask:before, .ss-flask.right:after { content: "" } .ss-up:before, .ss-up.right:after { content: "⬆" } .ss-upright:before, .ss-upright.right:after { content: "⬈" } .ss-right:before, .ss-right.right:after { content: "➡" } .ss-downright:before, .ss-downright.right:after { content: "⬊" } .ss-down:before, .ss-down.right:after { content: "⬇" } .ss-downleft:before, .ss-downleft.right:after { content: "⬋" } .ss-left:before, .ss-left.right:after { content: "⬅" } .ss-upleft:before, .ss-upleft.right:after { content: "⬉" } .ss-navigateup:before, .ss-navigateup.right:after { content: "" } .ss-navigateright:before, .ss-navigateright.right:after { content: "▻" } .ss-navigatedown:before, .ss-navigatedown.right:after { content: "" } .ss-navigateleft:before, .ss-navigateleft.right:after { content: "◅" } .ss-directup:before, .ss-directup.right:after { content: "▴" } .ss-directright:before, .ss-directright.right:after { content: "▹" } .ss-dropdown:before, .ss-dropdown.right:after { content: "▾" } .ss-directleft:before, .ss-directleft.right:after { content: "◃" } .ss-retweet:before, .ss-retweet.right:after { content: "" } .ss-volumelow:before, .ss-volumelow.right:after { content: "🔉" } .ss-volumehigh:before, .ss-volumehigh.right:after { content: "🔊" } .ss-batteryhigh:before, .ss-batteryhigh.right:after { content: "" } .ss-batterymedium:before, .ss-batterymedium.right:after { content: "" } .ss-batterylow:before, .ss-batterylow.right:after { content: "" } .ss-batteryempty:before, .ss-batteryempty.right:after { content: "" } .ss-clouddownload:before, .ss-clouddownload.right:after { content: "" } .ss-cloudupload:before, .ss-cloudupload.right:after { content: "" } .ss-calendaradd:before, .ss-calendaradd.right:after { content: "" } .ss-calendarremove:before, .ss-calendarremove.right:after { content: "" } .ss-calendarcheck:before, .ss-calendarcheck.right:after { content: "" } .ss-calendardelete:before, .ss-calendardelete.right:after { content: "" } .green { color: #9c9 } .red { color: #bc2031 } .orderup-blue-1 { background-color: #edf5fb } .orderup-blue-2 { background-color: #289eef } .orderup-blue-3 { background-color: #176092 } .orderup-blue-5 { background-color: #0a111e } .orderup-green-1 { background-color: #dff0d9 } .orderup-green-2 { background-color: #9c9 } .orderup-green-3 { background-color: #7b7 } .orderup-green-4 { background-color: #393 } .orderup-green-5 { background-color: #4a7c2b } .orderup-yellow-3 { background-color: #ffca2e } .orderup-orange-0 { background-color: #fff4e9 } .orderup-orange-1 { background-color: #fbe2c8 } .orderup-orange-2 { background-color: #f8c893 } .orderup-orange-3 { background-color: #f3902f } .orderup-orange-4 { background-color: #ef7d25 } .orderup-red-3 { background-color: #bc2031 } .orderup-red-4 { background-color: #9a1528 } .orderup-red-5 { background-color: #600 } .orderup-tan-1 { background-color: #fdf6e8 } .orderup-tan-2 { background-color: #eae3d6 } .orderup-tan-3 { background-color: #b5af95 } .orderup-tan-4 { background-color: #625f57 } .neutral-dgrey { background-color: #959696 } .neutral-lgrey { background-color: #cececf } .orderup-grey-1 { background-color: #e8ebeb } .orderup-grey-2 { background-color: #d4d7da } .orderup-grey-3 { background-color: #858585 } .orderup-grey-4 { background-color: #7a858b } .orderup-grey-5 { background-color: #4f5f66 } .orderup-grey-6 { background-color: #394449 } .white { background-color: white } .orderup-piggy { background-color: #ef8998 } .meter { height: 24px; position: relative } .meter > span { display: block; height: 100%; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color: #2bc253; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2bc253), color-stop(1, #54f054)); background-image: -moz-linear-gradient(center bottom, #2bc253 37%, #54f054 69%); -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4); box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4); position: relative; overflow: hidden } .meter > span:after, .animate > span > span { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); z-index: 1; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; background-size: 50px 50px; -webkit-animation: move 2s linear infinite; -moz-animation: move 2s linear infinite; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden } .animate > span:after { display: none } @-webkit-keyframes move { 0% { background-position: 0 0 } 100% { background-position: 50px 50px } } @-moz-keyframes move { 0% { background-position: 0 0 } 100% { background-position: 50px 50px } } .meter.orange > span { background-color: #f3902f; background-image: -moz-linear-gradient(top, #f3902f, #ef7d25); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3902f), color-stop(1, #ef7d25)); background-image: -webkit-linear-gradient(#f3902f, #ef7d25) } .nostripes > span > span, .nostripes > span:after { -webkit-animation: none; -moz-animation: none; background-image: none } .spinner { background: url(/assets/spinner-de7b3c1dbe44c02d31449676ae77eef3.gif); height: 35px; width: 35px } .cart-spinner { display: inline-block; height: 33px; width: 33px; background: url(/assets/cartspinnerdark-66bb728366becaceda0c21688ba07c56.gif) } .light .cart-spinner { background: url(/assets/cartspinnerlight-15870b060815753bf6f0b2278ecc38f6.gif) } .page-container { background-color: #fdf6e8 } .profile-container, .sign-in-container, .account-nav ul, .checkout-nav ul, .general-form, .checkout-thankyou, .menu-item, .menu-option-group, .menu-category, .cart-order, .checkout-cart, .start-order { background-color: #eae3d6 } .market-hungrybuffs #top-bar { background-color: black } .market-hungrybuffs #top-bar nav ul.account li.chat-nav .chat-bubble-icon { color: white } .market-hungrybuffs #top-bar nav ul.account li a, .market-hungrybuffs #top-bar nav ul.account li label, .market-hungrybuffs #top-bar nav ul.account li .chat-now-text { color: white } .market-hungrybuffs #top-bar nav ul.account li.cart a { border-color: white } .market-hungrybuffs #top-bar nav ul.account li.cart a:hover { background: white } .market-hungrybuffs #top-bar nav ul.account li.cart a:hover, .market-hungrybuffs #top-bar nav ul.account li.cart a:hover i { color: black } .market-hungrybuffs #top-bar nav .logo.cobrand { display: inline-block } .market-btownmenus #top-bar { background-color: #999 } .market-btownmenus #top-bar nav ul.account li.chat-nav .chat-bubble-icon { color: white } .market-btownmenus #top-bar nav ul.account li a, .market-btownmenus #top-bar nav ul.account li label, .market-btownmenus #top-bar nav ul.account li .chat-now-text { color: white } .market-btownmenus #top-bar nav ul.account li.cart a { border-color: white } .market-btownmenus #top-bar nav ul.account li.cart a:hover { background: white } .market-btownmenus #top-bar nav ul.account li.cart a:hover, .market-btownmenus #top-bar nav ul.account li.cart a:hover i { color: #999 } .market-btownmenus #top-bar nav .logo.cobrand { display: inline-block } .market-milehighmenus #top-bar { background-color: #0783af } .market-milehighmenus #top-bar nav ul.account li.chat-nav .chat-bubble-icon { color: white } .market-milehighmenus #top-bar nav ul.account li a, .market-milehighmenus #top-bar nav ul.account li label, .market-milehighmenus #top-bar nav ul.account li .chat-now-text { color: white } .market-milehighmenus #top-bar nav ul.account li.cart a { border-color: white } .market-milehighmenus #top-bar nav ul.account li.cart a:hover { background: white } .market-milehighmenus #top-bar nav ul.account li.cart a:hover, .market-milehighmenus #top-bar nav ul.account li.cart a:hover i { color: #0783af } .market-milehighmenus #top-bar nav .logo.cobrand { display: inline-block } .market-hungryboiler #top-bar { background-color: #b2b7bb } .market-hungryboiler #top-bar nav ul.account li.chat-nav .chat-bubble-icon { color: white } .market-hungryboiler #top-bar nav ul.account li a, .market-hungryboiler #top-bar nav ul.account li label, .market-hungryboiler #top-bar nav ul.account li .chat-now-text { color: white } .market-hungryboiler #top-bar nav ul.account li.cart a { border-color: white } .market-hungryboiler #top-bar nav ul.account li.cart a:hover { background: white } .market-hungryboiler #top-bar nav ul.account li.cart a:hover, .market-hungryboiler #top-bar nav ul.account li.cart a:hover i { color: #b2b7bb } .market-hungryboiler #top-bar nav .logo.cobrand { display: inline-block } .market-hungryducks #top-bar { background-color: #13a058 } .market-hungryducks #top-bar nav ul.account li.chat-nav .chat-bubble-icon { color: white } .market-hungryducks #top-bar nav ul.account li a, .market-hungryducks #top-bar nav ul.account li label, .market-hungryducks #top-bar nav ul.account li .chat-now-text { color: white } .market-hungryducks #top-bar nav ul.account li.cart a { border-color: white } .market-hungryducks #top-bar nav ul.account li.cart a:hover { background: white } .market-hungryducks #top-bar nav ul.account li.cart a:hover, .market-hungryducks #top-bar nav ul.account li.cart a:hover i { color: #13a058 } .market-hungryducks #top-bar nav .logo.cobrand { display: inline-block } .market-sbmenus #top-bar { background-color: #b5e2eb } .market-sbmenus #top-bar nav ul.account li.chat-nav .chat-bubble-icon { color: black } .market-sbmenus #top-bar nav ul.account li a, .market-sbmenus #top-bar nav ul.account li label, .market-sbmenus #top-bar nav ul.account li .chat-now-text { color: black } .market-sbmenus #top-bar nav ul.account li.cart a { border-color: black } .market-sbmenus #top-bar nav ul.account li.cart a:hover { background: black } .market-sbmenus #top-bar nav ul.account li.cart a:hover, .market-sbmenus #top-bar nav ul.account li.cart a:hover i { color: #b5e2eb } .market-sbmenus #top-bar nav .logo.cobrand { display: inline-block } .market-hungryboiler .logo.cobrand .powered-by-orderup, .market-milehighmenus .logo.cobrand .powered-by-orderup, .market-btownmenus .logo.cobrand .powered-by-orderup, .market-hungrybuffs .logo.cobrand .powered-by-orderup { margin-bottom: 5px } @media screen and (max-width: 768px) { .market-hungryboiler #top-bar nav .logo.cobrand .powered-by-orderup span.powered-by-mobile, .market-milehighmenus #top-bar nav .logo.cobrand .powered-by-orderup span.powered-by-mobile, .market-btownmenus #top-bar nav .logo.cobrand .powered-by-orderup span.powered-by-mobile, .market-hungrybuffs #top-bar nav .logo.cobrand .powered-by-orderup span.powered-by-mobile { font-weight: 800; font-size: 20px } } @media screen and (max-width: 480px) { .market-hungryboiler #top-bar nav .logo.cobrand .powered-by-orderup, .market-milehighmenus #top-bar nav .logo.cobrand .powered-by-orderup, .market-btownmenus #top-bar nav .logo.cobrand .powered-by-orderup, .market-hungrybuffs #top-bar nav .logo.cobrand .powered-by-orderup { margin-bottom: 5px } .market-hungryboiler #top-bar nav .logo.cobrand .powered-by-orderup span.powered-by-mobile, .market-milehighmenus #top-bar nav .logo.cobrand .powered-by-orderup span.powered-by-mobile, .market-btownmenus #top-bar nav .logo.cobrand .powered-by-orderup span.powered-by-mobile, .market-hungrybuffs #top-bar nav .logo.cobrand .powered-by-orderup span.powered-by-mobile { font-size: 14px } .market-hungryboiler #top-bar nav .logo.cobrand + ul.account li.sign-up, .market-hungryboiler #top-bar nav .logo.cobrand + ul.account li.log-in, .market-milehighmenus #top-bar nav .logo.cobrand + ul.account li.sign-up, .market-milehighmenus #top-bar nav .logo.cobrand + ul.account li.log-in, .market-btownmenus #top-bar nav .logo.cobrand + ul.account li.sign-up, .market-btownmenus #top-bar nav .logo.cobrand + ul.account li.log-in, .market-hungrybuffs #top-bar nav .logo.cobrand + ul.account li.sign-up, .market-hungrybuffs #top-bar nav .logo.cobrand + ul.account li.log-in { display: none } } @font-face { font-family: "orderup"; src: url(/assets/orderup-99b3c20649d2943f7ca459dfc34f0c1d.eot); src: url(/assets/orderup-99b3c20649d2943f7ca459dfc34f0c1d.eot?#iefix) format("embedded-opentype"), url(/assets/orderup-2a8739c699d608a0132c8e7897dd32d7.ttf) format("truetype"), url(/assets/orderup-cef2fabafc5e870a8d741900953896a9.woff) format("woff"), url(/assets/orderup-542c33649b4894e9b233109349a72ff3.svg?#icon) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "piggy-bank"; src: url(/assets/piggy-bank-9e192f37056e704522a5bae0831b0fd6.eot); src: url(/assets/piggy-bank-9e192f37056e704522a5bae0831b0fd6.eot?#iefix) format("embedded-opentype"), url(/assets/piggy-bank-16d5cac249cb2c053a52e4008c346e1a.ttf) format("truetype"), url(/assets/piggy-bank-38a8231719aa4bfc50d752c4e07bf06a.woff) format("woff"), url(/assets/piggy-bank-bc17510f7221fcfe379583b75c6ca732.svg?#icon) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "orderup-icons"; src: url(/assets/orderup-icons-8e98b39f193cd06d1c9e204abee20cd9.eot); src: url(/assets/orderup-icons-8e98b39f193cd06d1c9e204abee20cd9.eot?#iefix) format("embedded-opentype"), url(/assets/orderup-icons-bd6ab5b701f7d774f1c019b34c2e6e2a.ttf) format("truetype"), url(/assets/orderup-icons-c5721e07a7714417999f378ef2b9af6a.woff) format("woff"), url(/assets/orderup-icons-a083ba670815b371cb8f61a49b0c1518.svg?#icon) format("svg"); font-weight: normal; font-style: normal } .orderup-icons { font-family: "orderup-icons" !important } .ou-food-icons { font-family: "orderup" !important } .show-tablet { display: none } .show-mobile { display: none } @media screen and (max-width: 768px) { .show-tablet { display: block } } @media screen and (max-width: 480px) { .show-mobile { display: block } } .account-nav ul a, .checkout-nav ul a, .menu-category ul a, .restaurant-list li { color: #4f5f66; display: block } .account-nav ul a:after, .checkout-nav ul a:after, .menu-category ul a:after, .restaurant-list li:after { content: ""; display: table; clear: both } .account-nav ul a, .checkout-nav ul a, .menu-category ul a { color: #176092; font-size: 1.125rem; padding: 0 0.75rem } .account-nav ul a:hover, .checkout-nav ul a:hover, .menu-category ul a:hover { background-color: #edf5fb; text-decoration: none } .account-nav ul a span, .checkout-nav ul a span, .menu-category ul a span { color: #176092; line-height: 3rem } .account-nav ul a.disabled, .checkout-nav ul a.disabled, .menu-category ul a.disabled { cursor: not-allowed; background-color: #e8ebeb } .account-nav ul a.disabled:hover, .checkout-nav ul a.disabled:hover, .menu-category ul a.disabled:hover { background-color: #e8ebeb } .account-nav ul a.disabled span, .checkout-nav ul a.disabled span, .menu-category ul a.disabled span { color: #4f5f66 } .account-nav ul li:first-child a, .checkout-nav ul li:first-child a, .menu-category ul li:first-child a { border-top-width: 1px } .account-nav ul li:last-child a, .checkout-nav ul li:last-child a, .menu-category ul li:last-child a { border-bottom: none; border-radius: 0 0 8px 8px } .well, .badge, .sign-in-container h5, .account-nav ul h5, .checkout-nav ul h5, .general-form h5, .checkout-thankyou h5, .menu-item h5, .menu-option-group h5, .menu-category h5, .account-nav a.return-to-order, .checkout-nav a.return-to-order, .menu-item .menu-item-quantity, .menu-item-size label, .menu-item-size label.active, .menu-item-option label, .menu-item-option label.active { border-radius: 6px; padding: 0.75rem } .profile-container, .sign-in-container, .account-nav ul, .checkout-nav ul, .general-form, .checkout-thankyou, .menu-item, .menu-option-group, .menu-category, .cart-order, .checkout-cart, .start-order, .loading-placeholder { border-radius: 6px; padding: 0.75rem } .profile-container, .sign-in-container, .account-nav ul, .checkout-nav ul, .general-form, .checkout-thankyou, .menu-item, .menu-option-group, .menu-category, .cart-order, .checkout-cart, .start-order { margin-bottom: 0.75rem } .profile-container:after, .sign-in-container:after, .account-nav ul:after, .checkout-nav ul:after, .general-form:after, .checkout-thankyou:after, .menu-item:after, .menu-option-group:after, .menu-category:after, .cart-order:after, .checkout-cart:after, .start-order:after { content: ""; display: table; clear: both } .profile-container h4, .sign-in-container h4, .account-nav ul h4, .checkout-nav ul h4, .general-form h4, .checkout-thankyou h4, .menu-item h4, .menu-option-group h4, .menu-category h4, .cart-order h4, .checkout-cart h4, .start-order h4, .profile-container address, .sign-in-container address, .account-nav ul address, .checkout-nav ul address, .general-form address, .checkout-thankyou address, .menu-item address, .menu-option-group address, .menu-category address, .cart-order address, .checkout-cart address, .start-order address, .profile-container ul, .sign-in-container ul, .account-nav ul ul, .checkout-nav ul ul, .general-form ul, .checkout-thankyou ul, .menu-item ul, .menu-option-group ul, .menu-category ul, .cart-order ul, .checkout-cart ul, .start-order ul { padding: 0 0.75rem } .profile-container h4, .sign-in-container h4, .account-nav ul h4, .checkout-nav ul h4, .general-form h4, .checkout-thankyou h4, .menu-item h4, .menu-option-group h4, .menu-category h4, .cart-order h4, .checkout-cart h4, .start-order h4 { display: block; font-size: 1.5rem; font-weight: normal; margin: 0 -0.75rem 0.75rem -0.75rem; padding-bottom: 0.75rem } .profile-container h5, .sign-in-container h5, .account-nav ul h5, .checkout-nav ul h5, .general-form h5, .checkout-thankyou h5, .menu-item h5, .menu-option-group h5, .menu-category h5, .cart-order h5, .checkout-cart h5, .start-order h5 { color: #600; font-size: 1.3125rem; margin: 1.125rem 0 } .profile-container dt, .sign-in-container dt, .account-nav ul dt, .checkout-nav ul dt, .general-form dt, .checkout-thankyou dt, .menu-item dt, .menu-option-group dt, .menu-category dt, .cart-order dt, .checkout-cart dt, .start-order dt, .profile-container dd, .sign-in-container dd, .account-nav ul dd, .checkout-nav ul dd, .general-form dd, .checkout-thankyou dd, .menu-item dd, .menu-option-group dd, .menu-category dd, .cart-order dd, .checkout-cart dd, .start-order dd { display: inline-block; float: left; margin: 0 0 0.75rem 0 } .profile-container dt, .sign-in-container dt, .account-nav ul dt, .checkout-nav ul dt, .general-form dt, .checkout-thankyou dt, .menu-item dt, .menu-option-group dt, .menu-category dt, .cart-order dt, .checkout-cart dt, .start-order dt { clear: left; font-weight: bold; width: 40% } .profile-container dd, .sign-in-container dd, .account-nav ul dd, .checkout-nav ul dd, .general-form dd, .checkout-thankyou dd, .menu-item dd, .menu-option-group dd, .menu-category dd, .cart-order dd, .checkout-cart dd, .start-order dd { width: 60% } .well, .badge { border-radius: 4px; display: inline-block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.75rem } .sign-in-container, .account-nav ul, .checkout-nav ul, .general-form, .checkout-thankyou, .menu-item, .menu-option-group, .menu-category { background-color: white; border: solid 3px #eae3d6 } .sign-in-container h5, .account-nav ul h5, .checkout-nav ul h5, .general-form h5, .checkout-thankyou h5, .menu-item h5, .menu-option-group h5, .menu-category h5 { width: 87px; text-align: center; background-color: #959696; float: right; display: inline; color: white; float: right; border-radius: 8px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.6rem; font-weight: 500; margin: 0; padding: 0.1875rem 0.375rem } .sign-in-container h5.error, .account-nav ul h5.error, .checkout-nav ul h5.error, .general-form h5.error, .checkout-thankyou h5.error, .menu-item h5.error, .menu-option-group h5.error, .menu-category h5.error { background-color: #bc2031; color: white } .sign-in-container h5.valid-label, .account-nav ul h5.valid-label, .checkout-nav ul h5.valid-label, .general-form h5.valid-label, .checkout-thankyou h5.valid-label, .menu-item h5.valid-label, .menu-option-group h5.valid-label, .menu-category h5.valid-label { color: white; background-color: #468847 } .sign-in-container .error, .account-nav ul .error, .checkout-nav ul .error, .general-form .error, .checkout-thankyou .error, .menu-item .error, .menu-option-group .error, .menu-category .error { color: #bc2031 } @media screen and (max-width: 768px) { .sign-in-container h3, .account-nav ul h3, .checkout-nav ul h3, .general-form h3, .checkout-thankyou h3, .menu-item h3, .menu-option-group h3, .menu-category h3 { font-size: 1.2375rem } } .sign-in-container { float: left; display: block; margin-right: 2.357652%; width: 82.940391%; margin-left: 8.529804% } .sign-in-container:last-child { margin-right: 0 } .cart-order, .checkout-cart, .start-order { background-color: #fff; padding: 0.75rem } .cart-order h3, .checkout-cart h3, .start-order h3, .cart-order h4, .checkout-cart h4, .start-order h4 { color: #333 } .cart-order h3, .checkout-cart h3, .start-order h3 { font-size: 2.125rem; font-weight: 700; text-align: center; line-height: 1 } .cart-order h4, .checkout-cart h4, .start-order h4 { font-size: 1.125rem; font-weight: 500; margin-left: 0; margin-right: 0; margin-bottom: 10px; padding-bottom: 5px; padding-left: 0; padding-right: 0; text-transform: uppercase; border-bottom: solid 1px #cececf } .account-nav, .checkout-nav { float: left; display: block; margin-right: 2.357652%; width: 23.231761% } .account-nav:last-child, .checkout-nav:last-child { margin-right: 0 } .account-nav a.return-to-order, .checkout-nav a.return-to-order { color: #176092 } .account-nav ul, .checkout-nav ul { padding: 0 } .account-nav ul a, .checkout-nav ul a { font-size: 0.9375rem; padding-bottom: 0.375rem; padding-top: 0.375rem } .account-nav ul li.list-head, .checkout-nav ul li.list-head { color: #4f5f66; font-weight: bold; padding: 0.375rem 0.75rem; margin-bottom: 0 } .button { font-size: 0.9375rem; padding: 0.375rem; border-radius: 6px; background-color: #176092; color: white; display: inline-block; text-align: center } .button:hover { color: white; background-color: #104366; text-decoration: none } .button.medium { font-size: 0.9375rem; padding: 0.375rem; border-radius: 6px; background-color: #176092; color: white; display: inline-block; text-align: center } .button.medium:hover { color: white; background-color: #104366; text-decoration: none } .button.large { font-size: 1.125rem; padding: 0.75rem; border-radius: 6px; background-color: #176092; color: white; display: inline-block; text-align: center } .button.large:hover { color: white; background-color: #104366; text-decoration: none } .button.xlarge { font-size: 1.5rem; padding: 1.125rem; border-radius: 6px; background-color: #176092; color: white; display: inline-block; text-align: center } .button.xlarge:hover { color: white; background-color: #104366; text-decoration: none } .l-wide { width: 100% } .button.is-disabled { background-color: #cececf; color: #7a858b } .button.is-disabled:hover { background-color: #cececf; color: #7a858b } .button.cancel-button { background-color: #901926 } .left-3col { float: left; display: block; margin-right: 2.357652%; width: 23.231761%; float: left } .left-3col:last-child { margin-right: 0 } .mid-3col { float: left; display: block; margin-right: 2.357652%; width: 48.821174%; float: left } .mid-3col:last-child { margin-right: 0 } .right-3col { float: left; display: block; margin-right: 2.357652%; width: 23.231761%; margin-right: 0; float: right } .right-3col:last-child { margin-right: 0 } .left-4col { float: left; display: block; margin-right: 2.357652%; width: 31.761566%; float: left } .left-4col:last-child { margin-right: 0 } .right-4col { float: left; display: block; margin-right: 2.357652%; width: 31.761566%; float: right } .right-4col:last-child { margin-right: 0 } .left-5col { float: left; display: block; margin-right: 2.357652%; width: 40.29137%; float: left } .left-5col:last-child { margin-right: 0 } .right-5col { float: left; display: block; margin-right: 2.357652%; width: 40.29137%; float: right } .right-5col:last-child { margin-right: 0 } .right-6col { float: left; display: block; margin-right: 2.357652%; width: 48.821174%; margin-right: 0; float: right } .right-6col:last-child { margin-right: 0 } .left-6col { float: left; display: block; margin-right: 2.357652%; width: 48.821174%; float: left } .left-6col:last-child { margin-right: 0 } .left-8col { float: left; display: block; margin-right: 2.357652%; width: 65.880783%; float: left } .left-8col:last-child { margin-right: 0 } @media screen and (max-width: 768px) { .right-3col { float: left; display: block; margin-right: 2.357652%; width: 48.821174% } .right-3col:last-child { margin-right: 0 } .mid-3col { float: left; display: block; margin-right: 2.357652%; width: 48.821174% } .mid-3col:last-child { margin-right: 0 } .left-3col { float: left; display: block; margin-right: 2.357652%; width: 100% } .left-3col:last-child { margin-right: 0 } .gift_cards-new.right-6col, .gift_cards-new.left-5col, .gift_card_checkouts-new.right-6col, .gift_card_checkouts-new.left-5col, .gift_card_checkouts-show.right-6col, .gift_card_checkouts-show.left-5col { float: left; display: block; margin-right: 2.357652%; width: 65.880783%; margin-left: 17.059609% } .gift_cards-new.right-6col:last-child, .gift_cards-new.left-5col:last-child, .gift_card_checkouts-new.right-6col:last-child, .gift_card_checkouts-new.left-5col:last-child, .gift_card_checkouts-show.right-6col:last-child, .gift_card_checkouts-show.left-5col:last-child { margin-right: 0 } .right-4col { float: left; display: block; margin-right: 2.357652%; width: 48.821174% } .right-4col:last-child { margin-right: 0 } .left-8col { float: left; display: block; margin-right: 2.357652%; width: 48.821174% } .left-8col:last-child { margin-right: 0 } } @media screen and (max-width: 480px) { .right-3col { float: left; display: block; margin-right: 2.357652%; width: 100% } .right-3col:last-child { margin-right: 0 } .mid-3col { float: left; display: block; margin-right: 2.357652%; width: 100% } .mid-3col:last-child { margin-right: 0 } .left-3col { float: left; display: block; margin-right: 2.357652%; width: 100% } .left-3col:last-child { margin-right: 0 } #gift-card .right-6col, #gift-card .left-5col { float: left; display: block; margin-right: 2.357652%; width: 100%; margin-left: 0% } #gift-card .right-6col:last-child, #gift-card .left-5col:last-child { margin-right: 0 } .right-4col { float: left; display: block; margin-right: 2.357652%; width: 100% } .right-4col:last-child { margin-right: 0 } .left-8col { float: left; display: block; margin-right: 2.357652%; width: 100% } .left-8col:last-child { margin-right: 0 } } .outer-container { max-width: 60em; margin-left: auto; margin-right: auto } .outer-container:after { content: ""; display: table; clear: both } @media screen and (max-width: 768px) { .outer-container { float: left; display: block; margin-right: 3.578664%; width: 100%; padding: 0.75rem } .outer-container:last-child { margin-right: 0 } } @media screen and (max-width: 480px) { .outer-container { float: left; display: block; margin-right: 4.829158%; width: 100%; padding: 0.75rem } .outer-container:last-child { margin-right: 0 } } .page-container { float: left; display: block; margin-right: 2.357652%; width: 100% } .page-container:last-child { margin-right: 0 } .page-container .outer-container { max-width: 60em; margin-left: auto; margin-right: auto } .page-container .outer-container:after { content: ""; display: table; clear: both } @media screen and (max-width: 960px) { .outer-container { padding-right: 0.75rem; padding-left: 0.75rem } } @media screen and (max-width: 480px) { .outer-container { background: white } } .general-section, .general-form .form-section { margin: 3rem 0 0.75rem 0 } .general-section:after, .general-form .form-section:after { content: ""; display: table; clear: both } .general-section:first-of-type, .general-form .form-section:first-of-type { margin-top: 2.0625rem } .general-section:last-of-type, .general-form .form-section:last-of-type { margin-top: 0rem } .general-section h3, .general-form .form-section h3 { border-bottom: solid 1px #cececf; padding-bottom: 0.75rem } .general-section .help-text, .general-form .form-section .help-text { color: #b5af95; font-style: italic } .general-section .help-text .error-alert, .general-form .form-section .help-text .error-alert { font-style: normal; color: red } .general-section .indent, .general-form .form-section .indent { margin-left: 25.589413%; float: left; display: block; margin-right: 2.357652%; width: 57.350979%; margin-top: 0; margin-bottom: 0 } .general-section .indent:after, .general-form .form-section .indent:after { content: ""; display: table; clear: both } .general-section .indent:last-child, .general-form .form-section .indent:last-child { margin-right: 0 } .general-form .form-section button.submit { margin-left: 25.589413% } .general-form .form-section fieldset, .general-form .form-section .terms, .general-form .form-section .help-text { margin-left: 25.589413%; float: left; display: block; margin-right: 2.357652%; width: 57.350979% } .general-form .form-section fieldset:last-child, .general-form .form-section .terms:last-child, .general-form .form-section .help-text:last-child { margin-right: 0 } .general-form .form-section input[type="text"], .general-form .form-section input[type="tel"], .general-form .form-section input[type="email"], .general-form .form-section input[type="number"], .general-form .form-section input[type="password"] { width: 100% } .general-form .form-section textarea { height: 7.5rem } @media screen and (max-width: 768px) { .general-form .form-section button.submit { margin-left: 0% } .general-form .form-section fieldset, .general-form .form-section .terms, .general-form .form-section .help-text { margin-left: 0%; float: left; display: block; margin-right: 2.357652%; width: 100% } .general-form .form-section fieldset:last-child, .general-form .form-section .terms:last-child, .general-form .form-section .help-text:last-child { margin-right: 0 } } .categories-bar { padding-top: 0.375rem } .categories-bar h3 { border-bottom: solid 1px #eae3d6; margin-bottom: 10px; padding-bottom: 0.375rem; padding: 8px 10px } .categories-bar ul { margin-top: 10px } .categories-bar li { margin-bottom: 0.1875rem } .categories-bar li a { color: #176092; display: block; line-height: 20px; padding: 0.375rem 0.75rem; text-decoration: none } .categories-bar li:hover { background: #F0E9DC; border-radius: 8px; color: #176092; text-decoration: none } .categories-bar li.active { background-color: #b5aea2; border-radius: 8px; display: block; color: white; text-decoration: none } .categories-bar li.active a { color: white } .categories-bar li.active a:after { content: "➡"; float: right; font-size: 1.125rem } .categories-bar li.disabled a { color: #858585 } @media screen and (max-width: 960px) { .categories-bar { padding-left: 0.375rem } } @media screen and (max-width: 768px) { .categories-bar { display: none } } .loading-placeholder { background-color: white; text-align: center; border: solid 3px #eae3d6 } #location-app .loading-placeholder { border: none } .loading-placeholder h3 { color: #eae3d6; font-family: "bebas-neue", sans-serif; font-size: 2.25rem; line-height: 1.875rem; margin-bottom: 2.25rem } .loading-placeholder .loading-icon { color: #eae3d6; display: inline-block; font-family: "orderup"; font-size: 5.625rem; line-height: 5.625rem; height: 5.625rem; margin-bottom: 2.25rem } .loading-placeholder.success { background-color: #dff0d9; border-color: #9c9 } .loading-placeholder.success h3 { color: #9c9 } .loading-placeholder.success .loading-icon { color: #9c9; font-family: "orderup"; font-size: 7.5rem } .system-warning { display: block; z-index: 100000; top: 0; position: fixed; text-align: center } .system-warning .info { padding: 0 0.375rem; background: #fcf8e3; border: 2px solid #faebcc } .checkout-alerts { float: left; display: block; margin-right: 2.357652%; width: 100%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: black; background-color: white; margin-bottom: 10px; border: solid 1px #eed3d7; background-color: #f2dede; border-radius: 4px; padding: 0.75rem; color: #b94a48 !important; float: none } .checkout-alerts:last-child { margin-right: 0 } .checkout-alerts div, .checkout-alerts p, .checkout-alerts span { color: #b94a48 !important } .checkout-alerts div:nth-child(2) { color: #b94a48 !important } .checkout-alerts .alert-title { font-size: 1.2rem; color: #b94a48; font-weight: 800; margin-bottom: 6px } .checkout-alerts.blue-alert { color: #3a87ad !important; background-color: #d9edf7; border-color: #bce8f1 } .checkout-alerts.blue-alert p, .checkout-alerts.blue-alert span, .checkout-alerts.blue-alert div { color: #3a87ad !important } .checkout-alerts.yellow-alert { color: #c09853 !important; background-color: #fcf8e3; border-color: #fbeed5 } .checkout-alerts.yellow-alert p, .checkout-alerts.yellow-alert span, .checkout-alerts.yellow-alert div { color: #c09853 !important } .checkout-alerts.yellow-alert a { color: #176092; font-weight: 600 } .checkout-alerts.green-alert { color: #393 !important; background-color: #d3ead3; border-color: #7b7 } .checkout-alerts.green-alert p, .checkout-alerts.green-alert span, .checkout-alerts.green-alert div { color: #393 !important } .checkout-alerts.green-alert .alert-title { color: #393 !important; font-weight: 400 } .small-edit-button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: black; background: #bc2031; border-radius: 4px; color: white; font-weight: 400; font-size: 0.75rem; padding: 0.375rem; text-decoration: none !important; display: block } .small-edit-button.center { margin: 10px auto 0 auto } .small-edit-button:hover { background: #9a1528 } .small-edit-button:focus { outline: none } .well { background-color: #394449; color: white; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif } .well.success { background-color: #dff0d9; color: #4a7c2b } .well.success h2 { color: #4a7c2b } .well.light { background-color: #e8ebeb; color: #4f5f66 } .well.light h2 { color: #4f5f66 } .well h2 { color: #eae3d6; margin-top: 0.75rem } .well p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif } .well address { color: #eae3d6; font-size: 0.9375rem; font-weight: normal; padding: 0.75rem 0 } .well .edit-address, .well .well-button { font-size: 0.75rem; border-radius: 6px; background-color: #7a858b; color: white; display: inline-block; text-align: center } .well .edit-address:hover, .well .well-button:hover { color: white; background-color: #626b70; text-decoration: none } .well#address-region { padding: 0 } #location-region .well { width: 100% } .account-container { margin: 2.25rem 0 } .account-container:after { content: ""; display: table; clear: both } @media screen and (max-width: 480px) { .account-container { margin-top: 0 } } @media screen and (max-width: 480px) { .account-nav { float: left; display: block; margin-right: 2.357652%; width: 100% } .account-nav:last-child { margin-right: 0 } } .account-form { float: left; display: block; margin-right: 2.357652%; width: 74.410587% } .account-form:last-child { margin-right: 0 } .account-form .full-width-label { float: left; display: block; margin-right: 2.357652%; width: 100% } .account-form .full-width-label:last-child { margin-right: 0 } .account-form form#new_gift_card_redemption .form-section { margin-top: 0 } .account-form form#new_gift_card_redemption .form-section button { margin-left: 0 } .account-form form#new_gift_card_redemption .form-section fieldset { margin-left: 0; margin-bottom: 0 } .account-form .form-section .well { width: 100%; color: #4f5f66; padding: 10px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; margin-bottom: 0 } .account-form .form-section .well .well-button { background-color: #176092; color: white; font-family: "urbana", sans-serif; padding: 8px; border-radius: 4px } .account-form .form-section .well .well-button:hover { color: white; background-color: #104366; text-decoration: none } .account-form .form-section .well .cancel-favorite { background-color: #f3902f } .account-form .form-section .well .pagination { text-align: center } .account-form .form-section .well .pagination a, .account-form .form-section .well .pagination span, .account-form .form-section .well .pagination em { padding-right: 5px } .account-form .form-section .well a { font-weight: 500; padding: 5px } .account-form .form-section .well table { margin-bottom: 10px } .account-form .form-section .well table thead th { color: #4f5f66; padding-bottom: 15px } .account-form .form-section .well table tbody td, .account-form .form-section .well table tbody td a { color: #858585; padding: 0 0 10px 0 } .account-form .form-section .well table tbody td.favorite-button { padding: 0 0 10px 10px; width: 100px } .account-form .form-section .well table tbody td.favorite-button a.delete-favorite { background-color: #f3902f } .account-form .form-section .well table tbody td.delete-address { padding: 0 0 10px 10px } .account-form .form-section .well table tbody td.delete-address a.well-button { background-color: #f3902f } .account-form .form-section .well table tbody tr { margin: 5px } .exit-interview-form { float: left; display: block; margin-right: 2.357652%; width: 100% } .exit-interview-form:last-child { margin-right: 0 } .exit-interview-form .full-width-label { float: left; display: block; margin-right: 2.357652%; width: 100% } .exit-interview-form .full-width-label:last-child { margin-right: 0 } .exit-interview-form .rating-label { width: 20em } .exit-interview-form form#new_gift_card_redemption .form-section { margin-top: 0 } .exit-interview-form form#new_gift_card_redemption .form-section button { margin-left: 0 } .exit-interview-form form#new_gift_card_redemption .form-section fieldset { margin-left: 0; margin-bottom: 0 } .exit-interview-form .form-section .well { width: 100%; color: #4f5f66; padding: 10px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; margin-bottom: 0 } .exit-interview-form .form-section .well .well-button { background-color: #176092; color: white; font-family: "urbana", sans-serif; padding: 8px; border-radius: 4px } .exit-interview-form .form-section .well .well-button:hover { color: white; background-color: #104366; text-decoration: none } .exit-interview-form .form-section .well .cancel-favorite { background-color: #f3902f } .exit-interview-form .form-section .well .pagination { text-align: center } .exit-interview-form .form-section .well .pagination a, .exit-interview-form .form-section .well .pagination span, .exit-interview-form .form-section .well .pagination em { padding-right: 5px } .exit-interview-form .form-section .well a { font-weight: 500; padding: 5px } .exit-interview-form .form-section .well table { margin-bottom: 10px } .exit-interview-form .form-section .well table thead th { color: #4f5f66; padding-bottom: 15px } .exit-interview-form .form-section .well table tbody td, .exit-interview-form .form-section .well table tbody td a { color: #858585; padding: 0 0 10px 0 } .exit-interview-form .form-section .well table tbody td.favorite-button { padding: 0 0 10px 10px; width: 100px } .exit-interview-form .form-section .well table tbody td.favorite-button a.delete-favorite { background-color: #f3902f } .exit-interview-form .form-section .well table tbody td.delete-address { padding: 0 0 10px 10px } .exit-interview-form .form-section .well table tbody td.delete-address a.well-button { background-color: #f3902f } .exit-interview-form .form-section .well table tbody tr { margin: 5px } #referral-code-section .referral-link-style, .checkout-thankyou #referral-code-section .referral-link-style { font-family: "urbana", sans-serif; font-size: 20px; font-weight: 500; word-break: break-all } @media screen and (max-width: 480px) { #referral-code-section .referral-link-style, .checkout-thankyou #referral-code-section .referral-link-style { font-size: 18px } } #referral-code-section .referral-link-style p, .checkout-thankyou #referral-code-section .referral-link-style p { font-size: 0.6em; word-wrap: normal } #referral-code-section .referral-link-style .referral-button #copy-button, .checkout-thankyou #referral-code-section .referral-link-style .referral-button #copy-button { background-color: #176092 } #referral-code-section .referral-link-style .referral-button #copy-button:hover, .checkout-thankyou #referral-code-section .referral-link-style .referral-button #copy-button:hover { background-color: #104366 !important } #referral-code-section .referral-link-style .referral-button .edit-referral, #referral-code-section .referral-link-style .referral-button .referral-copy, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .edit-referral, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .referral-copy { background-color: #176092; padding: 2px 5px 0 10px; border-radius: 4px; display: inline-block; margin-right: 5px; margin-top: 10px } #referral-code-section .referral-link-style .referral-button .edit-referral span, #referral-code-section .referral-link-style .referral-button .edit-referral a, #referral-code-section .referral-link-style .referral-button .referral-copy span, #referral-code-section .referral-link-style .referral-button .referral-copy a, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .edit-referral span, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .edit-referral a, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .referral-copy span, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .referral-copy a { background-color: #176092 } #referral-code-section .referral-link-style .referral-button .edit-referral:hover, #referral-code-section .referral-link-style .referral-button .referral-copy:hover, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .edit-referral:hover, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .referral-copy:hover { background-color: #104366 !important } #referral-code-section .referral-link-style .referral-button .edit-referral:hover span, #referral-code-section .referral-link-style .referral-button .edit-referral:hover a, #referral-code-section .referral-link-style .referral-button .referral-copy:hover span, #referral-code-section .referral-link-style .referral-button .referral-copy:hover a, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .edit-referral:hover span, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .edit-referral:hover a, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .referral-copy:hover span, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .referral-copy:hover a { background-color: #104366 !important } #referral-code-section .referral-link-style .referral-button .edit-referral i, #referral-code-section .referral-link-style .referral-button .referral-copy i, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .edit-referral i, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .referral-copy i { color: white; font-size: 16px; vertical-align: center } #referral-code-section .referral-link-style .referral-button .edit-referral #copy-font, #referral-code-section .referral-link-style .referral-button .referral-copy #copy-font, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .edit-referral #copy-font, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .referral-copy #copy-font { display: inline-block } #referral-code-section .referral-link-style .referral-button .edit-referral #copy-font img, #referral-code-section .referral-link-style .referral-button .referral-copy #copy-font img, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .edit-referral #copy-font img, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .referral-copy #copy-font img { height: 16px; margin: 0 0 0 0 } #referral-code-section .referral-link-style .referral-button .edit-referral a, #referral-code-section .referral-link-style .referral-button .edit-referral span, #referral-code-section .referral-link-style .referral-button .referral-copy a, #referral-code-section .referral-link-style .referral-button .referral-copy span, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .edit-referral a, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .edit-referral span, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .referral-copy a, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .referral-copy span { font-family: "urbana", sans-serif; font-size: 16px; color: white; font-weight: 200; vertical-align: center; line-height: 0 } #referral-code-section .referral-link-style .referral-button .edit-referral a:hover, #referral-code-section .referral-link-style .referral-button .edit-referral span:hover, #referral-code-section .referral-link-style .referral-button .referral-copy a:hover, #referral-code-section .referral-link-style .referral-button .referral-copy span:hover, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .edit-referral a:hover, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .edit-referral span:hover, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .referral-copy a:hover, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .referral-copy span:hover { background-color: #104366 !important } #referral-code-section .referral-link-style .referral-button .edit-referral a:focus, #referral-code-section .referral-link-style .referral-button .edit-referral span:focus, #referral-code-section .referral-link-style .referral-button .referral-copy a:focus, #referral-code-section .referral-link-style .referral-button .referral-copy span:focus, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .edit-referral a:focus, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .edit-referral span:focus, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .referral-copy a:focus, .checkout-thankyou #referral-code-section .referral-link-style .referral-button .referral-copy span:focus { outline: none } #referral-code-section .well, .checkout-thankyou #referral-code-section .well { background-color: #e8ebeb; border: 1px solid #e3e3e3; text-align: left } #referral-code-section .well h3, .checkout-thankyou #referral-code-section .well h3 { border-bottom: solid 1px #cececf } #referral-code-section ul.share-links, .checkout-thankyou #referral-code-section ul.share-links { padding: 0 } #referral-code-section ul.share-links li, .checkout-thankyou #referral-code-section ul.share-links li { display: inline-block; padding: 8px 10px 6px 10px; margin: 20px 20px 0 0; border-radius: 4px; font-family: "urbana", sans-serif; font-weight: 500; font-size: 16px; color: white; cursor: pointer; line-height: 1.2em } #referral-code-section ul.share-links li a, .checkout-thankyou #referral-code-section ul.share-links li a { padding: 0; color: white; text-decoration: none; line-height: 0 } #referral-code-section ul.share-links li a:hover, .checkout-thankyou #referral-code-section ul.share-links li a:hover { color: white } #referral-code-section ul.share-links li i, .checkout-thankyou #referral-code-section ul.share-links li i { padding-right: 5px; display: inline-block; font-size: 14px } #referral-code-section ul.share-links li#facebook-share, .checkout-thankyou #referral-code-section ul.share-links li#facebook-share { background: #3b5998 } #referral-code-section ul.share-links li#twitter-share, .checkout-thankyou #referral-code-section ul.share-links li#twitter-share { background: #00acee !important } #referral-code-section ul.share-links li#mail-share, .checkout-thankyou #referral-code-section ul.share-links li#mail-share { background: #777 } #default-address { width: 100% } .account-form #piggy-bank-accounts .speech-bubble .speech-top { background-color: #858585; border-radius: 8px; padding: 12px; max-width: 200px } .account-form #piggy-bank-accounts .speech-bubble .speech-top span { color: white } .account-form #piggy-bank-accounts .speech-bubble .speech-bottom { width: 0; height: 0; border-style: solid; border-width: 25px 25px 0 0; border-color: #858585 transparent transparent transparent; margin-left: 120px } .account-form #piggy-bank-accounts .big-porker span { font-family: "piggy-bank"; font-size: 120px; color: #ef8998; display: block; margin-top: 20px } @media screen and (max-width: 768px) { .account-form .form-section .well table tbody tr td { font-size: 10px } .account-form .form-section .well table tbody tr td.hide-on-mobile, .account-form .form-section .well table thead tr th.hide-on-mobile { display: none } } @media screen and (max-width: 480px) { .account-form { float: left; display: block; margin-right: 2.357652%; width: 100% } .account-form:last-child { margin-right: 0 } } #default-address { background: #7b7 } .system-warning, .flash-messages { top: 0; position: fixed; width: 100%; text-align: center } .system-warning .warning, .system-warning .flash, .flash-messages .warning, .flash-messages .flash { padding: 0 4px; background: #fcf8e3; border: 2px solid #faebcc } .system-banner { border-bottom: 1px solid #bce8f1; background-color: #d9edf7; padding: 12px; text-align: center; font-size: 20px } .system-banner a { color: #f3902f } .system-banner .message, .system-banner strong, .system-banner span, .system-banner p, .system-banner div { color: #3a87ad !important } .system-banner .close-button { position: absolute; top: 7px; right: 0; padding: 10px; font-size: 28px; color: #858585; font-size: 20px } .system-banner.offline { background-color: #f2dede; border-color: #eed3d7 } .system-banner.offline .messagae, .system-banner.offline strong, .system-banner.offline span, .system-banner.offline p, .system-banner.offline div { color: #b94a48 !important } .system-banner.offline a { color: #f3902f } .system-banner strong { font-size: 20px } .april_fools-index, .april_fools-show { padding: 0 } .april_fools-index #top-bar, .april_fools-index footer, .april_fools-show #top-bar, .april_fools-show footer { display: none } .april_fools-index h1, .april_fools-index h2, .april_fools-index h3, .april_fools-show h1, .april_fools-show h2, .april_fools-show h3 { margin: 0 } .april_fools-index *, .april_fools-show * { font-family: sans-serif !important } .april_fools-index header, .april_fools-show header { position: absolute; top: 40px; padding: 0 40px; width: 100%; z-index: 3 } .april_fools-index header .logo, .april_fools-show header .logo { padding: 8px 15px; color: white; max-width: 120px; display: block; text-decoration: none } .april_fools-index header .logo img, .april_fools-show header .logo img { max-width: 100% } @media screen and (max-width: 768px) { .april_fools-index header .logo, .april_fools-show header .logo { margin: 0 auto } } .april_fools-index header .get-started, .april_fools-show header .get-started { position: absolute; right: 40px; top: 20px; border: solid 1px #f3902f; background: #f3902f; text-decoration: none; border-radius: 3px; font-size: 14px; color: white; padding: 15px 20px } @media screen and (max-width: 768px) { .april_fools-index header .get-started, .april_fools-show header .get-started { display: none } } .april_fools-index .hero, .april_fools-show .hero { background: black; min-height: auto; max-height: auto; padding: 240px 0 200px; margin: 0; position: relative } .april_fools-index .hero.teaser, .april_fools-show .hero.teaser { height: 100vh; max-height: 100vh; min-height: 100vh } .april_fools-index .hero:after, .april_fools-show .hero:after { content: ""; position: absolute; left: 0; top: 0; z-index: 1; height: 100%; width: 100%; opacity: 0.6; background: url(/ununsplash.imgix.net/uploads/1411070807173e4d6762d/f84a3a01?dpr=2&fit=crop&fm=jpg&h=700&q=75&w=1050) bottom center no-repeat; background-size: cover } .april_fools-index .hero .inner, .april_fools-show .hero .inner { margin: 0 auto; max-width: 1200px; text-align: center; position: relative; z-index: 2 } .april_fools-index .hero h1, .april_fools-show .hero h1 { font-family: "urbana", sans-serif !important; font-size: 62px; text-align: center; color: white; -webkit-animation: fadeOnIn 1.8s; margin-bottom: 40px } .april_fools-index .hero p, .april_fools-show .hero p { font-family: sans-serif; font-size: 24px; color: white } .april_fools-index .hero p.teaser, .april_fools-show .hero p.teaser { text-transform: uppercase; letter-spacing: 2px; -webkit-animation: fadeOnIn 2s; opacity: 0.7; font-weight: bold } @media screen and (max-width: 768px) { .april_fools-index .hero p.teaser, .april_fools-show .hero p.teaser { font-size: 18px } } @media screen and (max-width: 768px) { .april_fools-index .hero, .april_fools-show .hero { padding: 140px 20px } .april_fools-index .hero h1, .april_fools-show .hero h1 { font-size: 38px } } .april_fools-index .hero .get-started, .april_fools-show .hero .get-started { padding: 18px 30px; color: white; border-radius: 4px; background: #1EFEC2; background: #f3902f; display: inline-block; text-decoration: none } .april_fools-index .hero .get-started span, .april_fools-show .hero .get-started span { display: block; border-bottom: solid 2px white; padding-bottom: 3px } .april_fools-index .play, .april_fools-show .play { padding: 60px 0 0 } .april_fools-index .play a, .april_fools-show .play a { border: solid 2px white; height: 120px; width: 120px; margin: 0 auto; border-radius: 50%; text-align: center; color: white; text-decoration: none; position: relative; display: block } .april_fools-index .play a i, .april_fools-show .play a i { position: absolute; top: 54px; left: 48px; font-size: 32px } .april_fools-index .about, .april_fools-show .about { background: #f8f8f8 } .april_fools-index .about .inner, .april_fools-show .about .inner { padding: 100px 20px; max-width: 1200px; margin: 0 auto } .april_fools-index .about h2, .april_fools-show .about h2 { font-family: "urbana", sans-serif !important; margin-bottom: 20px } .april_fools-index .about p, .april_fools-show .about p { max-width: 400px; margin: 0 auto; text-align: center; line-height: 1.7 } @media (min-width: 760px) { .april_fools-index .about p, .april_fools-show .about p { max-width: 800px !important } } .april_fools-index #particles-js, .april_fools-show #particles-js { height: 500px; width: 100%; background: white; opacity: 0.7 } .april_fools-index .science, .april_fools-show .science { position: relative; top: -360px; height: 0 } .april_fools-index .science h2, .april_fools-show .science h2 { font-family: "urbana", sans-serif !important; margin-bottom: 20px } .april_fools-index .science p, .april_fools-show .science p { max-width: 400px; margin: 0 auto; line-height: 1.7; text-align: center; padding: 0 20px } @media (min-width: 760px) { .april_fools-index .science p, .april_fools-show .science p { max-width: 800px !important } } .april_fools-index .testimonial, .april_fools-show .testimonial { background: #bc2031 } .april_fools-index .testimonial h2, .april_fools-show .testimonial h2 { margin-bottom: 80px; font-family: "urbana", sans-serif !important; color: white } .april_fools-index .testimonial .inner, .april_fools-show .testimonial .inner { padding: 100px 0; margin: 0 auto; max-width: 1200px; position: relative } .april_fools-index .testimonial .flex-container, .april_fools-show .testimonial .flex-container { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center } @media screen and (max-width: 768px) { .april_fools-index .testimonial .flex-container, .april_fools-show .testimonial .flex-container { display: block } .april_fools-index .testimonial .flex-container > .card, .april_fools-show .testimonial .flex-container > .card { -webkit-flex: none; flex: none; width: 100%; display: block; margin: 0 auto 20px } } .april_fools-index .testimonial .card, .april_fools-show .testimonial .card { -webkit-flex: 1 0; flex: 1 0; max-width: 280px; min-width: 280px; border: solid 1px white; border-radius: 4px; text-align: center; background: white; margin: 20px; min-height: 260px; padding: 0 20px } .april_fools-index .testimonial .card .avatar, .april_fools-show .testimonial .card .avatar { position: absolute; top: 40px; text-align: center; width: 100% } .april_fools-index .testimonial .card .avatar img, .april_fools-show .testimonial .card .avatar img { height: 80px; width: 80px; margin: 0 auto; background: #efefef; border-radius: 50%; border: solid 1px #ccc; display: block } .april_fools-index .testimonial .card .quote, .april_fools-show .testimonial .card .quote { margin-top: 60px; font-style: italic; font-weight: bold; line-height: 1.7 } .april_fools-index .quiz, .april_fools-show .quiz { background: #f8f8f8 } .april_fools-index .quiz .inner, .april_fools-show .quiz .inner { padding: 80px 0; text-align: center } .april_fools-index .quiz h2, .april_fools-show .quiz h2 { font-family: "urbana", sans-serif !important; margin-bottom: 40px } .april_fools-index .quiz .get-started, .april_fools-show .quiz .get-started { display: inline-block; padding: 20px 40px; font-size: 14px; text-align: center; background: #1EFEC2; background: #f3902f; border-radius: 4px; min-width: 250px; text-decoration: none } .april_fools-index .quiz .get-started span, .april_fools-show .quiz .get-started span { color: white; padding-bottom: 3px; border-bottom: solid 2px white } .april_fools-index .modal, .april_fools-show .modal { background: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 99; display: none; overflow: auto } .april_fools-index .modal .header-close-modal, .april_fools-show .modal .header-close-modal { position: absolute; right: 10px; top: 10px; color: #bc2031; cursor: pointer } .april_fools-index .modal h2, .april_fools-show .modal h2 { font-family: "urbana", sans-serif !important } .april_fools-index .modal legend, .april_fools-show .modal legend { padding-bottom: 14px } .april_fools-index .modal input[type=text], .april_fools-show .modal input[type=text] { display: block; width: 100%; padding: 10px; margin-top: 10px; margin-bottom: 10px } .april_fools-index .modal input[type=submit], .april_fools-show .modal input[type=submit] { display: block; width: 100%; padding: 10px; border: 1px solid #222; background: #efefef; margin-top: 20px } .april_fools-index .modal input[type=submit][disabled], .april_fools-show .modal input[type=submit][disabled] { color: #aaa; background: white; border: 1px solid #ccc } .april_fools-index .modal .true_or_false, .april_fools-show .modal .true_or_false { text-align: center } .april_fools-index .modal .true_or_false > span, .april_fools-show .modal .true_or_false > span { padding: 10px } .april_fools-index .modal .pg-bar-wrapper, .april_fools-show .modal .pg-bar-wrapper { margin-top: 5px; width: 100%; height: 9px } .april_fools-index .modal .pg-bar-wrapper .pg-bar, .april_fools-show .modal .pg-bar-wrapper .pg-bar { height: 9px; background: #bc2031 } .april_fools-index .modal.show, .april_fools-show .modal.show { display: block } .april_fools-index .modal .modal-body, .april_fools-show .modal .modal-body { max-width: 600px; margin: 80px auto; padding: 20px; border-radius: 4px } .april_fools-index .modal .modal-body .inner, .april_fools-show .modal .modal-body .inner { position: relative; background: white; min-height: 400px; padding: 20px } @media screen and (max-width: 480px) { .april_fools-index .modal .modal-body, .april_fools-show .modal .modal-body { margin: 0 auto } } .april_fools-confirmation #top-bar, .april_fools-confirmation footer { display: none } .april_fools-confirmation .logo { width: 90px; margin: -40px auto 80px; display: block } .april_fools-confirmation .logo img { max-width: 100% } .april_fools-confirmation .april-fools-container { max-width: 500px; margin: 0 auto; padding: 30px; font-size: 16px; position: relative; z-index: 2 } .april_fools-confirmation .april-fools-container h2 { font-family: "urbana", sans-serif !important; font-size: 34px; margin-bottom: 40px; color: #333 } .april_fools-confirmation .april-fools-container p { color: #666; font-weight: 100; font-size: 18px; line-height: 1.8 } .april_fools-confirmation .share-bar { border-top: solid 1px #efefef; padding-top: 30px } .april_fools-confirmation .share-bar .share-the-love, .april_fools-confirmation .share-bar .order-now { display: inline-block; width: 48%; height: 56px; padding: 15px; text-align: center; background: #bc2031; color: white; font-size: 20px; border-radius: 4px } .april_fools-confirmation .share-bar .share-the-love:hover, .april_fools-confirmation .share-bar .order-now:hover { text-decoration: none } .april_fools-confirmation .share-bar .share-the-love span, .april_fools-confirmation .share-bar .order-now span { margin-right: 5px; color: white; font-size: 14px } .april_fools-confirmation .share-bar .order-now { margin-right: 2% } @-webkit-keyframes fadeOnIn { from { opacity: 0; padding-top: 40px } } .local-tag-span img { border: 1px solid lightgray; background-color: white; border-radius: 3px; padding: 1px } .local-tag-span img.margin-right { margin-right: 3px } .boom-mark { display: inline-block; margin-right: 0.25rem } .boom-mark:after { white-space: pre-line; width: 11rem } @media screen and (max-width: 480px) { .boom-mark:before, .boom-mark:after { display: none } } .boom-mark img { vertical-align: middle } @media screen and (max-width: 768px) { .restaurant .boom-mark { display: block } } @media screen and (max-width: 480px) { .restaurant .boom-mark { display: inline } } #boom-filter { background: #e8ebeb; border-collapse: collapse; border-width: 0 0 1px 0; display: table; min-height: 0; padding: 0; position: relative; width: 100% } #boom-filter input { position: absolute; left: 0; top: 0; z-index: -1 } #boom-filter label { border-spacing: 0; cursor: pointer; display: table-cell; padding: 1rem 3rem 1rem 4rem; position: relative; vertical-align: middle; width: 50% } #boom-filter label h2, #boom-filter label .quiet, #boom-filter label .badge, #boom-filter label:before { opacity: 0.6 } #boom-filter label h2 { font: 110% bold "bebas-neue", sans-serif; text-transform: uppercase; margin: 0 0 0.1rem 0; padding: 0 } #boom-filter label .quiet { color: #4f5f66; font-size: 90% } @media screen and (max-width: 480px) { #boom-filter label .quiet { display: none } } #boom-filter label .badge { background-color: #858585; border-radius: 100%; height: 2rem; line-height: 2rem; margin-top: -1rem; padding: 0; position: absolute; right: 1rem; text-align: center; top: 50%; width: 2rem } @media screen and (max-width: 480px) { #boom-filter label .badge { line-height: 1.5rem; height: 1.5rem; margin-top: -0.75rem; width: 1.5rem } } #boom-filter label:first-of-type { border-right: 1px solid #cececf } #boom-filter label:before { background: #d4d7da; border: 1px dashed #858585; border-radius: 2rem; color: #858585; content: "✓"; display: block; height: 2rem; left: 1rem; line-height: 2.3rem; margin-top: -1rem; position: absolute; text-align: center; top: 50%; width: 2rem } @media screen and (max-width: 480px) { #boom-filter label { font-size: 80%; line-height: initial !important; padding: 0.5rem 2.5rem 0.5rem 2.5rem } #boom-filter label:before { left: 0.5rem; height: 1rem; line-height: 1.2rem; margin-top: -0.5rem; width: 1rem } } #boom-filter input:checked + label h2, #boom-filter input:checked + label .quiet, #boom-filter input:checked + label .badge, #boom-filter input:checked + label:before { opacity: 1 } #boom-filter input:checked + label .badge { background-color: #f3902f } #boom-filter input:checked + label:before { -webkit-transition: all 200ms cubic-bezier(0.01, 0.34, 0.64, 1.65); -moz-transition: all 200ms cubic-bezier(0.01, 0.34, 0.64, 1.65); transition: all 200ms cubic-bezier(0.01, 0.34, 0.64, 1.65); background-color: #9c9; border: 1px solid #7b7; color: #4a7c2b; font-size: 150%; line-height: 2.4rem } @media screen and (max-width: 480px) { #boom-filter input:checked + label:before { -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; font-size: 80%; line-height: 1.2rem } } #boom-filter input:not(:checked) + label:hover:before { color: #7a858b } #boom-filter input:not(:checked) + label:active:before { border-style: solid; color: #7a858b; content: "✓" } #boom-filter label:hover .boom-mark img, .restaurant:hover .boom-mark img { -webkit-animation: wobble-subtle 100ms infinite; -moz-animation: wobble-subtle 100ms infinite; animation: wobble-subtle 100ms infinite } .boom-mark:hover img { -webkit-animation: wobble-frenetic 100ms infinite !important; -moz-animation: wobble-frenetic 100ms infinite !important; animation: wobble-frenetic 100ms infinite !important } @-webkit-keyframes wobble-subtle { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: rotate3d(0, 0, 1, -2deg) } 25% { -webkit-transform: scale3d(0.98, 0.95, 1) } 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: scale3d(1.02, 1.05, 1) } } @-moz-keyframes wobble-subtle { 0% { -moz-animation-timing-function: ease-in; -moz-transform: rotate3d(0, 0, 1, -2deg) } 25% { -moz-transform: scale3d(0.98, 0.95, 1) } 50% { -moz-animation-timing-function: ease-out; -moz-transform: rotate3d(0, 0, 1, 2deg) } 75% { -moz-transform: scale3d(1.02, 1.05, 1) } } @keyframes wobble-subtle { 0% { -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: rotate3d(0, 0, 1, -2deg); -moz-transform: rotate3d(0, 0, 1, -2deg); -ms-transform: rotate3d(0, 0, 1, -2deg); -o-transform: rotate3d(0, 0, 1, -2deg); transform: rotate3d(0, 0, 1, -2deg) } 25% { -webkit-transform: scale3d(0.98, 0.95, 1); -moz-transform: scale3d(0.98, 0.95, 1); -ms-transform: scale3d(0.98, 0.95, 1); -o-transform: scale3d(0.98, 0.95, 1); transform: scale3d(0.98, 0.95, 1) } 50% { -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: rotate3d(0, 0, 1, 2deg); -moz-transform: rotate3d(0, 0, 1, 2deg); -ms-transform: rotate3d(0, 0, 1, 2deg); -o-transform: rotate3d(0, 0, 1, 2deg); transform: rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: scale3d(1.02, 1.05, 1); -moz-transform: scale3d(1.02, 1.05, 1); -ms-transform: scale3d(1.02, 1.05, 1); -o-transform: scale3d(1.02, 1.05, 1); transform: scale3d(1.02, 1.05, 1) } } @-webkit-keyframes wobble-frenetic { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: rotate3d(0, 0, 1, -3deg) } 25% { -webkit-transform: scale3d(0.97, 0.95, 1) } 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: rotate3d(0, 0, 1, 3deg) } 75% { -webkit-transform: scale3d(1.03, 1.05, 1) } } @-moz-keyframes wobble-frenetic { 0% { -moz-animation-timing-function: ease-in; -moz-transform: rotate3d(0, 0, 1, -3deg) } 25% { -moz-transform: scale3d(0.97, 0.95, 1) } 50% { -moz-animation-timing-function: ease-out; -moz-transform: rotate3d(0, 0, 1, 3deg) } 75% { -moz-transform: scale3d(1.03, 1.05, 1) } } @keyframes wobble-frenetic { 0% { -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: rotate3d(0, 0, 1, -3deg); -moz-transform: rotate3d(0, 0, 1, -3deg); -ms-transform: rotate3d(0, 0, 1, -3deg); -o-transform: rotate3d(0, 0, 1, -3deg); transform: rotate3d(0, 0, 1, -3deg) } 25% { -webkit-transform: scale3d(0.97, 0.95, 1); -moz-transform: scale3d(0.97, 0.95, 1); -ms-transform: scale3d(0.97, 0.95, 1); -o-transform: scale3d(0.97, 0.95, 1); transform: scale3d(0.97, 0.95, 1) } 50% { -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: rotate3d(0, 0, 1, 3deg); -moz-transform: rotate3d(0, 0, 1, 3deg); -ms-transform: rotate3d(0, 0, 1, 3deg); -o-transform: rotate3d(0, 0, 1, 3deg); transform: rotate3d(0, 0, 1, 3deg) } 75% { -webkit-transform: scale3d(1.03, 1.05, 1); -moz-transform: scale3d(1.03, 1.05, 1); -ms-transform: scale3d(1.03, 1.05, 1); -o-transform: scale3d(1.03, 1.05, 1); transform: scale3d(1.03, 1.05, 1) } } .cart-participant-actions button { margin: 3px 0 } .is-done-ordering:before { content: "✓"; color: #9c9 } @media screen and (max-width: 480px) { .always-show-mobile-row { display: table-row !important } } .cart-order, .checkout-cart { border: solid 3px #eae3d6 } .cart-order .badge, .checkout-cart .badge { line-height: 1.25em } .cart-order .delivery-address, .checkout-cart .delivery-address { padding-top: 1.125rem } .cart-order .delivery-address .green, .checkout-cart .delivery-address .green { font-size: 1.25em } .cart-order .warning h4, .checkout-cart .warning h4 { text-transform: none; border: 0; margin: 10px 0 0 0 } .cart-order .complete-order, .checkout-cart .complete-order { float: left; clear: both; margin-top: 1.5rem; width: 100% } .cart-order .complete-order:after, .checkout-cart .complete-order:after { content: ""; display: table; clear: both } .cart-order .complete-order .checkout-button, .checkout-cart .complete-order .checkout-button { font-size: 1.125rem; padding: 0.75rem; border-radius: 6px; background-color: #7b7; color: white; display: inline-block; text-align: center; background-color: #5bb75b; font-weight: bold; font-size: 1.5rem; letter-spacing: 0.5px; width: 100% } .cart-order .complete-order .checkout-button:hover, .checkout-cart .complete-order .checkout-button:hover { color: white; background-color: #5a5; text-decoration: none } .cart-order .complete-order .checkout-button.checkout-disabled, .checkout-cart .complete-order .checkout-button.checkout-disabled { background: #d4d7da; color: #959696 } .cart-order .disclaimer, .checkout-cart .disclaimer { padding: 0.375rem 0 0; clear: both } .cart-order .disclaimer:after, .checkout-cart .disclaimer:after { content: ""; display: table; clear: both } .cart-order .disclaimer p, .checkout-cart .disclaimer p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; text-align: center } .cart-order .disclaimer p a, .checkout-cart .disclaimer p a { text-decoration: underline } .cart-order #coupon-form-region, .checkout-cart #coupon-form-region { border-bottom: solid 1px #cececf; border-top: solid 1px #cececf; margin-top: 0.75rem } .cart-order #coupon-form-region form, .checkout-cart #coupon-form-region form { margin-bottom: 0.75rem } .cart-order #coupon-form-region a, .checkout-cart #coupon-form-region a { color: #289eef; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.75rem; display: block; margin: 10px 0; font-weight: normal } .cart-order #coupon-form-region a:visited, .checkout-cart #coupon-form-region a:visited { color: #289eef } .cart-order #coupon-form-region input#couponCode, .checkout-cart #coupon-form-region input#couponCode { float: left; margin-right: 0.375rem; width: 65% } .cart-order #coupon-form-region button[type="submit"], .checkout-cart #coupon-form-region button[type="submit"] { width: 30%; border-radius: 5px; color: black; background-color: whitesmoke; line-height: 28px } .cart-order #delivery-time-region p, .checkout-cart #delivery-time-region p { font-size: 12px; margin: 0.75rem 0 0 0; padding: 0.75rem; background-color: #fff; border: 2px solid #7b7; border-radius: 4px; color: #000 } .cart-order #delivery-time-region p .ofl-clock, .checkout-cart #delivery-time-region p .ofl-clock { float: left; font-size: 25px; margin: 0 9px 5px 0 } .cart-order .issue, .checkout-cart .issue { width: 100%; margin-top: 0.75rem } .cart-order .cart-message, .checkout-cart .cart-message { width: 100%; margin-top: 0.75rem; background-color: #5bb75b } .cart-order .cart-notification, .checkout-cart .cart-notification { margin-top: -15px; margin-bottom: 20px; text-align: center } .menu-app #delivery-time-region p .ofl-clock { margin: 0 9px 15px 0 } .cart-order.light { background-color: #eae3d6 } .cart-order.light h3, .cart-order.light h4 { color: #4f5f66 } .cart-container #cart-app { float: left; display: block; margin-right: 2.357652%; width: 65.880783%; margin-left: 17.059609%; margin-top: 1.5rem; margin-bottom: 1.5rem } .cart-container #cart-app:last-child { margin-right: 0 } .cart-container #cart-app .cart-order .address-region { padding-top: 0; margin-top: 0 } @media screen and (max-width: 480px) { .cart-container #cart-app { float: left; display: block; margin-right: 2.357652%; width: 100%; margin-left: 0%; margin-top: 0 } .cart-container #cart-app:last-child { margin-right: 0 } } .order-details { padding-top: 1.875rem } .order-details:after { content: ""; display: table; clear: both } .order-details h3 { border: none; text-align: left } .order-details table { color: #333 } .order-details table td:first-child, .order-details table th:first-child { width: 50% } .order-details table td:nth-child(2), .order-details table th:nth-child(2) { text-align: center; width: 20% } .order-details table td:nth-child(3), .order-details table th:nth-child(3) { text-align: right; width: 20% } .order-details table td:last-child { text-align: right } .order-details table td:last-child.cart-item-options { text-align: left } .order-details table .cart-item-options { text-align: left } .order-details table .cart-item-options td .group-name, .order-details table .cart-item-options td .option-name { float: left; font-size: 0.5625rem; line-height: 0.5625rem } .order-details table .cart-item-options td .group-name { font-style: italic; clear: left; min-width: 20%; padding-right: 0.375rem } .order-details table .cart-item-options td .option-name { margin-bottom: 0.1875rem } .order-details table.cart-total tr td:first-child { width: 70% } .order-details table.cart-total tr td:last-child { width: 20%; text-align: right } .order-details table.cart-total tr.total-row { font-size: 0.9375rem; font-weight: bold } .order-details table.cart-total tr.total-row td { padding-top: 0.375rem } .order-details #items-region, .order-details #coupons-region, .order-details .cart-section { border-bottom: solid 1px #cececf; margin-bottom: 0.75rem; padding-bottom: 0.75rem } .order-details #items-region a, .order-details #coupons-region a, .order-details .cart-section a { color: #333 } .order-details #items-region a.js-item-link, .order-details #coupons-region a.js-item-link, .order-details .cart-section a.js-item-link { color: #176092 } .order-details #items-region a.remove, .order-details #coupons-region a.remove, .order-details .cart-section a.remove { color: #bc2031 } .order-details #items-region .cart-item-options, .order-details #coupons-region .cart-item-options, .order-details .cart-section .cart-item-options { color: #7a858b } .order-details #items-region .cart-item-options .option-name, .order-details #coupons-region .cart-item-options .option-name, .order-details .cart-section .cart-item-options .option-name { color: #333 } .order-details #items-region table, .order-details #coupons-region table, .order-details .cart-section table { margin-bottom: 10px } .order-details #items-region table td, .order-details #coupons-region table td, .order-details .cart-section table td { color: #333 } .order-details #items-region table td.label-for, .order-details #coupons-region table td.label-for, .order-details .cart-section table td.label-for { text-align: left; color: #333 } .order-details .group-order-link { word-wrap: break-word } #location-region > .well { border: 2px solid #eae3d6 } #location-region .well { background-color: #fdf6e8; color: #333; border-radius: 6px } #location-region .well .edit-address-area .address-string { color: #333 } #location-region .well .edit-address-area .address-region .address-issue { margin-top: 5px } #location-region .well .edit-address-area .address-region .address-string { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; color: #b5af95 } #location-region .well .edit-address-area .label { color: #333 } #location-region .well .edit-address-area footer.address-form-switcher { color: #333 } #cart-app .cart-order .address-region { display: block; margin: 0.75rem 0; padding: 0.375rem 0 } #cart-app .cart-order .address-region.outer { padding: 0.75rem } #cart-app .cart-order .address-region span.label { font-size: 1.125rem; font-weight: 500; text-transform: uppercase; display: block; margin-bottom: 5px } #cart-app .cart-order .address-region .address-goes-here a.js-edit-address { float: left; color: #176092; padding-right: 2px } #cart-app .cart-order .address-region .address-goes-here a#js-clear-address { padding-left: 10px; float: right; line-height: -9.8em !important; font-size: 28px; color: #858585; font-family: "urbana", sans-serif } #cart-app .cart-order .order-details table td:last-child { text-align: right } #cart-app .cart-order .order-details table td:last-child.label-for { text-align: left } #cart-app .cart-order .order-details table td:last-child.cart-item-options { text-align: left } .cart-order .carts-region > div:not(:last-of-type) { border-bottom: dashed 3px #394449; padding-bottom: 3rem; margin-bottom: 1.5rem } .cart-order.light .carts-region > div:not(:last-of-type) { border-bottom: dashed 3px #b5af95 } .cart-order.light .carts-region > div table, .cart-order.light .carts-region > div .cart-item-options td .group-name, .cart-order.light .carts-region > div .cart-item-options td .option-name, .cart-order.light .carts-region > div table.cart-total tr.total-row, .cart-order.light .carts-region > div .total-row, .cart-order.light .carts-region > div .group-order-link { color: #4f5f66 } .cart-order.light .carts-region > div #items-region a, .cart-order.light .carts-region > div #coupons-region a, .cart-order.light .carts-region > div #coupon-form-region a { color: #176092 } .cart-order.light .carts-region > div #items-region a.button, .cart-order.light .carts-region > div #coupons-region a.button, .cart-order.light .carts-region > div #coupon-form-region a.button { color: white } .cart-order.light .carts-region > div #items-region td, .cart-order.light .carts-region > div #coupons-region td, .cart-order.light .carts-region > div #coupon-form-region td { color: #4f5f66 } .start-order { clear: left; background: #eae3d6; padding: 0 } .start-order h3 { color: #625f57; text-align: left; padding: 0.75rem; margin: 0 0 0.75rem 0 } .start-order p.closed-label { margin: 0 auto; padding: 5px; color: white; background-color: #bc2031; font-size: 12px; width: 70%; text-align: center; border-top-right-radius: 4px; border-top-left-radius: 4px } .start-order p.closed-label.for-later-label { background: white; color: black; border: #7b7 3px solid; border-bottom: inherit } @media screen and (max-width: 480px) { .offers { display: none } } .checkout-cart { float: left; display: block; margin-right: 2.357652%; width: 31.761566%; margin-right: 0; float: right } .checkout-cart:last-child { margin-right: 0 } .checkout-cart .restaurant-brand { float: left; display: block; margin-right: 2.357652%; width: 23.231761% } .checkout-cart .restaurant-brand:last-child { margin-right: 0 } .checkout-cart .restaurant-brand .logo { width: 100%; background: white; border-radius: 10px; padding: 20px; padding: 0.375rem; max-height: 65px } .checkout-cart .restaurant-brand .logo .vendor-img img { vertical-align: middle; max-height: 55px } .checkout-cart .restaurant-info { float: left; display: block; margin-right: 2.357652%; width: 74.410587%; margin-right: 0 } .checkout-cart .restaurant-info:last-child { margin-right: 0 } .checkout-cart .restaurant-info h3 { border: 0; text-align: left } .checkout-cart .restaurant-info h3 a { color: #176092 } @media screen and (max-width: 768px) { .checkout-cart { float: left; display: block; margin-right: 2.357652%; width: 48.821174% } .checkout-cart:last-child { margin-right: 0 } .checkout-cart .restaurant-brand { float: left; display: block; margin-right: 2.357652%; width: 31.761566% } .checkout-cart .restaurant-brand:last-child { margin-right: 0 } .checkout-cart .restaurant-brand .logo { max-height: 55px } .checkout-cart .restaurant-brand .logo .vendor-img img { max-height: 45px } .checkout-cart .restaurant-info { float: left; display: block; margin-right: 2.357652%; width: 65.880783%; margin-right: 0 } .checkout-cart .restaurant-info:last-child { margin-right: 0 } .checkout-cart .restaurant-info h3 { margin: 0 0 10px 5px } } @media screen and (max-width: 480px) { .checkout-cart { float: left; display: block; margin-right: 2.357652%; width: 100% } .checkout-cart:last-child { margin-right: 0 } } .checkout-container { margin: 2.25rem 0 } @media screen and (max-width: 480px) { .checkout-container { margin-top: 0 } } #payment .campus-card-form { margin-left: 145px } #charity .charity-donation { width: 100% } #charity .charity-donation div { float: left } #charity .charity-donation .charity-select { width: 60% } #charity .charity-donation .charity-select #charity-choice { width: 100% } #charity .charity-donation #charity-amount { width: 40%; margin-bottom: 10px; padding: 0 5px; position: relative } #charity .charity-donation #charity-amount #charity-custom-amount { display: block; width: 100%; padding: 14px 10px 14px 30px; height: auto; float: none } #charity .charity-donation #charity-amount label { position: absolute; left: 20px; top: 16px; z-index: 1; display: block; float: none } #charity .charity-donation #charity-amount .charity-auto { width: 100% } #tip #tipAmount input { vertical-align: middle } #tip #tipAmount label { vertical-align: middle; padding: 0.375rem 0.375rem 0 0 } .tip-percent-container { margin-bottom: 10px; vertical-align: bottom; margin-right: 0 } .tip-percent-container:after { content: ""; display: table; clear: both } .tip-percent-container > div { width: 33.3333%; padding: 0 5px; display: inline; float: left } .tip-percent-container a.tip-percent { display: block; cursor: pointer; background-color: #efefef; border-radius: 4px; border: solid 1px #ccc; padding: 20px; text-align: center; width: 100%; position: relative } .tip-percent-container a.tip-percent:hover { text-decoration: none; border: solid 1px #999 } .tip-percent-container a.tip-percent.selected { border: solid 1px #66b366; background: #7b7; color: white } .tip-percent-container a.tip-percent.selected .percentage, .tip-percent-container a.tip-percent.selected .money { color: inherit } .tip-percent-container a.tip-percent .percentage { font-size: 2rem; margin-bottom: 1rem; display: block; line-height: 1; color: #333 } .tip-percent-container a.tip-percent .money { font-size: 1rem; color: #666 } .tip-percent-container a.tip-percent .selected-icon { background: #393; display: block; border-radius: 50%; height: 25px; width: 25px; text-align: center; line-height: 30px; color: white; position: absolute; top: -8px; right: -8px; font-size: 12px; display: none } .checkout-container .notifications-container { margin-bottom: 60px } .checkout-container .notifications-container p { margin-bottom: 20px } .checkout-container .sms-updates { position: relative; margin: 10px 0 } .checkout-container .sms-updates label { position: absolute; left: 0; top: 0; padding: 15px 20px 15px 30px; background: #efefef; border: solid 1px #ccc; cursor: pointer; width: 100%; border-radius: 4px } .checkout-container .sms-updates:hover label { border-color: #999 } .checkout-container .sms-updates .send-sms-updates { display: none } .checkout-container .sms-updates .mock-checkbox { height: 12px; width: 12px; border: solid 1px #333; position: absolute; top: 19px; left: 10px; background: transparent; z-index: 1 } .checkout-container .sms-updates .mock-check { position: absolute; left: 10px; top: 15px; z-index: 2; color: white; display: none; font-size: 1rem } .checkout-container .sms-updates .send-sms-updates:checked ~ label { border-color: #7b7; background: #7b7; color: white } .checkout-container .sms-updates .send-sms-updates:checked ~ label .mock-checkbox { border-color: #4d994d } .checkout-container .sms-updates .send-sms-updates:checked ~ label .mock-check { display: block } .tip-container { margin: 0 auto; max-width: 380px } .tip-container:after { content: ""; display: table; clear: both } .tip-container .custom-tip, .tip-container .no-tip, .tip-container .cash-tip, .tip-container .notifications-button { margin-bottom: 10px; padding: 0 5px; position: relative } .tip-container .custom-tip a, .tip-container .no-tip a, .tip-container .cash-tip a, .tip-container .notifications-button a { display: block; background: #efefef; border: solid 1px #ccc; padding: 15px 0; text-align: center; border-radius: 4px; text-decoration: none } .tip-container .custom-tip a:hover, .tip-container .no-tip a:hover, .tip-container .cash-tip a:hover, .tip-container .notifications-button a:hover { border: solid 1px #999; color: #333 } .tip-container .custom-tip input[type="text"], .tip-container .no-tip input[type="text"], .tip-container .cash-tip input[type="text"], .tip-container .notifications-button input[type="text"] { display: block; width: 100%; padding: 14px 10px 14px 30px; height: auto; float: none } .tip-container .custom-tip label, .tip-container .no-tip label, .tip-container .cash-tip label, .tip-container .notifications-button label { position: absolute; left: 20px; top: 16px; z-index: 1; display: block; float: none } .tip-container .custom-tip { width: 50%; float: left } .tip-container .custom-tip .selected { background: #7b7; border-color: #7b7; color: white } .tip-container .custom-tip .selected:hover { color: white; border-color: white } .tip-container .no-tip { width: 50%; float: left } .tip-container .no-tip .selected { background: #bc2031; border-color: #bc2031; color: white } .tip-container .no-tip .selected:hover { color: white; border-color: white } .tip-container .cash-tip .selected, .tip-container .notifications-button .selected { background: #7b7; border-color: #7b7; color: white } .tip-container .cash-tip .selected:hover, .tip-container .notifications-button .selected:hover { color: white; border-color: white } .notifications-button a { width: 50% } .notifications-button a:first-child { float: left; border-radius: 4px 0 0 4px } .notifications-button a:nth-child(2) { float: right; border-radius: 0 4px 4px 0; margin-left: -1px } @media screen and (max-width: 768px) { #payment .campus-card-form { margin-left: 0 } } #checkout-alerts { float: left; display: block; margin-right: 2.357652%; width: 100%; background-color: white; margin-bottom: 10px; border: solid 1px #eed3d7; background-color: #f2dede } #checkout-alerts:last-child { margin-right: 0 } #checkout-alerts div:nth-child(2) { color: #b94a48 !important; font-size: 0.85rem } #checkout-alerts .alert-title { font-size: 1.2rem; color: #b94a48; font-weight: 800 } .checkout-form { float: left; display: block; margin-right: 2.357652%; width: 65.880783%; float: left; padding-top: 0 } .checkout-form:last-child { margin-right: 0 } .checkout-form #new-card-form div.use_delivery_for_billing { float: left; display: block; margin-right: 2.357652%; width: 65.880783%; margin-left: 25.589413%; margin-right: 0 } .checkout-form #new-card-form div.use_delivery_for_billing:last-child { margin-right: 0 } #customer { margin-top: 0 } #customer label { width: 50% } #customer .help-text { color: #999; margin-top: 0 } #location { margin-top: 0 } #location h3 { margin: 1.3125rem 0 1.3125rem 0 } #location address { margin-bottom: 0.75rem; padding: 0 } #location address:after { content: ""; display: table; clear: both } #location .delivery-address { position: relative; font-size: 21px } #location .delivery-address:after { content: ""; display: table; clear: both } @media screen and (max-width: 480px) { #location .delivery-address { padding-left: 0 } } #location .delivery-address .address-preview-map { margin-bottom: 20px } #location .delivery-address .address-preview-map img { max-width: 100% } #location .delivery-address p { font-weight: bold; margin-bottom: 0.375rem; margin-top: 0 } #location .delivery-address span { clear: left; float: left } #location .delivery-address .address-reminder { background: #289eef; color: white; width: 100%; padding: 15px; margin-bottom: 20px; border-radius: 4px } #location .delivery-address .button { background-color: #7a858b; clear: left; float: left } #payment .newCreditCard .well { background-color: #e8ebeb } #payment .newCreditCard .well fieldset { margin-left: 0; width: 100% } #payment .newCreditCard .well label { float: left; display: block; margin-right: 2.357652%; width: 23.231761%; line-height: 2.0625rem; text-align: right } #payment .newCreditCard .well label:last-child { margin-right: 0 } #payment .newCreditCard .well input[type="text"], #payment .newCreditCard .well input[type="tel"] { float: left; display: block; margin-right: 2.357652%; width: 48.821174% } #payment .newCreditCard .well input[type="text"]:last-child, #payment .newCreditCard .well input[type="tel"]:last-child { margin-right: 0 } #payment .newCreditCard .well input[type="radio"], #payment .newCreditCard .well input[type="checkbox"] { margin-top: 0.65625rem } @media screen and (max-width: 768px) { #payment .newCreditCard .well label, #payment .newCreditCard .well input[type="text"], #payment .newCreditCard .well input[type="tel"] { margin-right: 0; float: left; display: block; margin-right: 2.357652%; width: 100% } #payment .newCreditCard .well label:last-child, #payment .newCreditCard .well input[type="text"]:last-child, #payment .newCreditCard .well input[type="tel"]:last-child { margin-right: 0 } #payment .newCreditCard .well label { text-align: left } #payment .newCreditCard .well .radio-label label { float: left; width: auto } } #payment .cash { margin-top: 0.75rem } #payment .loyalty-cash-indent { float: left; display: block; margin-right: 2.357652%; width: 65.880783%; margin-right: 0; margin-left: 25.589413%; margin-bottom: 0.75rem } #payment .loyalty-cash-indent:last-child { margin-right: 0 } .piggy-icon { font-family: "piggy-bank"; font-size: 30px; color: #ef8998; line-height: 1px; display: inline-block; vertical-align: middle } @media screen and (max-width: 768px) { #checkout { float: left; display: block; margin-right: 2.357652%; width: 57.350979% } #checkout:last-child { margin-right: 0 } #send-sms-updates-label { margin-left: 0 !important; width: 100% !important } #location .delivery-address { margin-left: 0%; float: left; display: block; margin-right: 2.357652%; width: 100% } #location .delivery-address:last-child { margin-right: 0 } #cart { float: left; display: block; margin-right: 2.357652%; width: 40.29137%; margin-right: 0; float: right } #cart:last-child { margin-right: 0 } #payment .loyalty-cash-indent { float: left; display: block; margin-right: 2.357652%; width: 100%; margin-left: 0% } #payment .loyalty-cash-indent:last-child { margin-right: 0 } #payment .newCreditCard .well .use_delivery_for_billing { margin-left: 0 } } @media screen and (max-width: 480px) { #checkout-app h1 { font-size: 1.6rem } #checkout-app #checkout { float: left; display: block; margin-right: 2.357652%; width: 100%; border-width: 0 } #checkout-app #checkout:last-child { margin-right: 0 } #checkout-app #cart { display: none } } .checkout-thankyou { padding: 20px; float: left; display: block; margin-right: 2.357652%; width: 74.410587% } .checkout-thankyou p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: black } .checkout-thankyou:last-child { margin-right: 0 } .checkout-thankyou h1 { text-align: center } .checkout-thankyou .well { float: left; display: block; margin-right: 2.357652%; width: 100%; text-align: center; margin-bottom: 0.75rem } .checkout-thankyou .well:last-child { margin-right: 0 } .checkout-thankyou .well.success p { margin: 0 } .checkout-thankyou .well.pink { background-color: pink } .checkout-thankyou .well.purple { background-color: violet } .checkout-thankyou .well.yellow-green { background-color: yellowgreen } .checkout-thankyou .general-section, .checkout-thankyou .general-form .form-section, .general-form .checkout-thankyou .form-section { margin-top: 20px } .checkout-thankyou .general-section h3, .checkout-thankyou .general-form .form-section h3, .general-form .checkout-thankyou .form-section h3 { border-bottom: 0; margin: 0; padding-top: 20px } .checkout-thankyou .general-section .column-2, .checkout-thankyou .general-form .form-section .column-2, .general-form .checkout-thankyou .form-section .column-2 { float: left; display: block; margin-right: 2.357652%; width: 48.821174% } .checkout-thankyou .general-section .column-2:last-child, .checkout-thankyou .general-form .form-section .column-2:last-child, .general-form .checkout-thankyou .form-section .column-2:last-child { margin-right: 0 } .checkout-thankyou .general-section .column-2:nth-child(2), .checkout-thankyou .general-form .form-section .column-2:nth-child(2), .general-form .checkout-thankyou .form-section .column-2:nth-child(2) { margin-right: 0 } .checkout-thankyou .general-section .column-2:nth-child(2+1), .checkout-thankyou .general-form .form-section .column-2:nth-child(2+1), .general-form .checkout-thankyou .form-section .column-2:nth-child(2+1) { clear: left } .checkout-thankyou .general-section .column-2 ul, .checkout-thankyou .general-form .form-section .column-2 ul, .general-form .checkout-thankyou .form-section .column-2 ul, .checkout-thankyou .general-section .column-2 table, .checkout-thankyou .general-form .form-section .column-2 table, .general-form .checkout-thankyou .form-section .column-2 table { padding: 0; margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: black; color: black } .checkout-thankyou .order-summary .special-instruction-order { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: black; color: black; padding-bottom: 10px } .checkout-thankyou .order-summary table#order-confirmation-page { color: black; border-collapse: separate !important; border: 3px solid #eee; border-radius: 4px !important } .checkout-thankyou .order-summary table#order-confirmation-page span { padding-left: 5px } .checkout-thankyou .order-summary table#order-confirmation-page th { border-bottom: 1px solid #eee } .checkout-thankyou .order-summary table#order-confirmation-page th, .checkout-thankyou .order-summary table#order-confirmation-page td, .checkout-thankyou .order-summary table#order-confirmation-page tr { padding: 0.4rem 0.4rem } .checkout-thankyou .order-summary table#order-confirmation-page th.quantity, .checkout-thankyou .order-summary table#order-confirmation-page td.quantity, .checkout-thankyou .order-summary table#order-confirmation-page tr.quantity { width: 10% } .checkout-thankyou .order-summary table#order-confirmation-page th.description, .checkout-thankyou .order-summary table#order-confirmation-page td.description, .checkout-thankyou .order-summary table#order-confirmation-page tr.description { width: 70% } .checkout-thankyou .order-summary table#order-confirmation-page th.price-table, .checkout-thankyou .order-summary table#order-confirmation-page td.price-table, .checkout-thankyou .order-summary table#order-confirmation-page tr.price-table { width: 20%; text-align: right } .checkout-thankyou .order-summary table#order-confirmation-page ul { margin: 0 } .checkout-thankyou .order-summary table#order-confirmation-page .bold-menu-item-title { font-family: "urbana", sans-serif; font-size: 1.125rem; color: #176092; font-weight: 500 } .checkout-thankyou footer { padding: 0 } .checkout-thankyou footer p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: black; font-size: 10px } @media screen and (max-width: 768px) { .checkout-thankyou { float: left; display: block; margin-right: 2.357652%; width: 74.410587%; margin-right: 0 } .checkout-thankyou:last-child { margin-right: 0 } .checkout-thankyou .restaurant-contact { display: inline-block } .checkout-thankyou h1 { font-size: 2em } .checkout-thankyou h2 { font-size: 2em } .checkout-thankyou h3 { font-size: 1.2em } } @media screen and (max-width: 480px) { .checkout-thankyou { float: left; display: block; margin-right: 2.357652%; width: 100%; padding: 10px } .checkout-thankyou:last-child { margin-right: 0 } .checkout-thankyou .well { float: left; display: block; margin-right: 2.357652%; width: 100%; margin-left: 0% } .checkout-thankyou .well:last-child { margin-right: 0 } .checkout-thankyou .order-summary table#order-confirmation-page .bold-menu-item-title { font-size: 1.0125rem } .checkout-thankyou .general-section .column-2 ul, .checkout-thankyou .general-form .form-section .column-2 ul, .general-form .checkout-thankyou .form-section .column-2 ul, .checkout-thankyou .general-section .column-2 table, .checkout-thankyou .general-form .form-section .column-2 table, .general-form .checkout-thankyou .form-section .column-2 table { font-size: 12px; line-height: 18px } .checkout-thankyou .general-section.order-information, .checkout-thankyou .general-form .order-information.form-section, .general-form .checkout-thankyou .order-information.form-section, .checkout-thankyou .general-section.order-summary, .checkout-thankyou .general-form .order-summary.form-section, .general-form .checkout-thankyou .order-summary.form-section { border-top: 0 solid #eee; margin-top: 0 } .checkout-thankyou .general-section.order-information .column-2, .checkout-thankyou .general-form .order-information.form-section .column-2, .general-form .checkout-thankyou .order-information.form-section .column-2 { float: left; display: block; margin-right: 2.357652%; width: 100% } .checkout-thankyou .general-section.order-information .column-2:last-child, .checkout-thankyou .general-form .order-information.form-section .column-2:last-child, .general-form .checkout-thankyou .order-information.form-section .column-2:last-child { margin-right: 0 } } .checkout-nav { margin-right: 0; padding-right: 2.5% } .checkout-nav p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: black; color: black } .checkout-nav p a { color: #176092 } .checkout-nav p.button a { color: white; text-decoration: none } .checkout-nav h4 { margin-bottom: 0; color: black } .checkout-nav h3 { margin: 0 0 10px 0; line-height: 100% } .checkout-nav .support-info .support-list p { margin: 0 } .checkout-nav .support-info .support-list p a { font-family: "urbana", sans-serif; text-decoration: none } .checkout-nav .restaurant-contact { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: black; font-size: 10px; vertical-align: baseline } .checkout-nav .restaurant-contact img:first-child { height: 12px } .checkout-nav .restaurant-contact div { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: black; font-size: 12px } @media screen and (max-width: 768px) { .checkout-nav .restaurant-contact { display: inline-block } .checkout-nav .restaurant-contact a.yelp-rating { margin-bottom: 0 } .checkout-nav .restaurant-contact a.yelp-rating img:first-child { min-width: 52px } } @media screen and (max-width: 480px) { .checkout-nav { display: none } } .intl-tel-input .flag-dropdown { display: none } #checkout.general-form { padding: 0 } #checkout.general-form #customer, #checkout.general-form #payment, #checkout.general-form #location, #checkout.general-form #notifications, #checkout.general-form #instructions { padding: 0 30px; margin-bottom: 30px } #checkout.general-form #customer h3, #checkout.general-form #payment h3, #checkout.general-form #location h3, #checkout.general-form #notifications h3, #checkout.general-form #instructions h3 { font-size: 1.25rem; font-weight: 400 } @media screen and (max-width: 480px) { #checkout.general-form #customer, #checkout.general-form #payment, #checkout.general-form #location, #checkout.general-form #notifications, #checkout.general-form #instructions { padding: 0 15px; margin-bottom: 10px } } #checkout.general-form #instructions fieldset { margin-left: 0 } #checkout .checkout-header { padding: 20px 30px; border-bottom: solid 1px #ccc; margin-bottom: 30px } #checkout .checkout-header h1 { font-size: 24px; font-weight: 400; margin: 0 } #checkout .checkout-header p { margin-bottom: 0 } @media screen and (max-width: 480px) { #checkout .checkout-header { padding: 10px; margin-bottom: 10px } } #checkout #submit-order { border-top: solid 1px #ccc; padding: 20px 30px } #checkout #submit-order .terms { font-style: italic; text-align: center } #checkout #submit-order .button { display: block; margin: 40px auto 20px; padding: 18px 30px; min-width: 250px } body.company-about { padding-top: 0 } #company.page-container, #jobs.page-container { background-color: white; margin-top: -20px } #company a, #jobs a { text-decoration: none } #company a.button-link, #jobs a.button-link { display: inline-block; margin: 0 auto } #company button, #jobs button { background: none; padding: 10px; border-radius: 4px; border: 2px solid white; color: white; padding: 10px 20px; margin: 20px auto; text-align: center; display: block; margin-top: 40px } #company button a, #jobs button a { color: white; text-decoration: none } #company button a:hover, #jobs button a:hover { text-decoration: none } #company button:hover, #jobs button:hover { -webkit-transition: opacity 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5); -moz-transition: opacity 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5); transition: opacity 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5); opacity: 0.8 } #company button:focus, #jobs button:focus { outline: none } #company p, #company span, #company a, #company li, #jobs p, #jobs span, #jobs a, #jobs li { font-weight: 200; font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #7a858b } #company h1, #company h2, #company h3, #company h4, #company h5, #company h6, #jobs h1, #jobs h2, #jobs h3, #jobs h4, #jobs h5, #jobs h6 { font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #4c4c4d; line-height: 120%; font-weight: 200 } #company h1, #jobs h1 { font-size: 32px; font-weight: bold; text-align: center } #company h6, #jobs h6 { font-size: 22px; line-height: 110%; line-height: 110%; margin: 20px 0; font-weight: bold } #company h4, #jobs h4 { font-size: 22px; border-bottom: solid 0 #fff } @media screen and (max-width: 768px) { #company .tablet-hide, #jobs .tablet-hide { display: none } } @media screen and (max-width: 768px) { #company h1, #jobs h1 { font-size: 26px } } #company .outer-container, #jobs .outer-container { padding: 0 0.375rem } @media screen and (max-width: 480px) { #company h3, #jobs h3 { font-size: 18px } } #company h1 { margin-top: 45px } @media screen and (max-width: 768px) { #company h1 { text-align: center } } #company-nav { background-color: #7a858b; position: relative; width: 100%; z-index: 2 } #company-nav ul { margin: 0 auto; box-shadow: 0 0.5px 2px 0 rgba(50, 50, 50, 0.25) } #company-nav ul li { display: inline-block; width: 19% } #company-nav ul li a { width: 100%; display: inline-block; padding: 8px; color: white; text-decoration: none; text-align: center } #company-nav ul li a:hover { color: #f3902f } @media screen and (max-width: 480px) { #company-nav .mobile-hide { display: none } #company-nav ul li { width: 32% } } #company .job-headline-section { background-image: url(/assets/front_end/company/teampicture_careerspage-83a51be4f2e10fa2289c0a4c4867f3b4.jpg); background-repeat: no-repeat; background-size: 100% auto; background-position: 100% 25%; display: block; position: relative; z-index: 1 } #company .job-headline-section .outer-container { padding: 150px 0 100px 0 } #company .job-headline-section .outer-container:after { display: block; position: absolute; top: 0; left: 0; width: 100%; background: #000; height: 100%; opacity: 0.3; z-index: 2 } #company .job-headline-section .top-headline { position: relative; z-index: 3 } #company .job-headline-section .top-headline h1#white, #company .job-headline-section .top-headline h3 { color: white; text-align: center; font-size: 45px } #company .job-headline-section .top-headline h3 { font-size: 32px; margin-top: 0 } @media screen and (max-width: 960px) { #company .job-headline-section { background-size: auto 100%; background-position: 100% 0 } } @media screen and (max-width: 768px) { #company .job-headline-section .outer-container { background-image: url(/assets/front_end/company/teampicture_careerspage-83a51be4f2e10fa2289c0a4c4867f3b4.jpg); background-repeat: no-repeat; background-size: auto 100%; background-position: 50% 0; position: relative; z-index: 20 } } @media screen and (max-width: 480px) { #company .job-headline-section .top-headline h1#white { font-size: 32px } #company .job-headline-section .top-headline h3 { font-size: 26px } #company .job-headline-section .outer-container { padding: 100px 20px 70px 20px } } .about-section .image-section { float: right; width: 30% } .about-section .image-section img { width: 100%; padding: 0 0 15px 15px } @media screen and (max-width: 768px) { .about-section .image-section { float: none; width: 70%; display: block; margin: 0 auto; text-align: center } } #open-jobs-section .job-categories { display: block; width: 100%; height: 558px; overflow: hidden; background-image: url(/assets/front_end/company/65-OrderUp-4e63a36091a10ec5f15f7944d60cec38.jpeg); background-repeat: no-repeat; background-size: 100% auto; background-position: center } #open-jobs-section .job-category { display: inline-block; margin: 0; width: 50%; background-color: rgba(0, 0, 0, 0.3); border-right: 2px solid white; float: left; border-top: 2px solid white; margin: 0; -webkit-transition: background-color 400ms; -moz-transition: background-color 400ms; transition: background-color 400ms } #open-jobs-section .job-category a { text-decoration: none } #open-jobs-section .job-category.border-bottom { border-bottom: 2px solid white } #open-jobs-section .job-category.last { float: right; border-right: 0 solid white } #open-jobs-section .job-category:hover { background-color: rgba(0, 0, 0, 0.6) } #open-jobs-section .category-icon { font-family: "orderup-icons"; color: white; text-align: center; font-size: 70px } #open-jobs-section .category-title h3 { text-align: center; color: white; font-weight: 200; margin-top: 0 } @media screen and (max-width: 960px) { #open-jobs-section .job-categories { background-size: 130% auto } } @media screen and (max-width: 768px) { #open-jobs-section .job-categories { background-size: auto 100% } } @media screen and (max-width: 480px) { #open-jobs-section .category-icon { font-size: 45px } #open-jobs-section .smaller-header { font-size: 18px; line-height: 110% } #open-jobs-section .job-category { height: 100px } #open-jobs-section .job-categories { height: 400px } } #benefits-section ul.benefits-list li.benefit { display: inline-block; float: left; display: block; margin-right: 2.357652%; width: 31.761566%; height: 160px; cursor: default } #benefits-section ul.benefits-list li.benefit:last-child { margin-right: 0 } #benefits-section ul.benefits-list li.benefit:nth-child(3n) { margin-right: 0 } #benefits-section li.benefit:hover .benefit-icon { color: #4f5f66 } #benefits-section li.benefit:hover .benefit-title h4 { color: #ef7d25 } #benefits-section .benefit-icon { font-family: "orderup-icons"; color: #7a858b; text-align: center; font-size: 70px; height: 100px; overflow: hidden; padding-top: 100px } #benefits-section .benefit-icon.food-font { font-family: "orderup" } #benefits-section .benefit-title h4 { color: #f3902f; margin: 0; text-align: center; margin-top: -5px } #benefits-section .benefit-description p { text-align: center; margin: 0 auto 20px auto } @media screen and (max-width: 768px) { #benefits-section ul.benefits-list li.benefit { float: left; display: block; margin-right: 2.357652%; width: 48.821174% } #benefits-section ul.benefits-list li.benefit:last-child { margin-right: 0 } #benefits-section ul.benefits-list li.benefit:nth-child(3n) { margin-right: 2.357652% } #benefits-section ul.benefits-list li.benefit:nth-child(2n) { margin-right: 0 } } @media screen and (max-width: 480px) { #benefits-section .benefit-title h4 { font-size: 18px } #benefits-section .benefit-description p { font-size: 14px } #benefits-section li.benefit { height: 180px } #benefits-section .benefit-icon { font-size: 55px; height: 75px; padding-top: 75px } } #company #meettheteam h3 { margin-bottom: 10px } #company #meettheteam p { margin-bottom: 2.181818em } #company .staff .person { float: left; width: 22.8125%; margin-right: 2.916667%; height: 200px; opacity: 0.5 } #company .staff .person:nth-child(4n) { margin-right: 0 } #company .staff .person img { display: block; max-width: 100%; margin: 0 auto } #company .staff .person img.secondary { display: none } #company .staff .person h3 { max-width: 195px; margin: 0 auto 3px auto !important; padding-top: 15px; border-top: 1px solid #d4cec1; font-size: 16px; line-height: 22px; font-weight: bold; color: #2e2c27; text-align: center } @media screen and (max-width: 768px) { #company .staff .person { height: 160px } } @media screen and (max-width: 480px) { #company .staff .person { width: 31.33%; margin-right: 2%; height: 160px } #company .staff .person:nth-child(3n) { margin-right: 0 } } #contact ul.contact { padding: 0; list-style: none; display: block; width: 100%; margin: 30px auto 0 auto; border-top: 1px solid #c5c0b5; border-bottom: 1px solid #c5c0b5 } #contact ul.contact li { padding: 10px 30px; font-size: 1.363636em; line-height: 1em; font-weight: bold; color: #1e1d1c; width: 46%; display: inline-block; text-align: center; width: 49% } #contact ul.contact li i { color: #f3902f } #contact ul.contact li .label { display: block; font-size: 0.733333em; line-height: 1.272727em; font-weight: normal; color: #706d67 } #contact ul.contact li .text a { color: #0a111e; text-decoration: none } #contact ul.contact li .text a:hover { color: #176092 } @media screen and (max-width: 768px) { #contact ul.contact { border-bottom: 0 solid #c5c0b5 } #contact ul.contact li { width: 100% } #contact ul.contact li.email { border-right: 0 solid #c5c0b5 } } #jobs { background: #e8ebeb !important } #jobs.page-container { margin-top: 0 } #jobs .return-to-about { display: block; margin: 20px 0 } #jobs .return-to-about a span, #jobs .return-to-about a i { vertical-align: bottom; text-decoration: none; display: inline-block } #jobs .return-to-about span { padding-bottom: 4px } #jobs .job-listing-container { float: left; display: block; margin-right: 2.357652%; width: 82.940391%; margin-right: 0; background: white; border-radius: 8px; padding: 15px; margin-bottom: 50px } #jobs .job-listing-container:last-child { margin-right: 0 } #jobs button { color: #f3902f; border-color: #f3902f } #jobs h6.description_dropdown, #jobs .description_hide { color: #bc2031; margin: 6px 0 20px 0 } #jobs h6.description_dropdown.hide, #jobs .description_hide.hide { display: none } #jobs h6.description_dropdown:hover, #jobs h6.description_hide:hover { cursor: pointer } #jobs h1 { color: #bc2031 } #jobs h5 { font-size: 18px; font-weight: 400; text-transform: uppercase } #jobs h4 { margin: 12px 0 6px 0; color: #f3902f } #jobs h4:hover { color: #ef7d25 } #jobs h6, #jobs li.list-title { font-weight: bold; font-size: 16px; display: inline-block; margin-bottom: 5px } #jobs i { font-size: 14px; margin-right: 6px } #jobs h6.job-location, #jobs h6.job-type { margin-top: 0; margin-right: 20px } #jobs .description-container p, #jobs .description-container ul, #jobs .description-container ol, #jobs .description-container span, #jobs .description-container div { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 200 } #jobs .apply-now-container iframe { width: 100%; min-height: 500px; border-width: 0 } @media screen and (max-width: 768px) { #jobs .job-listing-container { float: left; display: block; margin-right: 2.357652%; width: 74.410587% } #jobs .job-listing-container:last-child { margin-right: 0 } #jobs h4 { font-size: 22px } } @media screen and (max-width: 480px) { #jobs { border-bottom: 2px solid #e8ebeb } #jobs .job-listing-container { float: left; display: block; margin-right: 2.357652%; width: 100% } #jobs .job-listing-container:last-child { margin-right: 0 } } #jobs-nav { float: left; display: block; margin-right: 2.357652%; width: 14.701957% } #jobs-nav:last-child { margin-right: 0 } #jobs-nav ul { padding: 0 } #jobs-nav ul li a { text-decoration: none } #jobs-nav ul li { padding-bottom: 8px; color: #7a858b; text-decoration: none; font-weight: 200 } #jobs-nav ul li:hover { color: #4f5f66 } #jobs-nav ul li:active { color: #f3902f } #jobs-nav li.driver-list a { margin-top: 20px; color: #176092 } #jobs-nav .job-nav-section button { display: none } @media screen and (max-width: 768px) { #jobs-nav { float: left; display: block; margin-right: 2.357652%; width: 23.231761% } #jobs-nav:last-child { margin-right: 0 } } @media screen and (max-width: 480px) { #jobs-nav { float: left; display: block; margin-right: 2.357652%; width: 100% } #jobs-nav:last-child { margin-right: 0 } #jobs-nav .job-nav-section { width: 50%; float: left } #jobs-nav .job-nav-section.right-side { float: right } #jobs-nav .job-nav-section h6 { display: none } #jobs-nav .job-nav-section button { margin: 0; display: block; width: 90%; font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif } #jobs-nav .job-nav-section ul.list-links { width: 43.5%; margin-top: 0; position: absolute; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 0.5px 2px 0 rgba(50, 50, 50, 0.25); text-align: center; overflow: hidden; display: none } #jobs-nav .job-nav-section ul.list-links li { padding: 0; white-space: nowrap; width: 100% } #jobs-nav .job-nav-section ul.list-links li a { color: #bc2031; display: block; width: 100%; padding: 6px } #jobs-nav .job-nav-section ul.list-links li a:hover { color: white; background-color: #bc2031 } } #faq .page-header { background: #efefef; position: relative; background-size: 100px; padding: 50px 0; margin-bottom: 75px } #faq .page-header:after { content: ""; background-image: url(/assets/front_end/food-6455dbb2a3acb37e70e109baabe90515.png); background-size: 280px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2 } @media screen and (max-width: 480px) { #faq .page-header { margin-top: 50px; padding: 25px 0; margin-bottom: 30px } #faq .page-header:after { background-size: 200px } } #faq .page-header .inner { width: 92%; max-width: 960px; margin: 0 auto } #faq .page-header h1 { text-align: center } .faq-container { display: block } .faq-container h2 { font-family: "urbana", sans-serif; font-weight: 400; font-size: 2rem } @media screen and (max-width: 480px) { .faq-container h2 { font-size: 1.5rem } } .faq-container .faq-box { float: left; display: block; margin-right: 2.357652%; width: 100%; border: 1px solid #cdd1d3; color: #4f5e66; margin-bottom: 12px; border-radius: 2px } .faq-container .faq-box:last-child { margin-right: 0 } .faq-container .faq-box:last-child { margin-bottom: 60px } .faq-container .faq-box .faq-question { cursor: pointer; background: #efefef; border-bottom: solid 1px #cdd1d3; margin-bottom: -1px; padding: 12px 20px; position: relative } .faq-container .faq-box .faq-question h3 { display: inline-block; font-weight: 100; margin: 0; line-height: 1; font-size: 1.25rem; text-align: left; padding-right: 30px } .faq-container .faq-box .faq-icon { position: absolute; right: 20px; top: 14px } .faq-container .faq-box .faq-icon i { cursor: inherit; display: block; font-size: 12px; color: #f3902f } .faq-container .faq-box .faq-dropdown { float: left; display: block; margin-right: 2.357652%; width: 100%; display: none; padding: 20px; font-weight: normal; font-size: 1rem; line-height: 1.6; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif } .faq-container .faq-box .faq-dropdown:last-child { margin-right: 0 } .faq-container .faq-box .faq-dropdown a { color: #f3902f; text-decoration: underline } .faq-container .faq-box .faq-dropdown p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: inherit } .faq-container .faq-box .faq-dropdown ul { padding-left: 20px } .faq-container .faq-box .faq-dropdown ul li { list-style: disc } .faq-container .faq-box .faq-dropdown p, .faq-container .faq-box .faq-dropdown li { line-height: 1.5 } .faq-container .faq-box i.ss-hyphen { display: none } .delivery-container { margin: 2.25rem 0 } @media screen and (max-width: 480px) { .delivery-container { margin-top: 0 } } .no-tracking { text-align: center } #delivery-tracker { position: relative } #delivery-tracker .delivery-estimate { display: none; position: absolute; right: 0; text-align: center; top: 0; width: 41.666667%; z-index: 2 } #delivery-tracker .delivery-estimate .delivery-estimate-text { background: white; height: 3rem; line-height: 3rem } #delivery-tracker .delivery-estimate .delivery-estimate-text.delivered { background: #dff0d9 } #delivery-tracker .delivery-estimate .delivery-estimate-text .ss-check { background: #7b7; border-radius: 50%; color: white; display: inline-block; font-size: 70%; height: 1.2rem; line-height: 1.4rem; margin-right: 0.5rem; text-align: center; width: 1.2rem } @media screen and (max-width: 768px) { #delivery-tracker .delivery-estimate { float: none; position: static; width: 100% } } #delivery-tracker .delivery-tracker { position: relative } #delivery-tracker .delivery-tracker:after { content: ""; display: table; clear: both } #delivery-tracker .delivery-map-wrapper:after { content: ""; display: table; clear: both } #delivery-tracker .delivery-map-wrapper .delivery-map { height: 600px; width: 58.333333% } @media screen and (max-width: 768px) { #delivery-tracker .delivery-map-wrapper .delivery-map { float: none; height: 600px; width: 100% !important } } @media screen and (max-width: 480px) { #delivery-tracker .delivery-map-wrapper .delivery-map { height: 300px } } #delivery-tracker .delivery-status-updates { background: rgba(255, 255, 255, 0.4); bottom: 0; overflow: auto; position: absolute; right: 0; top: 0; width: 41.666667% } @media screen and (max-width: 768px) { #delivery-tracker .delivery-status-updates { width: 100%; overflow: hidden; position: static } } #delivery-tracker .status-update { -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; transition-delay: 1500ms; padding: 1rem; position: relative } #delivery-tracker .status-update:after { content: ""; display: table; clear: both } #delivery-tracker .status-update time { float: left; display: block; margin-right: 2.357652%; width: 14.701957%; color: inherit; font-family: "bebas-neue", sans-serif; text-align: right; text-transform: uppercase } #delivery-tracker .status-update time:last-child { margin-right: 0 } #delivery-tracker .status-update .update { float: left; display: block; margin-right: 2.357652%; width: 82.940391%; color: inherit } #delivery-tracker .status-update .update:last-child { margin-right: 0 } #delivery-tracker .status-update .update strong { display: block } #delivery-tracker .status-update .update .driver-name { font-size: 120%; margin-top: 1rem } #delivery-tracker .status-update .update p { color: inherit; margin: 0.5rem 0 0 0 } #delivery-tracker .status-update .update p .ss-navigateright { margin-left: 0.5rem; position: relative; top: 0.2rem } #delivery-tracker .status-update .update p.quiet { font-size: 90% } #delivery-tracker .status-update .update p:first-child { margin-top: 0 } #delivery-tracker .status-update .update .driver-photo { border: 0.25em solid white; border-radius: 50%; display: block; float: left; margin: 0.5rem 1rem 0 0; height: 60px; width: 60px; background-position-x: center; background-position-y: top; background-size: cover; background-repeat: no-repeat; background-color: white } #delivery-tracker .status-update .update .stars { float: left; position: relative } #delivery-tracker .status-update .update .stars:before, #delivery-tracker .status-update .update .stars .rating:before { color: white; content: "⋆⋆⋆⋆⋆"; white-space: nowrap } #delivery-tracker .status-update .update .stars .rating { left: 0; overflow: hidden; position: absolute; top: 0 } #delivery-tracker .status-update .update .stars .rating:before { color: #bc2031 } #delivery-tracker .status-update:nth-child(1) { background-color: #83c183 } #delivery-tracker .status-update:nth-child(2) { background-color: #8fc78f } #delivery-tracker .status-update:nth-child(3) { background-color: #9bcd9b } #delivery-tracker .status-update:nth-child(4) { background-color: #a7d3a7 } #delivery-tracker .status-update:nth-child(5) { background-color: #b3d9b3 } #delivery-tracker .status-update:nth-child(6) { background-color: #bedfbe } #delivery-tracker .status-update:nth-child(7) { background-color: #cae5ca } #delivery-tracker .status-update:nth-child(8) { background-color: #d6ebd6 } #delivery-tracker .status-update:nth-child(9) { background-color: #e2f1e2 } #delivery-tracker .status-update:nth-child(10) { background-color: #eef6ee } #delivery-tracker .status-update:nth-child(11) { background-color: #fafcfa } #delivery-tracker .status-update:nth-child(12) { background-color: white } #delivery-tracker .status-update:nth-child(13) { background-color: white } #delivery-tracker .status-update:nth-child(14) { background-color: white } #delivery-tracker .status-update:nth-child(15) { background-color: white } #delivery-tracker .status-update:nth-child(16) { background-color: white } #delivery-tracker .status-update:nth-child(17) { background-color: white } #delivery-tracker .status-update:nth-child(18) { background-color: white } #delivery-tracker .status-update:nth-child(19) { background-color: white } #delivery-tracker .status-update:nth-child(20) { background-color: white } #delivery-tracker .status-update.canceled { background-color: #bc2031; color: white } #delivery-tracker .status-update.unassigned { background-color: #dff0d9; color: #4a7c2b } #delivery-tracker .status-update.out { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } #delivery-tracker .status-update.out:before { background: #e8ebeb url(/assets/tracker/loading-73a02ec83a9330fb5635c7e50353208c.gif) center center no-repeat; bottom: 0; content: ""; display: block; left: -100%; position: absolute; top: 0; width: 100% } #delivery-tracker .status-update.in { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } @media screen and (max-width: 480px) { .delivery-container .checkout-container { display: none } body.show-receipt .delivery-container .checkout-container { display: block } body.show-receipt .delivery-container .checkout-container #breadcrumb a { text-decoration: none } body.show-receipt .delivery-container .checkout-container #breadcrumb i { display: inline-block; position: relative; top: 0.1rem; width: 1rem } body.show-receipt .delivery-container #delivery-tracker { display: none } } .gift_cards-new .hero-section, .gift_cards-create .hero-section, .gift_card_checkouts-new .hero-section, .gift_card_checkouts-show .hero-section, .gift_card_checkouts-new .hero-section, .gift_card_checkouts-create .hero-section, .gift_cards-chow_card .hero-section { background: #efefef; background-position: top left; background-image: url(/assets/front_end/gift-card/gc_header_pattern_full-6723800398b360d17c6f24fe19477fe6.png) } .gift_cards-new .hero-section .outer-container, .gift_cards-create .hero-section .outer-container, .gift_card_checkouts-new .hero-section .outer-container, .gift_card_checkouts-show .hero-section .outer-container, .gift_card_checkouts-new .hero-section .outer-container, .gift_card_checkouts-create .hero-section .outer-container, .gift_cards-chow_card .hero-section .outer-container { padding: 100px 0; text-align: center; margin: 0 auto 0; background-image: url(/assets/front_end/gift-card/gc_header-2cd6cfdc5899d19bc59bcd3e58a7c3ad.png); background-size: 956px; background-position: 0 200px; background-repeat: no-repeat } .gift_cards-new .hero-section h1, .gift_cards-create .hero-section h1, .gift_card_checkouts-new .hero-section h1, .gift_card_checkouts-show .hero-section h1, .gift_card_checkouts-new .hero-section h1, .gift_card_checkouts-create .hero-section h1, .gift_cards-chow_card .hero-section h1 { margin: 0; color: #1b1b1b } .gift_cards-new .hero-section h1 span, .gift_cards-create .hero-section h1 span, .gift_card_checkouts-new .hero-section h1 span, .gift_card_checkouts-show .hero-section h1 span, .gift_card_checkouts-new .hero-section h1 span, .gift_card_checkouts-create .hero-section h1 span, .gift_cards-chow_card .hero-section h1 span { display: block; font-size: 120px; line-height: 1em } .gift_cards-new .how-it-works, .gift_cards-create .how-it-works, .gift_card_checkouts-new .how-it-works, .gift_card_checkouts-show .how-it-works, .gift_card_checkouts-new .how-it-works, .gift_card_checkouts-create .how-it-works, .gift_cards-chow_card .how-it-works { padding: 50px 0; border-bottom: solid 1px #efefef } .gift_cards-new .how-it-works .container, .gift_cards-create .how-it-works .container, .gift_card_checkouts-new .how-it-works .container, .gift_card_checkouts-show .how-it-works .container, .gift_card_checkouts-new .how-it-works .container, .gift_card_checkouts-create .how-it-works .container, .gift_cards-chow_card .how-it-works .container { max-width: 60em; margin-left: auto; margin-right: auto } .gift_cards-new .how-it-works .container:after, .gift_cards-create .how-it-works .container:after, .gift_card_checkouts-new .how-it-works .container:after, .gift_card_checkouts-show .how-it-works .container:after, .gift_card_checkouts-new .how-it-works .container:after, .gift_card_checkouts-create .how-it-works .container:after, .gift_cards-chow_card .how-it-works .container:after { content: ""; display: table; clear: both } .gift_cards-new .how-it-works .step-container, .gift_cards-create .how-it-works .step-container, .gift_card_checkouts-new .how-it-works .step-container, .gift_card_checkouts-show .how-it-works .step-container, .gift_card_checkouts-new .how-it-works .step-container, .gift_card_checkouts-create .how-it-works .step-container, .gift_cards-chow_card .how-it-works .step-container { display: flex } @media screen and (max-width: 480px) { .gift_cards-new .how-it-works .step-container, .gift_cards-create .how-it-works .step-container, .gift_card_checkouts-new .how-it-works .step-container, .gift_card_checkouts-show .how-it-works .step-container, .gift_card_checkouts-new .how-it-works .step-container, .gift_card_checkouts-create .how-it-works .step-container, .gift_cards-chow_card .how-it-works .step-container { display: block } } .gift_cards-new .how-it-works .step, .gift_cards-create .how-it-works .step, .gift_card_checkouts-new .how-it-works .step, .gift_card_checkouts-show .how-it-works .step, .gift_card_checkouts-new .how-it-works .step, .gift_card_checkouts-create .how-it-works .step, .gift_cards-chow_card .how-it-works .step { text-align: center; flex: 1; padding: 10px 40px; gn: center } .gift_cards-new .how-it-works .step h3, .gift_cards-create .how-it-works .step h3, .gift_card_checkouts-new .how-it-works .step h3, .gift_card_checkouts-show .how-it-works .step h3, .gift_card_checkouts-new .how-it-works .step h3, .gift_card_checkouts-create .how-it-works .step h3, .gift_cards-chow_card .how-it-works .step h3 { font-family: "bebas-neue", sans-serif; font-size: 2.5rem; margin-bottom: 2.5rem } .gift_cards-new .how-it-works .step .step-image, .gift_cards-create .how-it-works .step .step-image, .gift_card_checkouts-new .how-it-works .step .step-image, .gift_card_checkouts-show .how-it-works .step .step-image, .gift_card_checkouts-new .how-it-works .step .step-image, .gift_card_checkouts-create .how-it-works .step .step-image, .gift_cards-chow_card .how-it-works .step .step-image { padding-top: 20px; max-width: 160px; margin: 0 auto } .gift_cards-new .how-it-works .step .step-image img, .gift_cards-create .how-it-works .step .step-image img, .gift_card_checkouts-new .how-it-works .step .step-image img, .gift_card_checkouts-show .how-it-works .step .step-image img, .gift_card_checkouts-new .how-it-works .step .step-image img, .gift_card_checkouts-create .how-it-works .step .step-image img, .gift_cards-chow_card .how-it-works .step .step-image img { max-width: 100% } .gift_cards-new .how-it-works .step.step-2 .step-image img, .gift_cards-create .how-it-works .step.step-2 .step-image img, .gift_card_checkouts-new .how-it-works .step.step-2 .step-image img, .gift_card_checkouts-show .how-it-works .step.step-2 .step-image img, .gift_card_checkouts-new .how-it-works .step.step-2 .step-image img, .gift_card_checkouts-create .how-it-works .step.step-2 .step-image img, .gift_cards-chow_card .how-it-works .step.step-2 .step-image img { max-height: 160px } @media screen and (max-width: 480px) { .gift_cards-new .how-it-works .step, .gift_cards-create .how-it-works .step, .gift_card_checkouts-new .how-it-works .step, .gift_card_checkouts-show .how-it-works .step, .gift_card_checkouts-new .how-it-works .step, .gift_card_checkouts-create .how-it-works .step, .gift_cards-chow_card .how-it-works .step { display: block } } .gift_cards-new .h3, .gift_cards-create .h3, .gift_card_checkouts-new .h3, .gift_card_checkouts-show .h3, .gift_card_checkouts-new .h3, .gift_card_checkouts-create .h3, .gift_cards-chow_card .h3 { margin-top: 20px; color: #bc2031; font-family: "bebas-neue", sans-serif; font-size: 35px } .gift_cards-new .purchase-gift-card-form, .gift_cards-create .purchase-gift-card-form, .gift_card_checkouts-new .purchase-gift-card-form, .gift_card_checkouts-show .purchase-gift-card-form, .gift_card_checkouts-new .purchase-gift-card-form, .gift_card_checkouts-create .purchase-gift-card-form, .gift_cards-chow_card .purchase-gift-card-form { border-bottom: solid 1px #efefef; max-width: 60em; margin: 50px auto } .gift_cards-new .purchase-gift-card-form h2, .gift_cards-create .purchase-gift-card-form h2, .gift_card_checkouts-new .purchase-gift-card-form h2, .gift_card_checkouts-show .purchase-gift-card-form h2, .gift_card_checkouts-new .purchase-gift-card-form h2, .gift_card_checkouts-create .purchase-gift-card-form h2, .gift_cards-chow_card .purchase-gift-card-form h2 { margin-bottom: 60px; font-family: "bebas-neue", sans-serif; font-size: 2.5rem } .gift_cards-new .purchase-gift-card-form label, .gift_cards-create .purchase-gift-card-form label, .gift_card_checkouts-new .purchase-gift-card-form label, .gift_card_checkouts-show .purchase-gift-card-form label, .gift_card_checkouts-new .purchase-gift-card-form label, .gift_card_checkouts-create .purchase-gift-card-form label, .gift_cards-chow_card .purchase-gift-card-form label { display: block; float: none; color: #000; font-size: 16px; margin-bottom: 3px } .gift_cards-new .purchase-gift-card-form fieldset, .gift_cards-create .purchase-gift-card-form fieldset, .gift_card_checkouts-new .purchase-gift-card-form fieldset, .gift_card_checkouts-show .purchase-gift-card-form fieldset, .gift_card_checkouts-new .purchase-gift-card-form fieldset, .gift_card_checkouts-create .purchase-gift-card-form fieldset, .gift_cards-chow_card .purchase-gift-card-form fieldset { padding-bottom: 20px; margin-bottom: 20px } .gift_cards-new .purchase-gift-card-form textarea, .gift_cards-create .purchase-gift-card-form textarea, .gift_card_checkouts-new .purchase-gift-card-form textarea, .gift_card_checkouts-show .purchase-gift-card-form textarea, .gift_card_checkouts-new .purchase-gift-card-form textarea, .gift_card_checkouts-create .purchase-gift-card-form textarea, .gift_cards-chow_card .purchase-gift-card-form textarea { min-height: 240px } .gift_cards-new .purchase-gift-card-form input[type="text"], .gift_cards-new .purchase-gift-card-form input[type="email"], .gift_cards-new .purchase-gift-card-form input[type="number"], .gift_cards-create .purchase-gift-card-form input[type="text"], .gift_cards-create .purchase-gift-card-form input[type="email"], .gift_cards-create .purchase-gift-card-form input[type="number"], .gift_card_checkouts-new .purchase-gift-card-form input[type="text"], .gift_card_checkouts-new .purchase-gift-card-form input[type="email"], .gift_card_checkouts-new .purchase-gift-card-form input[type="number"], .gift_card_checkouts-show .purchase-gift-card-form input[type="text"], .gift_card_checkouts-show .purchase-gift-card-form input[type="email"], .gift_card_checkouts-show .purchase-gift-card-form input[type="number"], .gift_card_checkouts-new .purchase-gift-card-form input[type="text"], .gift_card_checkouts-new .purchase-gift-card-form input[type="email"], .gift_card_checkouts-new .purchase-gift-card-form input[type="number"], .gift_card_checkouts-create .purchase-gift-card-form input[type="text"], .gift_card_checkouts-create .purchase-gift-card-form input[type="email"], .gift_card_checkouts-create .purchase-gift-card-form input[type="number"], .gift_cards-chow_card .purchase-gift-card-form input[type="text"], .gift_cards-chow_card .purchase-gift-card-form input[type="email"], .gift_cards-chow_card .purchase-gift-card-form input[type="number"] { width: 100%; border-radius: 4px } .gift_cards-new .purchase-gift-card-form .form-container, .gift_cards-create .purchase-gift-card-form .form-container, .gift_card_checkouts-new .purchase-gift-card-form .form-container, .gift_card_checkouts-show .purchase-gift-card-form .form-container, .gift_card_checkouts-new .purchase-gift-card-form .form-container, .gift_card_checkouts-create .purchase-gift-card-form .form-container, .gift_cards-chow_card .purchase-gift-card-form .form-container { display: flex } @media screen and (max-width: 480px) { .gift_cards-new .purchase-gift-card-form .form-container, .gift_cards-create .purchase-gift-card-form .form-container, .gift_card_checkouts-new .purchase-gift-card-form .form-container, .gift_card_checkouts-show .purchase-gift-card-form .form-container, .gift_card_checkouts-new .purchase-gift-card-form .form-container, .gift_card_checkouts-create .purchase-gift-card-form .form-container, .gift_cards-chow_card .purchase-gift-card-form .form-container { flex-direction: column-reverse } } .gift_cards-new .purchase-gift-card-form .form-container .form-column, .gift_cards-create .purchase-gift-card-form .form-container .form-column, .gift_card_checkouts-new .purchase-gift-card-form .form-container .form-column, .gift_card_checkouts-show .purchase-gift-card-form .form-container .form-column, .gift_card_checkouts-new .purchase-gift-card-form .form-container .form-column, .gift_card_checkouts-create .purchase-gift-card-form .form-container .form-column, .gift_cards-chow_card .purchase-gift-card-form .form-container .form-column { flex: 1; width: 50%; min-width: 250px; padding-right: 5%; padding-left: 5% } .gift_cards-new .purchase-gift-card-form .form-container .form-column.form-col-one, .gift_cards-create .purchase-gift-card-form .form-container .form-column.form-col-one, .gift_card_checkouts-new .purchase-gift-card-form .form-container .form-column.form-col-one, .gift_card_checkouts-show .purchase-gift-card-form .form-container .form-column.form-col-one, .gift_card_checkouts-new .purchase-gift-card-form .form-container .form-column.form-col-one, .gift_card_checkouts-create .purchase-gift-card-form .form-container .form-column.form-col-one, .gift_cards-chow_card .purchase-gift-card-form .form-container .form-column.form-col-one { border-right: solid 1px #efefef } @media screen and (max-width: 480px) { .gift_cards-new .purchase-gift-card-form .form-container .form-column, .gift_cards-create .purchase-gift-card-form .form-container .form-column, .gift_card_checkouts-new .purchase-gift-card-form .form-container .form-column, .gift_card_checkouts-show .purchase-gift-card-form .form-container .form-column, .gift_card_checkouts-new .purchase-gift-card-form .form-container .form-column, .gift_card_checkouts-create .purchase-gift-card-form .form-container .form-column, .gift_cards-chow_card .purchase-gift-card-form .form-container .form-column { width: 100% } .gift_cards-new .purchase-gift-card-form .form-container .form-column.form-col-one, .gift_cards-create .purchase-gift-card-form .form-container .form-column.form-col-one, .gift_card_checkouts-new .purchase-gift-card-form .form-container .form-column.form-col-one, .gift_card_checkouts-show .purchase-gift-card-form .form-container .form-column.form-col-one, .gift_card_checkouts-new .purchase-gift-card-form .form-container .form-column.form-col-one, .gift_card_checkouts-create .purchase-gift-card-form .form-container .form-column.form-col-one, .gift_cards-chow_card .purchase-gift-card-form .form-container .form-column.form-col-one { border-right: solid 0 #efefef } } .gift_cards-new button.amount-radio, .gift_cards-new button.delivery-method-radio, .gift_cards-create button.amount-radio, .gift_cards-create button.delivery-method-radio, .gift_card_checkouts-new button.amount-radio, .gift_card_checkouts-new button.delivery-method-radio, .gift_card_checkouts-show button.amount-radio, .gift_card_checkouts-show button.delivery-method-radio, .gift_card_checkouts-new button.amount-radio, .gift_card_checkouts-new button.delivery-method-radio, .gift_card_checkouts-create button.amount-radio, .gift_card_checkouts-create button.delivery-method-radio, .gift_cards-chow_card button.amount-radio, .gift_cards-chow_card button.delivery-method-radio { display: inline-block; border: 2px solid #d4d7da; background-color: white; color: #858585; font-size: 20px; font-weight: 500; height: 80px; width: 80px; border-radius: 50px; margin-right: 15px; margin-bottom: 15px } .gift_cards-new button.amount-radio:last-child, .gift_cards-new button.delivery-method-radio:last-child, .gift_cards-create button.amount-radio:last-child, .gift_cards-create button.delivery-method-radio:last-child, .gift_card_checkouts-new button.amount-radio:last-child, .gift_card_checkouts-new button.delivery-method-radio:last-child, .gift_card_checkouts-show button.amount-radio:last-child, .gift_card_checkouts-show button.delivery-method-radio:last-child, .gift_card_checkouts-new button.amount-radio:last-child, .gift_card_checkouts-new button.delivery-method-radio:last-child, .gift_card_checkouts-create button.amount-radio:last-child, .gift_card_checkouts-create button.delivery-method-radio:last-child, .gift_cards-chow_card button.amount-radio:last-child, .gift_cards-chow_card button.delivery-method-radio:last-child { margin-right: 0 } .gift_cards-new button.amount-radio.live-button, .gift_cards-new button.delivery-method-radio.live-button, .gift_cards-create button.amount-radio.live-button, .gift_cards-create button.delivery-method-radio.live-button, .gift_card_checkouts-new button.amount-radio.live-button, .gift_card_checkouts-new button.delivery-method-radio.live-button, .gift_card_checkouts-show button.amount-radio.live-button, .gift_card_checkouts-show button.delivery-method-radio.live-button, .gift_card_checkouts-new button.amount-radio.live-button, .gift_card_checkouts-new button.delivery-method-radio.live-button, .gift_card_checkouts-create button.amount-radio.live-button, .gift_card_checkouts-create button.delivery-method-radio.live-button, .gift_cards-chow_card button.amount-radio.live-button, .gift_cards-chow_card button.delivery-method-radio.live-button { outline: none; background-color: #7b7; border: 2px solid #7b7; color: white } .gift_cards-new button.amount-radio input, .gift_cards-new button.delivery-method-radio input, .gift_cards-create button.amount-radio input, .gift_cards-create button.delivery-method-radio input, .gift_card_checkouts-new button.amount-radio input, .gift_card_checkouts-new button.delivery-method-radio input, .gift_card_checkouts-show button.amount-radio input, .gift_card_checkouts-show button.delivery-method-radio input, .gift_card_checkouts-new button.amount-radio input, .gift_card_checkouts-new button.delivery-method-radio input, .gift_card_checkouts-create button.amount-radio input, .gift_card_checkouts-create button.delivery-method-radio input, .gift_cards-chow_card button.amount-radio input, .gift_cards-chow_card button.delivery-method-radio input { display: none } .gift_cards-new hr, .gift_cards-create hr, .gift_card_checkouts-new hr, .gift_card_checkouts-show hr, .gift_card_checkouts-new hr, .gift_card_checkouts-create hr, .gift_cards-chow_card hr { color: #f2f2ed; border-style: solid } .gift_cards-new #gift_card_amount, .gift_cards-create #gift_card_amount, .gift_card_checkouts-new #gift_card_amount, .gift_card_checkouts-show #gift_card_amount, .gift_card_checkouts-new #gift_card_amount, .gift_card_checkouts-create #gift_card_amount, .gift_cards-chow_card #gift_card_amount { margin-bottom: 10px } .gift_cards-new .gift-card-img, .gift_cards-create .gift-card-img, .gift_card_checkouts-new .gift-card-img, .gift_card_checkouts-show .gift-card-img, .gift_card_checkouts-new .gift-card-img, .gift_card_checkouts-create .gift-card-img, .gift_cards-chow_card .gift-card-img { display: block; height: 120px; margin: 0 auto; margin-top: 20px; background-image: url(/assets/front_end/new-gift-card-05-9850a748d6e679bd58ad644465be071e.png); background-size: contain; background-repeat: no-repeat } .gift_cards-new .gift-card-img #display-price, .gift_cards-create .gift-card-img #display-price, .gift_card_checkouts-new .gift-card-img #display-price, .gift_card_checkouts-show .gift-card-img #display-price, .gift_card_checkouts-new .gift-card-img #display-price, .gift_card_checkouts-create .gift-card-img #display-price, .gift_cards-chow_card .gift-card-img #display-price { padding: 69px 0 0 115px; color: white; font-family: "bebas-neue", sans-serif; font-size: 36px } .gift_cards-new .gift-card-img#loca-gift-card, .gift_cards-create .gift-card-img#loca-gift-card, .gift_card_checkouts-new .gift-card-img#loca-gift-card, .gift_card_checkouts-show .gift-card-img#loca-gift-card, .gift_card_checkouts-new .gift-card-img#loca-gift-card, .gift_card_checkouts-create .gift-card-img#loca-gift-card, .gift_cards-chow_card .gift-card-img#loca-gift-card { background-image: url(/assets/front_end/neutral-gift-card-01-85082a4170b4738114f2e15ecd409907.png) } .gift_cards-new .small-gift-card img, .gift_cards-create .small-gift-card img, .gift_card_checkouts-new .small-gift-card img, .gift_card_checkouts-show .small-gift-card img, .gift_card_checkouts-new .small-gift-card img, .gift_card_checkouts-create .small-gift-card img, .gift_cards-chow_card .small-gift-card img { width: 70px; margin: 0 auto; display: inline } .gift_cards-new .right-gift, .gift_cards-new .left-gift, .gift_cards-create .right-gift, .gift_cards-create .left-gift, .gift_card_checkouts-new .right-gift, .gift_card_checkouts-new .left-gift, .gift_card_checkouts-show .right-gift, .gift_card_checkouts-show .left-gift, .gift_card_checkouts-new .right-gift, .gift_card_checkouts-new .left-gift, .gift_card_checkouts-create .right-gift, .gift_card_checkouts-create .left-gift, .gift_cards-chow_card .right-gift, .gift_cards-chow_card .left-gift { float: left; display: block; margin-right: 2.357652%; width: 48.821174% } .gift_cards-new .right-gift:last-child, .gift_cards-new .left-gift:last-child, .gift_cards-create .right-gift:last-child, .gift_cards-create .left-gift:last-child, .gift_card_checkouts-new .right-gift:last-child, .gift_card_checkouts-new .left-gift:last-child, .gift_card_checkouts-show .right-gift:last-child, .gift_card_checkouts-show .left-gift:last-child, .gift_card_checkouts-new .right-gift:last-child, .gift_card_checkouts-new .left-gift:last-child, .gift_card_checkouts-create .right-gift:last-child, .gift_card_checkouts-create .left-gift:last-child, .gift_cards-chow_card .right-gift:last-child, .gift_cards-chow_card .left-gift:last-child { margin-right: 0 } .gift_cards-new .right-gift.last, .gift_cards-new .left-gift.last, .gift_cards-create .right-gift.last, .gift_cards-create .left-gift.last, .gift_card_checkouts-new .right-gift.last, .gift_card_checkouts-new .left-gift.last, .gift_card_checkouts-show .right-gift.last, .gift_card_checkouts-show .left-gift.last, .gift_card_checkouts-new .right-gift.last, .gift_card_checkouts-new .left-gift.last, .gift_card_checkouts-create .right-gift.last, .gift_card_checkouts-create .left-gift.last, .gift_cards-chow_card .right-gift.last, .gift_cards-chow_card .left-gift.last { margin-right: 0 } .gift_cards-new .how-image img, .gift_cards-create .how-image img, .gift_card_checkouts-new .how-image img, .gift_card_checkouts-show .how-image img, .gift_card_checkouts-new .how-image img, .gift_card_checkouts-create .how-image img, .gift_cards-chow_card .how-image img { width: 100%; max-width: 370px; display: block; margin: 0 auto } .gift_cards-new #gift-card-create .well.success, .gift_cards-create #gift-card-create .well.success, .gift_card_checkouts-new #gift-card-create .well.success, .gift_card_checkouts-show #gift-card-create .well.success, .gift_card_checkouts-new #gift-card-create .well.success, .gift_card_checkouts-create #gift-card-create .well.success, .gift_cards-chow_card #gift-card-create .well.success { padding: 12px; margin-top: 30px } .gift_cards-new #gift-card-create .well.success p, .gift_cards-create #gift-card-create .well.success p, .gift_card_checkouts-new #gift-card-create .well.success p, .gift_card_checkouts-show #gift-card-create .well.success p, .gift_card_checkouts-new #gift-card-create .well.success p, .gift_card_checkouts-create #gift-card-create .well.success p, .gift_cards-chow_card #gift-card-create .well.success p { margin: 0 } .gift_cards-new #gift-card-checkout, .gift_cards-create #gift-card-checkout, .gift_card_checkouts-new #gift-card-checkout, .gift_card_checkouts-show #gift-card-checkout, .gift_card_checkouts-new #gift-card-checkout, .gift_card_checkouts-create #gift-card-checkout, .gift_cards-chow_card #gift-card-checkout { margin-top: 80px } .gift_cards-new #gift-card-checkout span.email-bold, .gift_cards-create #gift-card-checkout span.email-bold, .gift_card_checkouts-new #gift-card-checkout span.email-bold, .gift_card_checkouts-show #gift-card-checkout span.email-bold, .gift_card_checkouts-new #gift-card-checkout span.email-bold, .gift_card_checkouts-create #gift-card-checkout span.email-bold, .gift_cards-chow_card #gift-card-checkout span.email-bold { color: #bc2031 } .gift_cards-new #gift-card-checkout .payment-accepted p, .gift_cards-create #gift-card-checkout .payment-accepted p, .gift_card_checkouts-new #gift-card-checkout .payment-accepted p, .gift_card_checkouts-show #gift-card-checkout .payment-accepted p, .gift_card_checkouts-new #gift-card-checkout .payment-accepted p, .gift_card_checkouts-create #gift-card-checkout .payment-accepted p, .gift_cards-chow_card #gift-card-checkout .payment-accepted p { margin-bottom: 0 } .gift_cards-new #gift-card-checkout .payment-accepted .payment-option-images img, .gift_cards-create #gift-card-checkout .payment-accepted .payment-option-images img, .gift_card_checkouts-new #gift-card-checkout .payment-accepted .payment-option-images img, .gift_card_checkouts-show #gift-card-checkout .payment-accepted .payment-option-images img, .gift_card_checkouts-new #gift-card-checkout .payment-accepted .payment-option-images img, .gift_card_checkouts-create #gift-card-checkout .payment-accepted .payment-option-images img, .gift_cards-chow_card #gift-card-checkout .payment-accepted .payment-option-images img { padding: 3px 10px 8px 0 } .gift_cards-new #gift-card-checkout table, .gift_cards-create #gift-card-checkout table, .gift_card_checkouts-new #gift-card-checkout table, .gift_card_checkouts-show #gift-card-checkout table, .gift_card_checkouts-new #gift-card-checkout table, .gift_card_checkouts-create #gift-card-checkout table, .gift_cards-chow_card #gift-card-checkout table { color: rgba(46, 44, 39, 0.75); font-family: "urbana", sans-serif; font-weight: 200; font-size: 16px } .gift_cards-new #gift-card-checkout table th, .gift_cards-create #gift-card-checkout table th, .gift_card_checkouts-new #gift-card-checkout table th, .gift_card_checkouts-show #gift-card-checkout table th, .gift_card_checkouts-new #gift-card-checkout table th, .gift_card_checkouts-create #gift-card-checkout table th, .gift_cards-chow_card #gift-card-checkout table th { font-weight: 500 } .gift_cards-new #gift-card-checkout table tbody tr td, .gift_cards-create #gift-card-checkout table tbody tr td, .gift_card_checkouts-new #gift-card-checkout table tbody tr td, .gift_card_checkouts-show #gift-card-checkout table tbody tr td, .gift_card_checkouts-new #gift-card-checkout table tbody tr td, .gift_card_checkouts-create #gift-card-checkout table tbody tr td, .gift_cards-chow_card #gift-card-checkout table tbody tr td { padding: 0.2875rem 0 0.1875rem 0 } .gift_cards-new #gift-card-checkout table tbody tr.strong-line td, .gift_cards-create #gift-card-checkout table tbody tr.strong-line td, .gift_card_checkouts-new #gift-card-checkout table tbody tr.strong-line td, .gift_card_checkouts-show #gift-card-checkout table tbody tr.strong-line td, .gift_card_checkouts-new #gift-card-checkout table tbody tr.strong-line td, .gift_card_checkouts-create #gift-card-checkout table tbody tr.strong-line td, .gift_cards-chow_card #gift-card-checkout table tbody tr.strong-line td { border-top: 2px solid #f2f2ed; font-weight: 500; color: black } .gift_cards-new #gift-card-checkout p.payment-total, .gift_cards-create #gift-card-checkout p.payment-total, .gift_card_checkouts-new #gift-card-checkout p.payment-total, .gift_card_checkouts-show #gift-card-checkout p.payment-total, .gift_card_checkouts-new #gift-card-checkout p.payment-total, .gift_card_checkouts-create #gift-card-checkout p.payment-total, .gift_cards-chow_card #gift-card-checkout p.payment-total { text-align: right; margin-top: 0; margin-right: 55px } .gift_cards-new #gift-card-checkout .checkout-buttons, .gift_cards-create #gift-card-checkout .checkout-buttons, .gift_card_checkouts-new #gift-card-checkout .checkout-buttons, .gift_card_checkouts-show #gift-card-checkout .checkout-buttons, .gift_card_checkouts-new #gift-card-checkout .checkout-buttons, .gift_card_checkouts-create #gift-card-checkout .checkout-buttons, .gift_cards-chow_card #gift-card-checkout .checkout-buttons { display: block; margin: 0 auto; text-align: center } .gift_cards-new #gift-card-checkout .checkout-buttons .btn, .gift_cards-create #gift-card-checkout .checkout-buttons .btn, .gift_card_checkouts-new #gift-card-checkout .checkout-buttons .btn, .gift_card_checkouts-show #gift-card-checkout .checkout-buttons .btn, .gift_card_checkouts-new #gift-card-checkout .checkout-buttons .btn, .gift_card_checkouts-create #gift-card-checkout .checkout-buttons .btn, .gift_cards-chow_card #gift-card-checkout .checkout-buttons .btn { display: inline-block; width: 117px } .gift_cards-new #gift-card-checkout .checkout-buttons .edit, .gift_cards-create #gift-card-checkout .checkout-buttons .edit, .gift_card_checkouts-new #gift-card-checkout .checkout-buttons .edit, .gift_card_checkouts-show #gift-card-checkout .checkout-buttons .edit, .gift_card_checkouts-new #gift-card-checkout .checkout-buttons .edit, .gift_card_checkouts-create #gift-card-checkout .checkout-buttons .edit, .gift_cards-chow_card #gift-card-checkout .checkout-buttons .edit { background: #959696 !important; padding: 22px 20px 18px 20px; margin-left: 10px } .gift_cards-new #gift-card-checkout .checkout-buttons .edit:hover, .gift_cards-create #gift-card-checkout .checkout-buttons .edit:hover, .gift_card_checkouts-new #gift-card-checkout .checkout-buttons .edit:hover, .gift_card_checkouts-show #gift-card-checkout .checkout-buttons .edit:hover, .gift_card_checkouts-new #gift-card-checkout .checkout-buttons .edit:hover, .gift_card_checkouts-create #gift-card-checkout .checkout-buttons .edit:hover, .gift_cards-chow_card #gift-card-checkout .checkout-buttons .edit:hover { background: #cececf !important } .gift_cards-new #gift-card-checkout table.gift-card-info tr td:first-child, .gift_cards-create #gift-card-checkout table.gift-card-info tr td:first-child, .gift_card_checkouts-new #gift-card-checkout table.gift-card-info tr td:first-child, .gift_card_checkouts-show #gift-card-checkout table.gift-card-info tr td:first-child, .gift_card_checkouts-new #gift-card-checkout table.gift-card-info tr td:first-child, .gift_card_checkouts-create #gift-card-checkout table.gift-card-info tr td:first-child, .gift_cards-chow_card #gift-card-checkout table.gift-card-info tr td:first-child { width: 35% } .gift_cards-new #gift-card-checkout table.gift-card-info .strong, .gift_cards-create #gift-card-checkout table.gift-card-info .strong, .gift_card_checkouts-new #gift-card-checkout table.gift-card-info .strong, .gift_card_checkouts-show #gift-card-checkout table.gift-card-info .strong, .gift_card_checkouts-new #gift-card-checkout table.gift-card-info .strong, .gift_card_checkouts-create #gift-card-checkout table.gift-card-info .strong, .gift_cards-chow_card #gift-card-checkout table.gift-card-info .strong { font-weight: 500; font-size: 16px; font-family: "urbana", sans-serif; color: black } @media screen and (max-width: 768px) { .gift_cards-new h3, .gift_cards-create h3, .gift_card_checkouts-new h3, .gift_card_checkouts-show h3, .gift_card_checkouts-new h3, .gift_card_checkouts-create h3, .gift_cards-chow_card h3 { margin-top: 20px } .gift_cards-new .right-gift h3, .gift_cards-create .right-gift h3, .gift_card_checkouts-new .right-gift h3, .gift_card_checkouts-show .right-gift h3, .gift_card_checkouts-new .right-gift h3, .gift_card_checkouts-create .right-gift h3, .gift_cards-chow_card .right-gift h3 { margin-top: 0 } .gift_cards-new .gift-card-top-image, .gift_cards-create .gift-card-top-image, .gift_card_checkouts-new .gift-card-top-image, .gift_card_checkouts-show .gift-card-top-image, .gift_card_checkouts-new .gift-card-top-image, .gift_card_checkouts-create .gift-card-top-image, .gift_cards-chow_card .gift-card-top-image { height: 170px; background-size: auto 170px } .gift_cards-new .gift-card-top-image .giftcard-img img, .gift_cards-create .gift-card-top-image .giftcard-img img, .gift_card_checkouts-new .gift-card-top-image .giftcard-img img, .gift_card_checkouts-show .gift-card-top-image .giftcard-img img, .gift_card_checkouts-new .gift-card-top-image .giftcard-img img, .gift_card_checkouts-create .gift-card-top-image .giftcard-img img, .gift_cards-chow_card .gift-card-top-image .giftcard-img img { height: 160px; padding-top: 10px } .gift_cards-new .right-gift, .gift_cards-new .left-gift, .gift_cards-create .right-gift, .gift_cards-create .left-gift, .gift_card_checkouts-new .right-gift, .gift_card_checkouts-new .left-gift, .gift_card_checkouts-show .right-gift, .gift_card_checkouts-show .left-gift, .gift_card_checkouts-new .right-gift, .gift_card_checkouts-new .left-gift, .gift_card_checkouts-create .right-gift, .gift_card_checkouts-create .left-gift, .gift_cards-chow_card .right-gift, .gift_cards-chow_card .left-gift { float: left; display: block; margin-right: 2.357652%; width: 100% } .gift_cards-new .right-gift:last-child, .gift_cards-new .left-gift:last-child, .gift_cards-create .right-gift:last-child, .gift_cards-create .left-gift:last-child, .gift_card_checkouts-new .right-gift:last-child, .gift_card_checkouts-new .left-gift:last-child, .gift_card_checkouts-show .right-gift:last-child, .gift_card_checkouts-show .left-gift:last-child, .gift_card_checkouts-new .right-gift:last-child, .gift_card_checkouts-new .left-gift:last-child, .gift_card_checkouts-create .right-gift:last-child, .gift_card_checkouts-create .left-gift:last-child, .gift_cards-chow_card .right-gift:last-child, .gift_cards-chow_card .left-gift:last-child { margin-right: 0 } } @media screen and (max-width: 480px) { .gift_cards-new .gift-card-top-image, .gift_cards-create .gift-card-top-image, .gift_card_checkouts-new .gift-card-top-image, .gift_card_checkouts-show .gift-card-top-image, .gift_card_checkouts-new .gift-card-top-image, .gift_card_checkouts-create .gift-card-top-image, .gift_cards-chow_card .gift-card-top-image { margin-top: 40px; height: 140px } .gift_cards-new .gift-card-top-image .giftcard-img img, .gift_cards-create .gift-card-top-image .giftcard-img img, .gift_card_checkouts-new .gift-card-top-image .giftcard-img img, .gift_card_checkouts-show .gift-card-top-image .giftcard-img img, .gift_card_checkouts-new .gift-card-top-image .giftcard-img img, .gift_card_checkouts-create .gift-card-top-image .giftcard-img img, .gift_cards-chow_card .gift-card-top-image .giftcard-img img { height: 120px; padding-top: 30px } } .gift_cards-new .form-section input, .gift_cards-new .form-section label, .gift_cards-create .form-section input, .gift_cards-create .form-section label, .gift_card_checkouts-new .form-section input, .gift_card_checkouts-new .form-section label, .gift_card_checkouts-show .form-section input, .gift_card_checkouts-show .form-section label, .gift_card_checkouts-new .form-section input, .gift_card_checkouts-new .form-section label, .gift_card_checkouts-create .form-section input, .gift_card_checkouts-create .form-section label, .gift_cards-chow_card .form-section input, .gift_cards-chow_card .form-section label { float: left; display: block; margin-right: 2.357652%; width: 100% } .gift_cards-new .form-section input:last-child, .gift_cards-new .form-section label:last-child, .gift_cards-create .form-section input:last-child, .gift_cards-create .form-section label:last-child, .gift_card_checkouts-new .form-section input:last-child, .gift_card_checkouts-new .form-section label:last-child, .gift_card_checkouts-show .form-section input:last-child, .gift_card_checkouts-show .form-section label:last-child, .gift_card_checkouts-new .form-section input:last-child, .gift_card_checkouts-new .form-section label:last-child, .gift_card_checkouts-create .form-section input:last-child, .gift_card_checkouts-create .form-section label:last-child, .gift_cards-chow_card .form-section input:last-child, .gift_cards-chow_card .form-section label:last-child { margin-right: 0 } .gift_cards-new .form-section fieldset.not-full input, .gift_cards-new .form-section fieldset.not-full label, .gift_cards-create .form-section fieldset.not-full input, .gift_cards-create .form-section fieldset.not-full label, .gift_card_checkouts-new .form-section fieldset.not-full input, .gift_card_checkouts-new .form-section fieldset.not-full label, .gift_card_checkouts-show .form-section fieldset.not-full input, .gift_card_checkouts-show .form-section fieldset.not-full label, .gift_card_checkouts-new .form-section fieldset.not-full input, .gift_card_checkouts-new .form-section fieldset.not-full label, .gift_card_checkouts-create .form-section fieldset.not-full input, .gift_card_checkouts-create .form-section fieldset.not-full label, .gift_cards-chow_card .form-section fieldset.not-full input, .gift_cards-chow_card .form-section fieldset.not-full label { width: auto; display: inline-block; float: none } .gift_cards-new .form-section input.btn, .gift_cards-new .form-section .btn-primary, .gift_cards-create .form-section input.btn, .gift_cards-create .form-section .btn-primary, .gift_card_checkouts-new .form-section input.btn, .gift_card_checkouts-new .form-section .btn-primary, .gift_card_checkouts-show .form-section input.btn, .gift_card_checkouts-show .form-section .btn-primary, .gift_card_checkouts-new .form-section input.btn, .gift_card_checkouts-new .form-section .btn-primary, .gift_card_checkouts-create .form-section input.btn, .gift_card_checkouts-create .form-section .btn-primary, .gift_cards-chow_card .form-section input.btn, .gift_cards-chow_card .form-section .btn-primary { width: initial; padding: 0.75rem; margin: 10px auto 50px auto } .gift_cards-new .form-section textarea, .gift_cards-create .form-section textarea, .gift_card_checkouts-new .form-section textarea, .gift_card_checkouts-show .form-section textarea, .gift_card_checkouts-new .form-section textarea, .gift_card_checkouts-create .form-section textarea, .gift_cards-chow_card .form-section textarea { height: 100px } .gift_cards-new .form-section fieldset.first-width, .gift_cards-create .form-section fieldset.first-width, .gift_card_checkouts-new .form-section fieldset.first-width, .gift_card_checkouts-show .form-section fieldset.first-width, .gift_card_checkouts-new .form-section fieldset.first-width, .gift_card_checkouts-create .form-section fieldset.first-width, .gift_cards-chow_card .form-section fieldset.first-width { float: left } .gift_cards-new .form-section fieldset.third-width, .gift_cards-create .form-section fieldset.third-width, .gift_card_checkouts-new .form-section fieldset.third-width, .gift_card_checkouts-show .form-section fieldset.third-width, .gift_card_checkouts-new .form-section fieldset.third-width, .gift_card_checkouts-create .form-section fieldset.third-width, .gift_cards-chow_card .form-section fieldset.third-width { margin-right: 0; margin-left: 0; float: left; display: block; margin-right: 2.357652%; width: 31.761566% } .gift_cards-new .form-section fieldset.third-width:last-child, .gift_cards-create .form-section fieldset.third-width:last-child, .gift_card_checkouts-new .form-section fieldset.third-width:last-child, .gift_card_checkouts-show .form-section fieldset.third-width:last-child, .gift_card_checkouts-new .form-section fieldset.third-width:last-child, .gift_card_checkouts-create .form-section fieldset.third-width:last-child, .gift_cards-chow_card .form-section fieldset.third-width:last-child { margin-right: 0 } .gift_cards-new .form-section fieldset.half-width, .gift_cards-create .form-section fieldset.half-width, .gift_card_checkouts-new .form-section fieldset.half-width, .gift_card_checkouts-show .form-section fieldset.half-width, .gift_card_checkouts-new .form-section fieldset.half-width, .gift_card_checkouts-create .form-section fieldset.half-width, .gift_cards-chow_card .form-section fieldset.half-width { margin-right: 0; margin-left: 0; float: left; display: block; margin-right: 2.357652%; width: 48.821174% } .gift_cards-new .form-section fieldset.half-width:last-child, .gift_cards-create .form-section fieldset.half-width:last-child, .gift_card_checkouts-new .form-section fieldset.half-width:last-child, .gift_card_checkouts-show .form-section fieldset.half-width:last-child, .gift_card_checkouts-new .form-section fieldset.half-width:last-child, .gift_card_checkouts-create .form-section fieldset.half-width:last-child, .gift_cards-chow_card .form-section fieldset.half-width:last-child { margin-right: 0 } .gift_cards-new .form-section fieldset.fourth-width, .gift_cards-create .form-section fieldset.fourth-width, .gift_card_checkouts-new .form-section fieldset.fourth-width, .gift_card_checkouts-show .form-section fieldset.fourth-width, .gift_card_checkouts-new .form-section fieldset.fourth-width, .gift_card_checkouts-create .form-section fieldset.fourth-width, .gift_cards-chow_card .form-section fieldset.fourth-width { margin-right: 0; margin-left: 0; float: left; display: block; margin-right: 2.357652%; width: 23.231761% } .gift_cards-new .form-section fieldset.fourth-width:last-child, .gift_cards-create .form-section fieldset.fourth-width:last-child, .gift_card_checkouts-new .form-section fieldset.fourth-width:last-child, .gift_card_checkouts-show .form-section fieldset.fourth-width:last-child, .gift_card_checkouts-new .form-section fieldset.fourth-width:last-child, .gift_card_checkouts-create .form-section fieldset.fourth-width:last-child, .gift_cards-chow_card .form-section fieldset.fourth-width:last-child { margin-right: 0 } .gift_cards-new .form-section fieldset.last-width, .gift_cards-create .form-section fieldset.last-width, .gift_card_checkouts-new .form-section fieldset.last-width, .gift_card_checkouts-show .form-section fieldset.last-width, .gift_card_checkouts-new .form-section fieldset.last-width, .gift_card_checkouts-create .form-section fieldset.last-width, .gift_cards-chow_card .form-section fieldset.last-width { margin-right: 0; float: right } .gift_cards-new .form-section fieldset.no-label label, .gift_cards-create .form-section fieldset.no-label label, .gift_card_checkouts-new .form-section fieldset.no-label label, .gift_card_checkouts-show .form-section fieldset.no-label label, .gift_card_checkouts-new .form-section fieldset.no-label label, .gift_card_checkouts-create .form-section fieldset.no-label label, .gift_cards-chow_card .form-section fieldset.no-label label { color: white } .gift_cards-new footer.footer, .gift_cards-create footer.footer, .gift_card_checkouts-new footer.footer, .gift_card_checkouts-show footer.footer, .gift_card_checkouts-new footer.footer, .gift_card_checkouts-create footer.footer, .gift_cards-chow_card footer.footer { padding: 0; display: block } .gift_cards-new footer.footer .outer-container, .gift_cards-create footer.footer .outer-container, .gift_card_checkouts-new footer.footer .outer-container, .gift_card_checkouts-show footer.footer .outer-container, .gift_card_checkouts-new footer.footer .outer-container, .gift_card_checkouts-create footer.footer .outer-container, .gift_cards-chow_card footer.footer .outer-container { display: block; margin-bottom: 0; max-width: 61em } .gift_cards-new .give-gift-only, .gift_cards-create .give-gift-only, .gift_card_checkouts-new .give-gift-only, .gift_card_checkouts-show .give-gift-only, .gift_card_checkouts-new .give-gift-only, .gift_card_checkouts-create .give-gift-only, .gift_cards-chow_card .give-gift-only { display: none } .gift_cards-create .hero-section, .gift_cards-create .how-it-works { display: none } .gift_cards-create .purchase-gift-card-form { border-bottom: solid 1px #efefef } #gift-card-checkout, #gift-card-create, #gift-card-purchase-confirmation { background-color: white } #gift-card-checkout h3, #gift-card-create h3, #gift-card-purchase-confirmation h3 { font-family: "bebas-neue", sans-serif } #gift-card-checkout .checkout-button, #gift-card-create .checkout-button, #gift-card-purchase-confirmation .checkout-button { width: 100% } .gift_cards-new.market-hungryboiler .gift-card-top-image, .gift_cards-new.market-milehighmenus .gift-card-top-image, .gift_cards-new.market-btownmenus .gift-card-top-image, .gift_cards-new.market-hungrybuffs .gift-card-top-image, .gift_cards-new.market-sbmenus .gift-card-top-image, .gift_cards-new.market-hungryducks .gift-card-top-image, .gift_card_checkouts-new.market-hungryboiler .gift-card-top-image, .gift_card_checkouts-new.market-milehighmenus .gift-card-top-image, .gift_card_checkouts-new.market-btownmenus .gift-card-top-image, .gift_card_checkouts-new.market-hungrybuffs .gift-card-top-image, .gift_card_checkouts-new.market-sbmenus .gift-card-top-image, .gift_card_checkouts-new.market-hungryducks .gift-card-top-image, .gift_card_checkouts-show.market-hungryboiler .gift-card-top-image, .gift_card_checkouts-show.market-milehighmenus .gift-card-top-image, .gift_card_checkouts-show.market-btownmenus .gift-card-top-image, .gift_card_checkouts-show.market-hungrybuffs .gift-card-top-image, .gift_card_checkouts-show.market-sbmenus .gift-card-top-image, .gift_card_checkouts-show.market-hungryducks .gift-card-top-image { display: none } .gift_cards-new.market-hungryboiler footer.footer .local-social-container, .gift_cards-new.market-milehighmenus footer.footer .local-social-container, .gift_cards-new.market-btownmenus footer.footer .local-social-container, .gift_cards-new.market-hungrybuffs footer.footer .local-social-container, .gift_cards-new.market-sbmenus footer.footer .local-social-container, .gift_cards-new.market-hungryducks footer.footer .local-social-container, .gift_card_checkouts-new.market-hungryboiler footer.footer .local-social-container, .gift_card_checkouts-new.market-milehighmenus footer.footer .local-social-container, .gift_card_checkouts-new.market-btownmenus footer.footer .local-social-container, .gift_card_checkouts-new.market-hungrybuffs footer.footer .local-social-container, .gift_card_checkouts-new.market-sbmenus footer.footer .local-social-container, .gift_card_checkouts-new.market-hungryducks footer.footer .local-social-container, .gift_card_checkouts-show.market-hungryboiler footer.footer .local-social-container, .gift_card_checkouts-show.market-milehighmenus footer.footer .local-social-container, .gift_card_checkouts-show.market-btownmenus footer.footer .local-social-container, .gift_card_checkouts-show.market-hungrybuffs footer.footer .local-social-container, .gift_card_checkouts-show.market-sbmenus footer.footer .local-social-container, .gift_card_checkouts-show.market-hungryducks footer.footer .local-social-container { display: none } .gift_cards-new.market-hungryboiler .btn-primary, .gift_cards-new .btn-primary.edit .btn-primary, .gift_card_checkouts-new.market-hungryboiler .btn-primary, .gift_card_checkouts-new .btn-primary.edit .btn-primary, .gift_card_checkouts-show.market-hungryboiler .btn-primary, .gift_card_checkouts-show .btn-primary.edit .btn-primary { background: #b2b7bb !important } .gift_cards-new.market-milehighmenus .btn-primary, .gift_cards-new.market-milehighmenus .btn-primary.edit, .gift_card_checkouts-new.market-milehighmenus .btn-primary, .gift_card_checkouts-new.market-milehighmenus .btn-primary.edit, .gift_card_checkouts-show.market-milehighmenus .btn-primary, .gift_card_checkouts-show.market-milehighmenus .btn-primary.edit { background: #0783af !important } .gift_cards-new.market-btownmenus .btn-primary, .gift_cards-new.market-btownmenus .btn-primary.edit, .gift_card_checkouts-new.market-btownmenus .btn-primary, .gift_card_checkouts-new.market-btownmenus .btn-primary.edit, .gift_card_checkouts-show.market-btownmenus .btn-primary, .gift_card_checkouts-show.market-btownmenus .btn-primary.edit { background: #77100c !important } .gift_cards-new.market-hungrybuffs .btn-primary, .gift_cards-new.market-hungrybuffs .btn-primary.edit, .gift_card_checkouts-new.market-hungrybuffs .btn-primary, .gift_card_checkouts-new.market-hungrybuffs .btn-primary.edit, .gift_card_checkouts-show.market-hungrybuffs .btn-primary, .gift_card_checkouts-show.market-hungrybuffs .btn-primary.edit { background: #ebb83d !important } .gift_cards-new.market-sbmenus .btn-primary, .gift_cards-new.market-sbmenus .btn-primary.edit, .gift_card_checkouts-new.market-sbmenus .btn-primary, .gift_card_checkouts-new.market-sbmenus .btn-primary.edit, .gift_card_checkouts-show.market-sbmenus .btn-primary, .gift_card_checkouts-show.market-sbmenus .btn-primary.edit { background: #f3902f !important } .gift_cards-new.market-hungryducks .btn-primary, .gift_cards-new.market-hungryducks .btn-primary.edit, .gift_card_checkouts-new.market-hungryducks .btn-primary, .gift_card_checkouts-new.market-hungryducks .btn-primary.edit, .gift_card_checkouts-show.market-hungryducks .btn-primary, .gift_card_checkouts-show.market-hungryducks .btn-primary.edit { background: #13a058 !important } .gift_cards-new .hide-for-gift, .gift_card_checkouts-new .hide-for-gift, .gift_card_checkouts-show .hide-for-gift { display: none !important } .gift_cards-new .gift-card-top-image, .gift_card_checkouts-new .gift-card-top-image, .gift_card_checkouts-show .gift-card-top-image { background-image: none !important } .gift_cards-new .give-gift-only, .gift_card_checkouts-new .give-gift-only, .gift_card_checkouts-show .give-gift-only { display: inherit } .gift_cards-new .outer-container, .gift_card_checkouts-new .outer-container, .gift_card_checkouts-show .outer-container { padding: 0 20px; margin: 0 auto 90px auto } .gift_cards-new .gift-card-top-image, .gift_card_checkouts-new .gift-card-top-image, .gift_card_checkouts-show .gift-card-top-image { height: 350px; z-index: 100 } .gift_cards-new .gift-card-top-image .yellow-headline, .gift_card_checkouts-new .gift-card-top-image .yellow-headline, .gift_card_checkouts-show .gift-card-top-image .yellow-headline { background: none; width: 100%; border-radius: 15px; display: block; margin-top: 20px } .gift_cards-new .gift-card-top-image .yellow-headline img, .gift_card_checkouts-new .gift-card-top-image .yellow-headline img, .gift_card_checkouts-show .gift-card-top-image .yellow-headline img { display: block; text-align: center; width: 100%; max-width: 375px; margin: 25px auto } .gift_cards-new #gift-card-purchase-confirmation h2, .gift_card_checkouts-new #gift-card-purchase-confirmation h2, .gift_card_checkouts-show #gift-card-purchase-confirmation h2 { color: #bc2031 } .gift_cards-new #gift-card-purchase-confirmation p, .gift_card_checkouts-new #gift-card-purchase-confirmation p, .gift_card_checkouts-show #gift-card-purchase-confirmation p { text-align: center } @media screen and (max-width: 960px) { .gift_cards-new .outer-container, .gift_cards-new .gift-card-top-image .yellow-headline, .gift_card_checkouts-new .outer-container, .gift_card_checkouts-new .gift-card-top-image .yellow-headline, .gift_card_checkouts-show .outer-container, .gift_card_checkouts-show .gift-card-top-image .yellow-headline { width: 96%; margin: 0 2% } .gift_cards-new .gift-card-top-image .yellow-headline, .gift_card_checkouts-new .gift-card-top-image .yellow-headline, .gift_card_checkouts-show .gift-card-top-image .yellow-headline { margin-top: 20px } } @media screen and (max-width: 768px) { .gift_cards-new, .gift_card_checkouts-new, .gift_card_checkouts-show { background-image: none } .gift_cards-new .outer-container#gift-card-create, .gift_card_checkouts-new .outer-container#gift-card-create, .gift_card_checkouts-show .outer-container#gift-card-create { border-radius: 0 } .gift_cards-new .outer-container, .gift_cards-new .gift-card-top-image .yellow-headline, .gift_card_checkouts-new .outer-container, .gift_card_checkouts-new .gift-card-top-image .yellow-headline, .gift_card_checkouts-show .outer-container, .gift_card_checkouts-show .gift-card-top-image .yellow-headline { width: 100%; margin: 0 } .gift_cards-new .gift-card-top-image, .gift_card_checkouts-new .gift-card-top-image, .gift_card_checkouts-show .gift-card-top-image { margin: 0 } .gift_cards-new .gift-card-top-image .yellow-headline, .gift_card_checkouts-new .gift-card-top-image .yellow-headline, .gift_card_checkouts-show .gift-card-top-image .yellow-headline { background-color: none; background-repeat: no-repeat; background-position: 50% 75px; border-radius: 0; margin-top: 0; background-image: url(/assets/front_end/GiftCard_NewBG-2163b890af7d5fd6fa450be82cc92cd2.png); background-size: 500px auto } .gift_cards-new .gift-card-top-image .yellow-headline img, .gift_card_checkouts-new .gift-card-top-image .yellow-headline img, .gift_card_checkouts-show .gift-card-top-image .yellow-headline img { max-width: 323px; margin: 58px auto 0 auto } } @media screen and (max-width: 480px) { .gift_cards-new .gift-card-top-image, .gift_card_checkouts-new .gift-card-top-image, .gift_card_checkouts-show .gift-card-top-image { height: 180px } .gift_cards-new .gift-card-top-image .yellow-headline, .gift_card_checkouts-new .gift-card-top-image .yellow-headline, .gift_card_checkouts-show .gift-card-top-image .yellow-headline { background-size: 300px auto; background-position: 50% 20px } .gift_cards-new .gift-card-top-image .yellow-headline img, .gift_card_checkouts-new .gift-card-top-image .yellow-headline img, .gift_card_checkouts-show .gift-card-top-image .yellow-headline img { max-width: 200px; margin: 20px auto 0 auto } } #groupon { background: #82B548; color: white; display: block; font-family: "Urbana", sans-serif; font-size: 14pt; font-weight: 100; padding: 1rem; text-align: center; text-decoration: none } @media screen and (max-width: 480px) { #groupon { font-size: 12px; height: 4.125rem; padding: 1rem 1rem } } #groupon .main-container { display: block } #groupon .main-container .groupon-headline, #groupon .main-container .groupon-read-link { display: inline-block } @media screen and (max-width: 480px) { #groupon .main-container .groupon-headline, #groupon .main-container .groupon-read-link { display: inline } } #groupon .main-container .groupon-headline { margin-right: 0.5rem } #groupon .main-container .groupon-headline img { display: inline-block; margin-right: 0.5rem; vertical-align: middle } #groupon .main-container .groupon-read-link { font-size: 90%; opacity: 0.9 } @media screen and (max-width: 480px) { #groupon .main-container .groupon-read-link { display: none } } #groupon .main-container i.ss-navigateright { display: inline-block; margin-left: 0.2rem; position: relative; top: 0.2rem } .home-show:not(.scrolled) #groupon, .landing_page-apps:not(.scrolled) #groupon, .landing_page-whyorderup:not(.scrolled) #groupon, .markets-coming_soon:not(.scrolled) #groupon, .company-about:not(.scrolled) #groupon, .gift_cards-new:not(.scrolled) #groupon, .gift_card_checkouts-new:not(.scrolled) #groupon, .gift_card_checkouts-show:not(.scrolled) #groupon, .landing_page-nomarket:not(.scrolled) #groupon { left: 0; position: fixed; right: 0; top: 0 } .home-show:not(.scrolled) #groupon + nav, .landing_page-apps:not(.scrolled) #groupon + nav, .landing_page-whyorderup:not(.scrolled) #groupon + nav, .markets-coming_soon:not(.scrolled) #groupon + nav, .company-about:not(.scrolled) #groupon + nav, .gift_cards-new:not(.scrolled) #groupon + nav, .gift_card_checkouts-new:not(.scrolled) #groupon + nav, .gift_card_checkouts-show:not(.scrolled) #groupon + nav, .landing_page-nomarket:not(.scrolled) #groupon + nav { margin-top: 2rem } .transition-denver p { color: white; font-family: proxima-nova, sans-serif } @media only screen and (max-width: 500px) { .transition-denver p { font-size: 100% !important } } .transition-denver a { color: white; font-family: proxima-nova, sans-serif } .transition-denver #hero { background-image: url(/assets/front_end/groupon_transitions/hero-bg-menu-1bcdc99bad0012fdac5be639587e92aa.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; min-height: 40vw; max-height: 75vh; display: flex; align-items: center } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .transition-denver #hero { background-image: url(/assets/front_end/groupon_transitions/hero-bg-menu@2x-050fa6206ce8180d03fa948a7bf6ca69.jpg) } } .transition-denver #hero .inner { display: flex; flex-direction: column; align-items: center } .transition-denver #restaurant-logo { max-height: 150px; width: auto; margin: 0 auto -25px } .transition-denver #meanings { margin-top: 60px } .transition-denver .inner { margin: auto; text-align: center; max-width: 1000px } .transition-denver .button { background: #1CB962; border-radius: 8px; font-family: proxima-nova, sans-serif; font-weight: bold; font-size: 175%; color: #FFF; width: 490px; max-width: 90vw; padding: 0.9em } @media only screen and (max-width: 500px) { .transition-denver .button { padding: 0.5em; margin-top: 48px; font-size: 23px } } @media only screen and (max-width: 375px) { .transition-denver .button { font-size: 100% } } .transition-denver #logo { background-image: url(/assets/front_end/groupon_transitions/ougtg_desktop-396a61350aec7c4295f7a71ad1a29629.png); background-repeat: no-repeat; background-size: contain; background-position: center; height: 23.8vh; max-height: 258px; margin-bottom: 96px; width: 75% } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .transition-denver #logo { background-image: url(/assets/front_end/groupon_transitions/ougtg_desktop@2x-c449e9b44b7dd0e9eb6b65ad2228be87.png) } } @media only screen and (max-width: 1024px) { .transition-denver #logo { margin-bottom: 32px } } @media only screen and (max-width: 500px) { .transition-denver #logo { margin-bottom: auto } } .transition-denver .red-pattern { background-image: url(/assets/front_end/groupon_transitions/icons_wallpaper-4251268d589e53fc53cb00a74cc3a41f.png); background-color: #CA2C3D; background-repeat: repeat; background-size: 720px 720px; background-position: center 5px; padding: 75px } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .transition-denver .red-pattern { background-image: url(/assets/front_end/groupon_transitions/icons_wallpaper@2x-e2dfadfbb40e102a0d658ac0b61ed13d.png) } } @media only screen and (max-width: 800px) { .transition-denver .red-pattern { padding: 30px } } .transition-denver .icon-group { width: 316px; max-width: 82vw; display: inline-block; margin-bottom: 100px } .transition-denver .icon { margin: 0 auto; background-size: 100px 276px; width: 100px; background-image: url(/assets/front_end/groupon_transitions/sprite-1ddc6a92598eeb51f32de7a1c295b40c.png) } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .transition-denver .icon { background-image: url(/assets/front_end/groupon_transitions/sprite@2x-640cdf9fff09767bc2b2b6b8a300dd46.png) } } .transition-denver .icon-text { font-family: proxima-nova, sans-serif; font-size: 32px; color: #FFF; text-align: center } .transition-denver #restaurants { background-position: 0 -7px; height: 45px } .transition-denver #driver { background-position: 0 -59px; height: 47px } .transition-denver #food { background-position: 0 -111px; height: 54px } .transition-denver #bill { background-position: 0 -175px; height: 43px } .transition-denver #grouponcircle { background-position: 0 -221px; height: 52px } .transition-denver .white { color: #FFF; background-color: transparent } .transition-denver h1 { font-family: proxima-nova, sans-serif; font-weight: bold; font-size: 54px; text-align: center; color: black } @media only screen and (max-width: 888px) { .transition-denver h1 { font-size: 240% } } @media only screen and (max-width: 600px) { .transition-denver h1 { font-size: 200% } } @media only screen and (max-width: 500px) { .transition-denver h1 { font-size: 170% } } @media only screen and (max-width: 445px) { .transition-denver h1 { font-size: 140%; line-height: 125% } } .transition-denver .faqs { flex-direction: row; flex-wrap: wrap; display: flex; justify-content: space-between } @media only screen and (max-width: 1000px) { .transition-denver .faqs { justify-content: space-around } } .transition-denver .faq-container { width: 487px; align-self: flex-start } @media only screen and (max-width: 500px) { .transition-denver .faq-container { width: 90vw } } .transition-denver .question { color: #999; text-transform: uppercase; font-family: proxima-nova, sans-serif; font-weight: bold; line-height: normal } @media only screen and (max-width: 500px) { .transition-denver .question { font-size: 100% } } .transition-denver .answer { color: #999; font-size: 24px; font-weight: 300 } .transition-denver .answer a { color: #999 } .transition-denver .underline { text-decoration: underline } .transition-denver #more-questions p { font-size: 32px; max-width: 850px; margin: auto } .transition-denver #more-questions a { font-weight: bold; margin: auto } .webp .landing-photo-section { background-image: url(/assets/front_end/desktop-bkgd-604cb3d8c1e5ae0682bf7f19df0c7a9e.webp) } .nowebp .landing-photo-section { background-image: url(/assets/front_end/desktop-bkgd-efa44293213d82cee439dca955d6c4ed.jpg) } .landing-photo-section { display: block; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-top: -4.125rem; position: relative } .landing-photo-section:after { content: ""; display: table; clear: both } .landing-photo-section .attribution { bottom: 1rem; color: white; font-size: 0.5rem; font-weight: 100; opacity: 0.4; position: absolute; right: 1rem } @media (max-width: 1200px) { .landing-photo-section { background-size: auto 115% } } @media screen and (max-width: 960px) { .landing-photo-section { background-size: auto 100% } } @media screen and (max-width: 480px) { .landing-photo-section { margin-top: -3.375rem } .landing-photo-section .outer-container { background: none } .landing-photo-section .landing-photo-section { bottom: 35% } } .enter-address-section { display: block; margin: 200px auto } .enter-address-section .desktop-headline .headline-1, .enter-address-section .desktop-headline .headline-2, .enter-address-section .mobile-headline .headline-2, .enter-address-section .mobile-headline .headline-3, .enter-address-section .mobile-headline .headline-4 { text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.7); font-family: "bebas-neue", sans-serif; color: white; font-size: 50px; line-height: 95%; display: block; text-align: center } .enter-address-section .desktop-headline .headline-1 { font-size: 85px } .enter-address-section .mobile-headline .headline-2 { font-size: 70px } .enter-address-section .mobile-headline .headline-3 { font-size: 32px } .enter-address-section .mobile-headline .headline-4 { font-size: 56px } @media screen and (min-width: 600px) { .enter-address-section .twitter-typeahead .tt-dropdown-menu { width: 133% !important; margin-top: 5px } } .mobile-app-home { float: left; display: block; margin-right: 2.357652%; width: 100%; padding: 30px 0 } .mobile-app-home:last-child { margin-right: 0 } .mobile-app-home .app-mockup { float: left; display: block; margin-right: 2.357652%; width: 40.29137%; text-align: right } .mobile-app-home .app-mockup:last-child { margin-right: 0 } .mobile-app-home .app-mockup img { width: 90% } .mobile-app-home h3 { font-weight: 200; color: #858585; line-height: 120% } .mobile-app-home .app-description { float: left; display: block; margin-right: 2.357652%; width: 48.821174%; margin-right: 0; float: right } .mobile-app-home .app-description:last-child { margin-right: 0 } .mobile-app-home .app-description p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; margin-bottom: 6px } .mobile-app-home .app-description .app-store-buttons { width: 50%; margin: 40px 0 } .mobile-app-home .app-description .app-store-buttons span { vertical-align: middle; display: inline-block; cursor: default } .mobile-app-home .app-description .app-store-buttons span.orderup-icons { font-size: 30px; cursor: default } .mobile-app-home .app-description .iphone-app-button, .mobile-app-home .app-description .android-app-button { -webkit-transition: background-color 150ms; -moz-transition: background-color 150ms; transition: background-color 150ms; background-color: white; border-radius: 5px; border: 2px solid #bc2031; color: #bc2031; display: inline-block; float: left; font-family: 16px normal "bebas-neue", sans-serif; text-align: center; text-decoration: none; text-indent: 0; width: 49.9%; padding: 15px 10px } .mobile-app-home .app-description .iphone-app-button input, .mobile-app-home .app-description .android-app-button input { display: none } .mobile-app-home .app-description .iphone-app-button.live-button, .mobile-app-home .app-description .android-app-button.live-button { background-color: #bc2031; color: white } .mobile-app-home .app-description .android-app-button { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -2px } .mobile-app-home .app-description .iphone-app-button { border-bottom-right-radius: 0; border-top-right-radius: 0 } .mobile-app-home h2 { margin-top: 75px; font-family: "bebas-neue", sans-serif; color: #bc2031; font-size: 50px; text-align: left } .mobile-app-home .app-text-link { margin-top: 40px } .mobile-app-home .app-text-link input { border: solid 2px #d4d7da !important; border-right: 0 #e8ebeb !important; width: 50%; display: inline-block } .mobile-app-home .app-text-link input:focus { border: solid 2px #f3902f !important } .mobile-app-home .app-text-link input[type=submit] { background-color: #f3902f; border-width: 0 !important; width: 50%; display: inline-block } .mobile-app-home .link-to-app-store { display: block; margin: 40px auto 0 auto; text-align: center } .mobile-app-home .link-to-app-store a { display: block; float: left; padding: 0 1rem 0 0; width: 50% } .mobile-app-home .link-to-app-store a img { display: block; width: 100% } @media screen and (max-width: 768px) { .enter-address-section { margin: 250px auto 150px auto } .enter-address-section .enter-address-input { width: 100% } .enter-address-section .desktop-headline .headline-1 { font-size: 64px } .enter-address-section .desktop-headline .headline-2 { font-size: 38px } .mobile-app-home h2 { margin-top: 20px } .mobile-app-home .app-description .app-store-buttons { width: 80% } .mobile-app-home .app-text-link { display: none } .mobile-app-home .app-text-link input { width: 50% } .mobile-app-home .app-text-link button { width: 50% } } @media screen and (max-width: 480px) { .mobile-app-home .app-mockup, .mobile-app-home .app-description { float: left; display: block; margin-right: 2.357652%; width: 100% } .mobile-app-home .app-mockup:last-child, .mobile-app-home .app-description:last-child { margin-right: 0 } .mobile-app-home .app-mockup img { display: block; width: 100%; margin: 10px auto } .mobile-app-home .app-description p { text-align: center } .mobile-app-home .app-description .app-store-buttons { margin: 40px auto } .mobile-app-home h2 { margin-top: 20px } .enter-address-section .enter-address-input .omnibox { width: 100% } .enter-address-section { margin: 8.625rem 0 100px 0 } .enter-address-section .enter-address-input { margin: 0; width: 100% } .enter-address-section .enter-address-input .twitter-typeahead, .enter-address-section .enter-address-input .twitter-typeahead .omnibox { width: 100% } .enter-address-section .enter-address-input input[type=text] { font-size: 1rem; width: 100% } .enter-address-section .enter-address-input button.orderup-button { width: 100% } .mobile-app-home .app-links a.link-to-app-store { text-align: center } } .market-container { float: left; display: block; margin-right: 2.357652%; width: 100%; padding: 3rem; background: #fdf6e8 url(/assets/front_end/gb-root-map-6002a7b70bde441615f366503c7209ed.gif) no-repeat 50% 50%; background-size: 50% } .market-container:last-child { margin-right: 0 } .market-container .market-list { padding: 1.5rem } .market-container .market-list .markets { -webkit-columns: 4; -moz-columns: 4; columns: 4; text-align: center; border-radius: 40px; line-height: 1.5rem; padding-top: 1.125rem } .market-container .market-list .markets ul { margin-top: 0 } .market-container .market-list section { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid } .market-container .market-list h4 { font-family: "urbana", sans-serif; margin-top: 0.75rem; font-weight: 500; font-size: 16px; text-transform: uppercase } .market-container .market-list h4:first-child { margin: 0 } .market-container .market-list li { margin-left: 0; font-size: 1.125rem } .market-container .market-list li a { color: #176092 } .market-container .add-market { border-top: 3px solid #bc2031 } .market-container .add-market .btn-primary { background: #bc2031 !important; border-radius: 10px; border: 0; box-shadow: none; color: #fff; display: block; font-family: "urbana", sans-serif; font-size: 24px; font-weight: 500; margin: 10px auto; padding: 18px 20px 15px 20px; text-decoration: none !important; width: 230px; margin: 0 auto } .market-container .add-market .btn-primary:hover { background-color: #a61c2b !important; color: white !important; text-shadow: none } .market-container .add-market .btn-primary:active { background-color: #a61c2b !important; text-shadow: none } .market-container .add-market .btn-primary:focus { outline: 0 !important } .market-container .add-market .btn-primary i { font-size: 0.9375rem; margin-left: 5px } .market-container .add-market a { text-decoration: none; text-align: center } @media screen and (max-width: 768px) { .market-container { background-size: 65%; padding: 0.75rem } .market-container .market-list .markets { -webkit-columns: 3; -moz-columns: 3; columns: 3 } .market-container .market-list .markets ul li { font-size: 1.05rem; line-height: 1.5rem } } @media screen and (max-width: 480px) { .market-container { float: left; display: block; margin-right: 4.829158%; width: 100%; background-size: 80%; padding: 0 } .market-container:last-child { margin-right: 0 } .market-container .market-list { padding: 0.375rem } .market-container .market-list .markets { -webkit-columns: 2; -moz-columns: 2; columns: 2 } } .home-show #recent-order, .home-show .system-banner { left: 0; position: absolute; right: 0; top: 8.125rem; z-index: 1 } .home-show #recent-order { left: 0; position: absolute; right: 0; top: 8.125rem; z-index: 1 } @media screen and (max-width: 480px) { .home-show #recent-order { display: none } } .home-show #recent-order a { background: transparent; border-width: 0; color: white; text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.7) } .home-show #recent-order a .restaurant-icon { border-color: white !important } .issue-box { margin-right: 0; padding: 20px; float: left; display: block; width: 100% } #issue_form .row { width: 100%; float: left } #issue_form .row .info { width: 33%; float: left } #issue_form .row .info .reason { width: 100%; float: left } #issue_form .row .info .notes { width: 100%; height: 15em } #issue_form .row .info .submit { width: 100%; float: left } #issue_form .row .items-full { width: 100% !important } #issue_form .row .items { width: 66%; float: left } #issue_form .row .items .submit { width: 100%; float: left; display: none } @media screen and (max-width: 480px) { #issue_form .row .info { width: 100% } #issue_form .row .info .notes { width: 100%; height: 5em } #issue_form .row .info .submit { display: none } #issue_form .row .items { width: 100% } #issue_form .row .items .submit { display: block } } #pre-launch-landing-page .container-section, #no-market-landing-page .container-section, .landing-page-design .container-section { display: block; margin: 0 auto; padding: 0 12px; max-width: 624px !important } #pre-launch-landing-page .container-section:after, #no-market-landing-page .container-section:after, .landing-page-design .container-section:after { clear: both } #pre-launch-landing-page .outer-container, #no-market-landing-page .outer-container, .landing-page-design .outer-container { max-width: 770px } #pre-launch-landing-page .landing-photo-section, #no-market-landing-page .landing-photo-section, .landing-page-design .landing-photo-section { background-image: url(/assets/front_end/app-with-food-0375a13464dd9e85cbeff523b50fdaa9.jpg); background-size: 100% auto } #pre-launch-landing-page .enter-address-section, #no-market-landing-page .enter-address-section, .landing-page-design .enter-address-section { max-width: 500px; margin: 200px auto 80px auto } #pre-launch-landing-page .subheadline, #no-market-landing-page .subheadline, .landing-page-design .subheadline { font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 32px; line-height: 1.3; font-weight: 200; margin: 20px auto } #pre-launch-landing-page h2, #no-market-landing-page h2, .landing-page-design h2 { color: #bc2031 } #pre-launch-landing-page .feature-description, #no-market-landing-page .feature-description, .landing-page-design .feature-description { width: 50% } #pre-launch-landing-page .feature-description p, #no-market-landing-page .feature-description p, .landing-page-design .feature-description p { color: #7a858b; text-align: left; font-size: 22px; font-weight: 200 } #pre-launch-landing-page .feature-description h2, #no-market-landing-page .feature-description h2, .landing-page-design .feature-description h2 { text-align: left; width: 50% } #pre-launch-landing-page .feature-description .submit span, #no-market-landing-page .feature-description .submit span, .landing-page-design .feature-description .submit span { display: inline-block } #pre-launch-landing-page .feature-description .submit i.ss-right, #no-market-landing-page .feature-description .submit i.ss-right, .landing-page-design .feature-description .submit i.ss-right { display: inline-block; margin-bottom: -4px; padding-left: 10px; vertical-align: middle } #pre-launch-landing-page .app-feature-section, #no-market-landing-page .app-feature-section, .landing-page-design .app-feature-section { padding: 40px 0 0 0; clear: both; display: block; background: #fff; background-size: 1280px 2px } #pre-launch-landing-page .app-images, #no-market-landing-page .app-images, .landing-page-design .app-images { display: inline } #pre-launch-landing-page .app-images img, #no-market-landing-page .app-images img, .landing-page-design .app-images img { vertical-align: bottom } #pre-launch-landing-page .app-images .screenshot-app, #no-market-landing-page .app-images .screenshot-app, .landing-page-design .app-images .screenshot-app { display: inline-block; max-width: 350px } #pre-launch-landing-page .app-images .screenshot-app img, #no-market-landing-page .app-images .screenshot-app img, .landing-page-design .app-images .screenshot-app img { width: 100% } #pre-launch-landing-page .app-images .tracker-steps, #no-market-landing-page .app-images .tracker-steps, .landing-page-design .app-images .tracker-steps { padding-left: 5%; display: inline-block } #pre-launch-landing-page .app-images .tracker-steps img, #no-market-landing-page .app-images .tracker-steps img, .landing-page-design .app-images .tracker-steps img { display: block; width: 250px; opacity: 0 } #pre-launch-landing-page .app-images .tracker-steps img:first-child, #no-market-landing-page .app-images .tracker-steps img:first-child, .landing-page-design .app-images .tracker-steps img:first-child { margin-bottom: 20px } #pre-launch-landing-page .app-images .tracker-steps img:nth-child(3), #no-market-landing-page .app-images .tracker-steps img:nth-child(3), .landing-page-design .app-images .tracker-steps img:nth-child(3) { margin-left: 20px } #pre-launch-landing-page .app-images .tracker-steps img:nth-child(4), #no-market-landing-page .app-images .tracker-steps img:nth-child(4), .landing-page-design .app-images .tracker-steps img:nth-child(4) { margin-left: 40px; margin-bottom: 20px } #pre-launch-landing-page .download-link-section, #no-market-landing-page .download-link-section, .landing-page-design .download-link-section { background-color: #4f5f66 } #pre-launch-landing-page .download-link-section .outer-container, #no-market-landing-page .download-link-section .outer-container, .landing-page-design .download-link-section .outer-container { background-color: #4f5f66 } #pre-launch-landing-page .download-link-section .download-text, #no-market-landing-page .download-link-section .download-text, .landing-page-design .download-link-section .download-text { width: 40%; float: left; padding: 8% 0 0 } #pre-launch-landing-page .download-link-section h3, #no-market-landing-page .download-link-section h3, .landing-page-design .download-link-section h3 { color: white; font-weight: 400; vertical-align: center; margin: 0; line-height: 1.4; max-width: 100% } #pre-launch-landing-page .download-link-section p, #no-market-landing-page .download-link-section p, .landing-page-design .download-link-section p { color: white; margin: 0; line-height: 1.4; font-weight: 200; font-size: 10px } #pre-launch-landing-page .download-app-icons, #no-market-landing-page .download-app-icons, .landing-page-design .download-app-icons { display: block; text-align: center } #pre-launch-landing-page .download-app-icons img, #no-market-landing-page .download-app-icons img, .landing-page-design .download-app-icons img { display: inline-block; width: 46%; max-width: 180px !important; margin-right: 2% } #pre-launch-landing-page .download-app-icons img.last, #no-market-landing-page .download-app-icons img.last, .landing-page-design .download-app-icons img.last { margin-right: 0 } #pre-launch-landing-page .omnibox, #no-market-landing-page .omnibox, .landing-page-design .omnibox { width: 60%; float: right; margin: 20px 0 } #pre-launch-landing-page .omnibox .submit, #no-market-landing-page .omnibox .submit, .landing-page-design .omnibox .submit { width: 40% } #pre-launch-landing-page .omnibox .mobile-phone, #no-market-landing-page .omnibox .mobile-phone, .landing-page-design .omnibox .mobile-phone { width: 60%; display: inline-block; float: left } #pre-launch-landing-page .second-section .download-text, #no-market-landing-page .second-section .download-text, .landing-page-design .second-section .download-text { width: 50% } #pre-launch-landing-page .second-section .download-text .download-app-icons img, #no-market-landing-page .second-section .download-text .download-app-icons img, .landing-page-design .second-section .download-text .download-app-icons img { width: 45% !important; margin-top: 16px } #pre-launch-landing-page .second-section .omnibox, #no-market-landing-page .second-section .omnibox, .landing-page-design .second-section .omnibox { width: 50% } #pre-launch-landing-page #social-boxes .app-images, #no-market-landing-page #social-boxes .app-images, .landing-page-design #social-boxes .app-images { width: 30%; display: inline-block; margin-bottom: 50px } #pre-launch-landing-page #social-boxes .app-images:nth-child(2), #pre-launch-landing-page #social-boxes .app-images:nth-child(3), #no-market-landing-page #social-boxes .app-images:nth-child(2), #no-market-landing-page #social-boxes .app-images:nth-child(3), .landing-page-design #social-boxes .app-images:nth-child(2), .landing-page-design #social-boxes .app-images:nth-child(3) { margin-left: 3% } #pre-launch-landing-page #social-boxes .app-images img, #no-market-landing-page #social-boxes .app-images img, .landing-page-design #social-boxes .app-images img { width: 100% } #pre-launch-landing-page #social-boxes .app-images.twitter img:hover, #no-market-landing-page #social-boxes .app-images.twitter img:hover, .landing-page-design #social-boxes .app-images.twitter img:hover { -webkit-transition: all 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5); -moz-transition: all 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5); transition: all 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5) } @media screen and (max-width: 768px) { #pre-launch-landing-page .landing-photo-section, #no-market-landing-page .landing-photo-section, .landing-page-design .landing-photo-section { background-size: auto 150% } #pre-launch-landing-page .app-images .screenshot-app, #pre-launch-landing-page .app-images .sushi-image, #pre-launch-landing-page .app-images .tracker-steps, #no-market-landing-page .app-images .screenshot-app, #no-market-landing-page .app-images .sushi-image, #no-market-landing-page .app-images .tracker-steps, .landing-page-design .app-images .screenshot-app, .landing-page-design .app-images .sushi-image, .landing-page-design .app-images .tracker-steps { width: 49% } #pre-launch-landing-page .app-images .food-image, #no-market-landing-page .app-images .food-image, .landing-page-design .app-images .food-image { width: 80%; margin-left: -32% } #pre-launch-landing-page .app-images .tracker-steps img, #no-market-landing-page .app-images .tracker-steps img, .landing-page-design .app-images .tracker-steps img { width: 100% } #pre-launch-landing-page .app-images .tracker-steps img:nth-child(3), #pre-launch-landing-page .app-images .tracker-steps img:nth-child(4), #no-market-landing-page .app-images .tracker-steps img:nth-child(3), #no-market-landing-page .app-images .tracker-steps img:nth-child(4), .landing-page-design .app-images .tracker-steps img:nth-child(3), .landing-page-design .app-images .tracker-steps img:nth-child(4) { margin-left: 0 } #pre-launch-landing-page .download-link-section .download-text, #pre-launch-landing-page .download-link-section .omnibox, #no-market-landing-page .download-link-section .download-text, #no-market-landing-page .download-link-section .omnibox, .landing-page-design .download-link-section .download-text, .landing-page-design .download-link-section .omnibox { width: 100% !important; display: block; text-align: center; float: none; margin: 20px auto } #pre-launch-landing-page .download-link-section .download-text, #no-market-landing-page .download-link-section .download-text, .landing-page-design .download-link-section .download-text { margin: 0 auto; padding: 10px 0 } } @media screen and (max-width: 480px) { #pre-launch-landing-page .enter-address-section, #no-market-landing-page .enter-address-section, .landing-page-design .enter-address-section { margin: 130px auto 80px auto } #pre-launch-landing-page .enter-address-section .desktop-headline .headline-2, #no-market-landing-page .enter-address-section .desktop-headline .headline-2, .landing-page-design .enter-address-section .desktop-headline .headline-2 { font-size: 36px } #pre-launch-landing-page .desktop-headline .headline-2.subheadline, #pre-launch-landing-page .subheadline, #no-market-landing-page .desktop-headline .headline-2.subheadline, #no-market-landing-page .subheadline, .landing-page-design .desktop-headline .headline-2.subheadline, .landing-page-design .subheadline { font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 28px !important } #pre-launch-landing-page h2, #pre-launch-landing-page h3, #no-market-landing-page h2, #no-market-landing-page h3, .landing-page-design h2, .landing-page-design h3 { font-size: 24px } #pre-launch-landing-page .feature-description p, #no-market-landing-page .feature-description p, .landing-page-design .feature-description p { font-size: 18px } #pre-launch-landing-page #social-boxes, #no-market-landing-page #social-boxes, .landing-page-design #social-boxes { padding-bottom: 50px } #pre-launch-landing-page #social-boxes .app-images, #no-market-landing-page #social-boxes .app-images, .landing-page-design #social-boxes .app-images { width: 80%; display: block; margin: 20px auto } #pre-launch-landing-page #social-boxes .app-images:nth-child(2), #pre-launch-landing-page #social-boxes .app-images:nth-child(3), #no-market-landing-page #social-boxes .app-images:nth-child(2), #no-market-landing-page #social-boxes .app-images:nth-child(3), .landing-page-design #social-boxes .app-images:nth-child(2), .landing-page-design #social-boxes .app-images:nth-child(3) { margin: 20px auto } #pre-launch-landing-page .play-store-button, #no-market-landing-page .play-store-button, .landing-page-design .play-store-button { margin-right: 0 !important } #pre-launch-landing-page .omnibox, #no-market-landing-page .omnibox, .landing-page-design .omnibox { margin: 0 auto !important; padding: 0 !important } #pre-launch-landing-page .omnibox .submit, #pre-launch-landing-page .omnibox .mobile-phone, #no-market-landing-page .omnibox .submit, #no-market-landing-page .omnibox .mobile-phone, .landing-page-design .omnibox .submit, .landing-page-design .omnibox .mobile-phone { width: 100%; margin-bottom: 20px } } #app-download-landing .app-feature-section { padding: 100px 0 130px; clear: both; display: block } #app-download-landing .app-feature-section:first-child { background: none; background-size: 0 } #app-download-landing .app-feature-section:last-child { background: #bc2031 } #app-download-landing p { margin: 0; padding: 25px 0 } #app-download-landing p, #app-download-landing div { font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif } @media screen and (max-width: 480px) { #app-download-landing p, #app-download-landing div { font-size: 0.9rem !important; line-height: 1.2rem !important } } #app-download-landing h2 { margin: 0; padding: 0; font-family: "bebas-neue", sans-serif; font-size: 48px; letter-spacing: 1px; width: 100% } @media screen and (max-width: 480px) { #app-download-landing h2 { font-size: 2rem; line-height: 2rem } } #app-download-landing .container-section { max-width: 960px !important; padding: 0 } #app-download-landing .desktop-headline { text-align: center } @media screen and (max-width: 480px) { #app-download-landing .desktop-headline { padding: 0 25px 0 } } #app-download-landing .desktop-headline .headline-2 { color: #fff; font-family: "bebas-neue", sans-serif; font-size: 64px; letter-spacing: 1px; z-index: 10 !important } @media screen and (max-width: 480px) { #app-download-landing .desktop-headline .headline-2 { font-size: 2.5rem !important; line-height: 2.75rem !important; padding: 0 } } #app-download-landing .desktop-headline .headline-2.subheadline { margin: 0; padding: 20px 0 40px; color: #fff; font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; text-transform: uppercase } @media screen and (max-width: 480px) { #app-download-landing .desktop-headline .headline-2.subheadline { font-size: 1rem !important; line-height: 1.5rem !important } } #app-download-landing .landing-photo-section { background: #bc2031 url(/assets/front_end/app_header_img-a1321b77f5c1788b1b9f6efb8e19a180.png) no-repeat center; background-size: cover; padding: 200px 0 175px; z-index: 0 } #app-download-landing .landing-photo-section:after { display: block; position: absolute; top: 0; left: 0; width: 100%; background: #000; height: 100%; opacity: 0.5; z-index: -9 } @media screen and (max-width: 480px) { #app-download-landing .landing-photo-section { padding: 140px 25px 150px } } #app-download-landing .app-feature-section { padding: 100px 25px 0; clear: both; display: block; background: none; border-bottom: 2px solid #e8ebeb } @media screen and (max-width: 480px) { #app-download-landing .app-feature-section { padding: 50px 25px 0 } } #app-download-landing .app-feature-section .container-section { display: flex; justify-content: center; align-items: center } @media screen and (max-width: 768px) { #app-download-landing .app-feature-section .container-section { display: block } } #app-download-landing .app-feature-section .container-section.flex-reverse { flex-direction: row-reverse } @media screen and (max-width: 480px) { #app-download-landing .app-feature-section { background-size: 75% 1px } } @media screen and (max-width: 768px) { #app-download-landing .app-feature-section { background-size: 95% 1px } } #app-download-landing .feature-description { display: inline-block; width: 50%; padding-right: 8rem } #app-download-landing .feature-description.left-padding { padding-left: 10%; padding-right: 0 } @media screen and (max-width: 768px) { #app-download-landing .feature-description { width: 100%; text-align: center; padding-right: 0 } #app-download-landing .feature-description.left-padding { padding-left: 0 } } #app-download-landing .feature-description p { color: #7a858b; text-align: left; font-size: 18px; font-weight: 200 } @media screen and (max-width: 768px) { #app-download-landing .feature-description p { padding: 0 5%; text-align: center; width: 70%; margin: 0 auto 20px } } #app-download-landing .feature-description h2 { text-align: left } @media screen and (max-width: 768px) { #app-download-landing .feature-description h2 { text-align: center; margin: 0 auto 25px; padding: 0 } } #app-download-landing button.submit-form { background: url(/assets/front_end/btnenter-630023891cbfb0b7dfe8642f679a6dac.png) no-repeat center; background-size: 10px 16px; width: 20px } #app-download-landing .omnibox { background: none; border: 0; border-radius: 0; box-shadow: none; text-align: center; width: 100% } @media screen and (max-width: 768px) { #app-download-landing .omnibox { margin: 0 auto; padding: 35px 15px 140px 80px } } @media screen and (max-width: 480px) { #app-download-landing .omnibox { margin: 60px 0 120px; padding: 0 25px } } #app-download-landing .omnibox input { background: none; border-radius: 0; border-top: 0; border-left: 0; border-right: 0; border-bottom: 2px solid #fff; margin: 0; padding: 2px 0; color: #fff; z-index: 10; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out } #app-download-landing .omnibox input:focus { border-bottom: 2px solid #000 } @media screen and (max-width: 480px) { #app-download-landing .omnibox input { width: 100% } } @media screen and (max-width: 768px) { #app-download-landing .omnibox .error { bottom: 105px } } #app-download-landing .omnibox .mobile-phone { width: 75% } #app-download-landing .omnibox .mobile-phone input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6) } #app-download-landing .omnibox .mobile-phone input::-moz-placeholder { color: rgba(255, 255, 255, 0.6) } #app-download-landing .omnibox .mobile-phone input:-moz-placeholder { color: rgba(255, 255, 255, 0.6) } #app-download-landing .omnibox .mobile-phone input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6) } @media screen and (max-width: 768px) { #app-download-landing .omnibox .mobile-phone { width: 75%; float: left } } #app-download-landing .omnibox label { display: block; width: 100%; padding: 0; margin: 0; color: #fff; text-align: left; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; z-index: 1; font-size: 0.9rem } @media screen and (max-width: 480px) { #app-download-landing .omnibox label { text-align: left } } #app-download-landing .omnibox .submit { width: 25px; padding: 0 } @media screen and (max-width: 480px) { #app-download-landing .omnibox .submit { width: 101%; padding: 0; margin: 0 } } #app-download-landing .omnibox h2 { margin: 0; padding: 15px 0 0; font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; text-align: left } @media screen and (max-width: 480px) { #app-download-landing .omnibox h2 { text-align: center } } #app-download-landing .follow { background: #bc2031 url(/assets/front_end/social_img_app-fd61f5de03b9b48110d346c54566c5df.jpg) no-repeat center; background-size: cover } @media screen and (max-width: 768px) { #app-download-landing .follow { padding: 0 } } #app-download-landing .follow h2 { color: #fff; margin: 0; padding: 100px 0 25px; max-width: 100% } #app-download-landing .download-link-section { background: #bc2031; padding: 100px 0 125px } @media screen and (max-width: 480px) { #app-download-landing .download-link-section { padding-bottom: 295px } } #app-download-landing .download-link-section h2 { color: #fff } #app-download-landing .download-link-section .outer-container { background: #bc2031 } #app-download-landing .download-link-section .download-text { float: none; margin: 0 auto } @media screen and (max-width: 768px) { #app-download-landing .screenshot-app { margin: 0 25% } } #app-download-landing #social-boxes .app-images { margin-bottom: 0 } @media screen and (max-width: 768px) { #app-download-landing #social-boxes .app-images { width: 30%; display: inline-block } } #app-download-landing #social-boxes { display: block; width: 100%; margin: 0 auto; padding: 0 } #pre-launch-landing-page .landing-photo-section, #no-market-landing-page .landing-photo-section, #groupon-discount .landing-photo-section { position: relative; background-position: center 68% } #pre-launch-landing-page .landing-photo-section:after, #no-market-landing-page .landing-photo-section:after, #groupon-discount .landing-photo-section:after { display: block; position: absolute; top: 0; left: 0; width: 100%; background: #000; height: 100%; opacity: 0.5 } #pre-launch-landing-page .pre-launch-headline, #no-market-landing-page .pre-launch-headline, #groupon-discount .pre-launch-headline { display: block; position: relative; z-index: 1; margin: 0 auto; padding: 150px 0 75px; overflow: hidden; line-height: 1.2 } #pre-launch-landing-page .pre-launch-headline .thx, #no-market-landing-page .pre-launch-headline .thx, #groupon-discount .pre-launch-headline .thx { color: white; margin-top: -30px; margin-bottom: 30px } #pre-launch-landing-page .omnibox, #no-market-landing-page .omnibox, #groupon-discount .omnibox { background: none; display: block; float: none; max-width: 1000px; margin: 0 auto; box-shadow: 0 0 0 #fff } #pre-launch-landing-page .omnibox p, #no-market-landing-page .omnibox p, #groupon-discount .omnibox p { font-size: 16px; text-align: center; color: rgba(255, 255, 255, 0.75) } #pre-launch-landing-page .omnibox input, #no-market-landing-page .omnibox input, #groupon-discount .omnibox input { border-radius: 4px 0 0 4px; font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #4f5f66; line-height: 1 } #pre-launch-landing-page .omnibox .submit, #no-market-landing-page .omnibox .submit, #groupon-discount .omnibox .submit { padding-left: 0; margin-left: -1px } #pre-launch-landing-page .omnibox .submit button, #no-market-landing-page .omnibox .submit button, #groupon-discount .omnibox .submit button { line-height: 1; font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; border-radius: 0 4px 4px 0 } @media screen and (max-width: 768px) { #pre-launch-landing-page .omnibox .submit, #no-market-landing-page .omnibox .submit, #groupon-discount .omnibox .submit { width: 25px } } @media screen and (max-width: 768px) { #pre-launch-landing-page .omnibox, #no-market-landing-page .omnibox, #groupon-discount .omnibox { width: 100%; margin: 0 auto } } #pre-launch-landing-page h1, #no-market-landing-page h1, #groupon-discount h1 { color: white; text-align: center; margin: 0 0 30px; font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 50px } #pre-launch-landing-page .container-section, #no-market-landing-page .container-section, #groupon-discount .container-section { max-width: 960px } #pre-launch-landing-page .countdown-container, #no-market-landing-page .countdown-container, #groupon-discount .countdown-container { text-align: center; color: white; text-transform: uppercase; margin-bottom: 70px } #pre-launch-landing-page .countdown-container p, #no-market-landing-page .countdown-container p, #groupon-discount .countdown-container p { font-size: 14px; color: rgba(255, 255, 255, 0.6) } #pre-launch-landing-page .countdown-container span, #no-market-landing-page .countdown-container span, #groupon-discount .countdown-container span { margin: 4px; color: white; font-size: 24px; font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif } #pre-launch-landing-page .countdown-container .countdown-label, #no-market-landing-page .countdown-container .countdown-label, #groupon-discount .countdown-container .countdown-label { text-transform: uppercase; font-weight: 100; padding-right: 7px } #pre-launch-landing-page .countdown-container .countdown-number, #no-market-landing-page .countdown-container .countdown-number, #groupon-discount .countdown-container .countdown-number { text-transform: uppercase; font-weight: 600; text-decoration: underline } #pre-launch-landing-page .input-email, #no-market-landing-page .input-email, #groupon-discount .input-email { width: 70%; display: inline-block; float: left } #pre-launch-landing-page .submit, #no-market-landing-page .submit, #groupon-discount .submit { width: 30% !important } #pre-launch-landing-page h2, #pre-launch-landing-page h3, #pre-launch-landing-page .thx, #no-market-landing-page h2, #no-market-landing-page h3, #no-market-landing-page .thx, #groupon-discount h2, #groupon-discount h3, #groupon-discount .thx { font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase } #pre-launch-landing-page .thx, #no-market-landing-page .thx, #groupon-discount .thx { text-align: center; margin: 0; color: #4c4c4d } #pre-launch-landing-page p, #no-market-landing-page p, #groupon-discount p { font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 100; color: white; font-size: 18px; text-align: center } #pre-launch-landing-page .app-feature-section, #no-market-landing-page .app-feature-section, #groupon-discount .app-feature-section { background-size: 100% auto; background-position: 0 39%; padding: 60px 0 } #pre-launch-landing-page .app-feature-section h2, #no-market-landing-page .app-feature-section h2, #groupon-discount .app-feature-section h2 { font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; color: white; text-transform: uppercase } #pre-launch-landing-page .app-feature-section p, #no-market-landing-page .app-feature-section p, #groupon-discount .app-feature-section p { font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 100; color: white; font-size: 21px; width: 100% } #pre-launch-landing-page .app-feature-section .left-align, #no-market-landing-page .app-feature-section .left-align, #groupon-discount .app-feature-section .left-align { margin: 0 auto 0 0 } #pre-launch-landing-page .app-feature-section .right-align, #no-market-landing-page .app-feature-section .right-align, #groupon-discount .app-feature-section .right-align { margin: 0 0 0 auto } #pre-launch-landing-page .app-feature-section .left-align, #pre-launch-landing-page .app-feature-section .right-align, #no-market-landing-page .app-feature-section .left-align, #no-market-landing-page .app-feature-section .right-align, #groupon-discount .app-feature-section .left-align, #groupon-discount .app-feature-section .right-align { width: 60% } @media screen and (max-width: 480px) { #pre-launch-landing-page .app-feature-section .left-align, #pre-launch-landing-page .app-feature-section .right-align, #no-market-landing-page .app-feature-section .left-align, #no-market-landing-page .app-feature-section .right-align, #groupon-discount .app-feature-section .left-align, #groupon-discount .app-feature-section .right-align { width: 100% } } #pre-launch-landing-page .app-feature-section .left-align p, #pre-launch-landing-page .app-feature-section .left-align h2, #no-market-landing-page .app-feature-section .left-align p, #no-market-landing-page .app-feature-section .left-align h2, #groupon-discount .app-feature-section .left-align p, #groupon-discount .app-feature-section .left-align h2 { text-align: left } #pre-launch-landing-page .app-feature-section .right-align p, #pre-launch-landing-page .app-feature-section .right-align h2, #no-market-landing-page .app-feature-section .right-align p, #no-market-landing-page .app-feature-section .right-align h2, #groupon-discount .app-feature-section .right-align p, #groupon-discount .app-feature-section .right-align h2 { text-align: right } #pre-launch-landing-page .app-feature-section.cool-restaurants-section, #no-market-landing-page .app-feature-section.cool-restaurants-section, #groupon-discount .app-feature-section.cool-restaurants-section { background-image: url(/assets/front_end/landing-page-03-a3813723f5541016d337abfc8f26bf1e.jpg) } #pre-launch-landing-page .app-feature-section.delivery-tracker-section, #no-market-landing-page .app-feature-section.delivery-tracker-section, #groupon-discount .app-feature-section.delivery-tracker-section { background-image: url(/assets/front_end/landing-page-04-2ed1d6dc2f87bff0becdaf6f937601ce.jpg) } #pre-launch-landing-page .app-feature-section.group-ordering-section, #no-market-landing-page .app-feature-section.group-ordering-section, #groupon-discount .app-feature-section.group-ordering-section { background-image: url(/assets/front_end/landing-page-05-96d37ccaade41da8d09db5a1ed048310.jpg) } #pre-launch-landing-page .group-ordering-section, #pre-launch-landing-page .delivery-tracker-section, #pre-launch-landing-page .cool-restaurants-section, #no-market-landing-page .group-ordering-section, #no-market-landing-page .delivery-tracker-section, #no-market-landing-page .cool-restaurants-section, #groupon-discount .group-ordering-section, #groupon-discount .delivery-tracker-section, #groupon-discount .cool-restaurants-section { padding: 90px 0 } #pre-launch-landing-page .grey-text, #no-market-landing-page .grey-text, #groupon-discount .grey-text { color: #4c4c4d !important; text-align: center } #pre-launch-landing-page .left, #no-market-landing-page .left, #groupon-discount .left { max-width: 50% } #pre-launch-landing-page img.arrow-divider, #no-market-landing-page img.arrow-divider, #groupon-discount img.arrow-divider { position: relative; left: 50%; top: -15px; z-index: 10; width: 30px } #pre-launch-landing-page .negative-top-margin, #no-market-landing-page .negative-top-margin, #groupon-discount .negative-top-margin { margin-top: -37px } #pre-launch-landing-page .secondary-call-to-action .omnibox h2, #no-market-landing-page .secondary-call-to-action .omnibox h2, #groupon-discount .secondary-call-to-action .omnibox h2 { margin: 0 0 10px } #pre-launch-landing-page .secondary-call-to-action .omnibox p, #no-market-landing-page .secondary-call-to-action .omnibox p, #groupon-discount .secondary-call-to-action .omnibox p { margin: 0 0 40px } #pre-launch-landing-page #social-section, #no-market-landing-page #social-section, #groupon-discount #social-section { max-width: 152px; margin: 0 auto } #pre-launch-landing-page #social-section .app-images, #no-market-landing-page #social-section .app-images, #groupon-discount #social-section .app-images { display: inline-block; width: 45px } #pre-launch-landing-page #social-section .app-images img, #no-market-landing-page #social-section .app-images img, #groupon-discount #social-section .app-images img { width: 100%; padding: 0 3px } @media screen and (max-width: 768px) { #pre-launch-landing-page .app-feature-section, #no-market-landing-page .app-feature-section, #groupon-discount .app-feature-section { background-size: 150% auto; background-position: 57% 25% } } @media screen and (max-width: 480px) { #pre-launch-landing-page .app-feature-section, #no-market-landing-page .app-feature-section, #groupon-discount .app-feature-section { background-size: auto 171% } #pre-launch-landing-page .omnibox .submit, #no-market-landing-page .omnibox .submit, #groupon-discount .omnibox .submit { display: inline-block; padding-left: 0 } #pre-launch-landing-page #social-boxes .app-images, #no-market-landing-page #social-boxes .app-images, #groupon-discount #social-boxes .app-images { display: inline-block } #pre-launch-landing-page .countdown-container span, #no-market-landing-page .countdown-container span, #groupon-discount .countdown-container span { padding: 0; font-size: 14px } #pre-launch-landing-page .countdown-label, #pre-launch-landing-page .countdown-number, #no-market-landing-page .countdown-label, #no-market-landing-page .countdown-number, #groupon-discount .countdown-label, #groupon-discount .countdown-number { padding-right: 0 !important; margin: 1px !important } #pre-launch-landing-page h1, #no-market-landing-page h1, #groupon-discount h1 { font-size: 32px } #pre-launch-landing-page p, #no-market-landing-page p, #groupon-discount p { font-size: 18px !important } #pre-launch-landing-page .pre-launch-headline, #no-market-landing-page .pre-launch-headline, #groupon-discount .pre-launch-headline { margin-top: 0 } } #testimonials-landing .html5-video-player:not(.ad-interrupting):not(.hide-info-bar) .html5-info-bar { display: none } #testimonials-landing .container-section { max-width: 960px !important; position: relative; z-index: 10 } #testimonials-landing p.no-top-margin { margin-top: 0 !important } #testimonials-landing .driver-name { margin-bottom: 5px } #testimonials-landing .landing-photo-section { display: block; background-image: url(/assets/front_end/testimonials/why-orderup-7df3c0e7504df17805151f15654842b5.jpg); background-position: 0 20%; background-size: 100% auto; margin-top: 0; z-index: 1; padding: 140px 0 } #testimonials-landing .landing-photo-section.top-margin { margin-top: -72px; padding: 250px 0 150px 0 } #testimonials-landing .landing-photo-section:after { display: block; position: absolute; top: 0; left: 0; width: 100%; background: #000; height: 100%; opacity: 0.6; z-index: 2 } @media screen and (max-width: 960px) { #testimonials-landing .landing-photo-section { background-size: 150% auto; background-position: 43% 25% } } @media screen and (max-width: 768px) { #testimonials-landing .landing-photo-section { background-size: auto 100%; background-position: 30% 25% } } @media screen and (max-width: 480px) { #testimonials-landing .landing-photo-section { background-position: 43% 25% } } #testimonials-landing h1, #testimonials-landing h3, #testimonials-landing h2 { font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; color: #4c4c4d; line-height: 120% } #testimonials-landing .white-text { color: white } #testimonials-landing p, #testimonials-landing span, #testimonials-landing a { font-weight: 200; font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; color: #4c4c4d } #testimonials-landing .half-section { vertical-align: top; display: inline-block; width: 48% } #testimonials-landing .half-section img { max-width: 100% } #testimonials-landing .half-section:nth-child(odd) { margin-right: 3% } @media screen and (max-width: 480px) { #testimonials-landing .half-section { width: 100% } #testimonials-landing .half-section:nth-child(odd) { margin-right: 0 } } #testimonials-landing .quotes-section { padding: 60px 0 } #testimonials-landing .restaurant-viedo-row { margin: 20px 0 } #testimonials-landing .restaurant-quote { vertical-align: top } #testimonials-landing .rest-logo img { display: block; margin: 0 auto; max-width: 120px; max-height: 100px } #testimonials-landing p.rest-info { color: #858585; font-size: 12px } #testimonials-landing .driver-quotes, #testimonials-landing .restaurant-quotes { display: flex; flex-wrap: wrap; justify-content: center } #testimonials-landing .driver-quotes .video-iframe, #testimonials-landing .restaurant-quotes .video-iframe { width: 100%; height: 315px } #testimonials-landing .driver-quotes .driver-photos, #testimonials-landing .restaurant-quotes .driver-photos { width: 266px; margin: 0 auto } #testimonials-landing .driver-quotes .driver-circle, #testimonials-landing .driver-quotes .restaurant-circle, #testimonials-landing .restaurant-quotes .driver-circle, #testimonials-landing .restaurant-quotes .restaurant-circle { display: inline-block; width: 80px; height: 80px; border-radius: 40px; border: 3px solid #858585; margin-right: 10px; position: relative; background-size: auto 120%; opacity: 0.6; -webkit-transition: all 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5); -moz-transition: all 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5); transition: all 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5) } #testimonials-landing .driver-quotes .driver-circle:hover, #testimonials-landing .driver-quotes .restaurant-circle:hover, #testimonials-landing .restaurant-quotes .driver-circle:hover, #testimonials-landing .restaurant-quotes .restaurant-circle:hover { border: 3px solid #858585; opacity: 1; -webkit-transition: all 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5); -moz-transition: all 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5); transition: all 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5) } #testimonials-landing .driver-quotes .driver-circle:last-child, #testimonials-landing .driver-quotes .restaurant-circle:last-child, #testimonials-landing .restaurant-quotes .driver-circle:last-child, #testimonials-landing .restaurant-quotes .restaurant-circle:last-child { margin-right: 0 } #testimonials-landing .driver-quotes .driver-circle .driver-carrot, #testimonials-landing .driver-quotes .restaurant-circle .driver-carrot, #testimonials-landing .restaurant-quotes .driver-circle .driver-carrot, #testimonials-landing .restaurant-quotes .restaurant-circle .driver-carrot { position: absolute; bottom: -48px; right: 20%; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #e8ebeb; display: none } #testimonials-landing .driver-quotes .driver-circle.orange-border, #testimonials-landing .driver-quotes .restaurant-circle.orange-border, #testimonials-landing .restaurant-quotes .driver-circle.orange-border, #testimonials-landing .restaurant-quotes .restaurant-circle.orange-border { opacity: 1; border: 3px solid #4c4c4d; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.46); -webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5); -moz-transition: all 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5); transition: all 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5) } #testimonials-landing .driver-quotes .driver-circle.orange-border .driver-carrot, #testimonials-landing .driver-quotes .restaurant-circle.orange-border .driver-carrot, #testimonials-landing .restaurant-quotes .driver-circle.orange-border .driver-carrot, #testimonials-landing .restaurant-quotes .restaurant-circle.orange-border .driver-carrot { display: inherit } #testimonials-landing .driver-quotes .driver-circle.orange-border:hover, #testimonials-landing .driver-quotes .restaurant-circle.orange-border:hover, #testimonials-landing .restaurant-quotes .driver-circle.orange-border:hover, #testimonials-landing .restaurant-quotes .restaurant-circle.orange-border:hover { border: 3px solid #4c4c4d } #testimonials-landing .driver-quotes .driver-circle.driver-1, #testimonials-landing .driver-quotes .restaurant-circle.driver-1, #testimonials-landing .restaurant-quotes .driver-circle.driver-1, #testimonials-landing .restaurant-quotes .restaurant-circle.driver-1 { background-image: url(/assets/front_end/testimonials/driver-1-0a3933332f2e3f21e4f85ad510cbd59a.png) } #testimonials-landing .driver-quotes .driver-circle.driver-2, #testimonials-landing .driver-quotes .restaurant-circle.driver-2, #testimonials-landing .restaurant-quotes .driver-circle.driver-2, #testimonials-landing .restaurant-quotes .restaurant-circle.driver-2 { background-image: url(/assets/front_end/testimonials/driver-2-b4dff590885deba42653bb1fb1ce20df.png) } #testimonials-landing .driver-quotes .driver-circle.driver-3, #testimonials-landing .driver-quotes .restaurant-circle.driver-3, #testimonials-landing .restaurant-quotes .driver-circle.driver-3, #testimonials-landing .restaurant-quotes .restaurant-circle.driver-3 { background-image: url(/assets/front_end/testimonials/driver-3-3aad80fa61ac3fe47b94a8f4b46167ce.png) } #testimonials-landing .driver-quotes .driver-circle.restaurant-1, #testimonials-landing .driver-quotes .restaurant-circle.restaurant-1, #testimonials-landing .restaurant-quotes .driver-circle.restaurant-1, #testimonials-landing .restaurant-quotes .restaurant-circle.restaurant-1 { background-image: url(/assets/front_end/testimonials/thb-logo-cbdfb12bc86df48763d47436d72ddfd8.png); background-size: auto 100% !important } #testimonials-landing .driver-quotes .driver-circle.restaurant-2, #testimonials-landing .driver-quotes .restaurant-circle.restaurant-2, #testimonials-landing .restaurant-quotes .driver-circle.restaurant-2, #testimonials-landing .restaurant-quotes .restaurant-circle.restaurant-2 { background-image: url(/assets/front_end/testimonials/bagby-logo-734cb806448c033bf74e3be326ce0b44.png) } #testimonials-landing .driver-quotes .driver-circle.restaurant-3, #testimonials-landing .driver-quotes .restaurant-circle.restaurant-3, #testimonials-landing .restaurant-quotes .driver-circle.restaurant-3, #testimonials-landing .restaurant-quotes .restaurant-circle.restaurant-3 { background-image: url(/assets/front_end/testimonials/dips-logo-bbd8a07ec74f4b3d8cae6c320af9da00.png) } #testimonials-landing .driver-quotes .driver-circle.restaurant-4, #testimonials-landing .driver-quotes .restaurant-circle.restaurant-4, #testimonials-landing .restaurant-quotes .driver-circle.restaurant-4, #testimonials-landing .restaurant-quotes .restaurant-circle.restaurant-4 { background-image: url(/assets/front_end/testimonials/brothers-logo-f5207a90360eac4b7d22e0f42c27d849.png) } #testimonials-landing .driver-quotes .driver-circle.restaurant-5, #testimonials-landing .driver-quotes .restaurant-circle.restaurant-5, #testimonials-landing .restaurant-quotes .driver-circle.restaurant-5, #testimonials-landing .restaurant-quotes .restaurant-circle.restaurant-5 { background-image: url(/assets/front_end/testimonials/egg-logo-copy-82a53ea9e56e854792628bef2f19371b.png) } #testimonials-landing .driver-quotes .driver-quote-section, #testimonials-landing .driver-quotes .restaurant-quote-section, #testimonials-landing .restaurant-quotes .driver-quote-section, #testimonials-landing .restaurant-quotes .restaurant-quote-section { margin-top: 30px; background-color: #e8ebeb; border-radius: 4px; padding: 40px; width: 100%; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2) } #testimonials-landing .driver-quotes .restaurant-photos, #testimonials-landing .restaurant-quotes .restaurant-photos { width: 453px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center } #testimonials-landing .driver-quotes .restaurant-photos .restaurant-circle, #testimonials-landing .restaurant-quotes .restaurant-photos .restaurant-circle { background-repeat: no-repeat; background-size: 100% auto; background-position: center; margin-bottom: 10px } #testimonials-landing .customer-info-section { padding: 30px 0 } #testimonials-landing .customer-info-section img { float: left; margin-right: 15px; max-width: 50px; max-height: 50px } #testimonials-landing .customer-info-section h3 { display: inline-block; text-align: left } #testimonials-landing .customer-info-section .red { color: #bc2031 } #testimonials-landing .customer-info-section:hover img { -webkit-transition: opacity 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5); -moz-transition: opacity 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5); transition: opacity 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5); opacity: 0.6 } #testimonials-landing .buttons-to-groups { display: block; margin: 0 auto; max-width: 515px } @media only screen and (max-width: 550px) { #testimonials-landing .buttons-to-groups .white-ghost-button, #testimonials-landing .buttons-to-groups a.white-ghost-button { display: block; margin: 20px auto } #testimonials-landing .buttons-to-groups .white-ghost-button:last-child, #testimonials-landing .buttons-to-groups a.white-ghost-button:last-child { margin: 20px auto } } #testimonials-landing .white-ghost-button, #testimonials-landing a.white-ghost-button { display: inline-block; font-size: 15px; padding: 10px; border: 2px solid white; border-radius: 4px; color: white; background: none; width: 165px; margin-right: 10px; text-align: center; font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none } #testimonials-landing .white-ghost-button:last-child, #testimonials-landing a.white-ghost-button:last-child { margin-right: 0 } #testimonials-landing .white-ghost-button:hover, #testimonials-landing a.white-ghost-button:hover { -webkit-transition: opacity 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5); -moz-transition: opacity 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5); transition: opacity 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5); opacity: 0.8 } #testimonials-landing .white-ghost-button.red-version, #testimonials-landing a.white-ghost-button.red-version { border: 2px solid #bc2031; color: #bc2031 } #testimonials-landing .white-ghost-button.red-version:hover, #testimonials-landing a.white-ghost-button.red-version:hover { opacity: 0.6 } #testimonials-landing h3 { font-weight: 200 } #testimonials-landing .call-to-action-section { background-color: #7a858b; padding: 40px 0; text-align: center; display: block; position: relative; z-index: 3; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.46); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.46); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.46) } #testimonials-landing .landing-photo-section.driver-partner-background { background-image: url(/assets/front_end/testimonials/driver-section-952d5827c919f6dbde2625fb5c8c6924.jpg) } #testimonials-landing .landing-photo-section.customer-background { background-image: url(/assets/front_end/testimonials/customer-section-12d12dd21af753b98f3ffb972caa098b.jpg) } #testimonials-landing #social-section { max-width: 152px; margin: 0 auto } #testimonials-landing #social-section .app-images { display: inline-block; width: 45px } #testimonials-landing #social-section .app-images img { width: 100%; padding: 0 3px } #testimonials-landing .customer-video { max-width: 560px; margin: 10px auto } @media screen and (max-width: 768px) { #testimonials-landing h3 { font-size: 24px } #testimonials-landing .driver-quote-section .half-section, #testimonials-landing .restaurant-quote-section .half-section { width: 100%; margin: 0 } #testimonials-landing .driver-quote-section .video-section img, #testimonials-landing .driver-quote-section .restaurant-video img, #testimonials-landing .restaurant-quote-section .video-section img, #testimonials-landing .restaurant-quote-section .restaurant-video img { display: block; width: 70%; margin: 0 auto } } @media screen and (max-width: 480px) { #testimonials-landing .video-iframe { margin-right: -20px; margin-left: -20px } #testimonials-landing .driver-quotes .driver-quote-section, #testimonials-landing .restaurant-quotes .restaurant-quote-section { padding: 20px } #testimonials-landing .driver-quote-section .video-section img, #testimonials-landing .restaurant-quote-section .restaurant-video img { width: 100% } #testimonials-landing .landing-photo-section.top-margin { padding: 130px 0 100px 0 } #testimonials-landing .restaurant-quotes .restaurant-photos { width: 276px } #testimonials-landing .restaurant-quotes .restaurant-photos .driver-carrot { display: none !important } } #no-market-landing-page .landing-photo-section { background-image: url(/assets/front_end/no-market-2-1a1a3f5579be00cc355f1d493b855e19.jpg); background-position: 0 45%; background-size: 120% auto } @media screen and (max-width: 960px) { #no-market-landing-page .landing-photo-section { background-size: 150% auto } } @media screen and (max-width: 768px) { #no-market-landing-page .landing-photo-section { background-size: auto 150%; background-position: 40% 45% } } #no-market-landing-page .pre-launch-headline { padding: 200px 0 100px } .landing_page-groupon_discount { padding: 0 } .landing_page-groupon_discount #top-bar { display: none } #groupon-discount .hero-content { position: relative; z-index: 10; margin: 0 auto; padding-bottom: 80px; max-width: 750px !important; margin-top: 120px } @media screen and (max-width: 480px) { #groupon-discount .hero-content { padding-bottom: 60px; margin-top: 80px } } #groupon-discount .main-text { font-size: 24px } #groupon-discount .fine-print { font-size: 14px; text-transform: none; line-height: 1.4; color: white; max-width: 500px; margin: 0 auto } @media screen and (max-width: 480px) { #groupon-discount .fine-print { font-size: 12px !important } } #groupon-discount .landing-photo-section { background-image: url(/assets/front_end/groupon-background-cf634b479d294d798aec60af854b601c.jpg); background-position: left center; background-size: 100%; background-repeat: no-repeat; margin: 0 } #groupon-discount .landing-photo-section.baltimore-landing-photo { background: url(/assets/front_end/landing-pages/baltimore-landing-photo-1-cb75625ea53ecab636b23e4e1aeeface.jpg) no-repeat; background-size: 100%; background-position: left center } #groupon-discount .landing-photo-section.cincinnati-landing-photo { background: url(/assets/front_end/landing-pages/cincinnati-landing-photo-01204c597d3063c601715d38e1009582.jpg) no-repeat; background-size: 100%; background-position: left center } #groupon-discount .landing-photo-section.ic-landing-photo { background: url(/assets/front_end/landing-pages/ic-landing-photo-d79792c48edd7a9f06d671629b981ae7.jpg) no-repeat; background-size: 100%; background-position: left center } #groupon-discount .landing-photo-section.nashville-landing-photo { background: url(/assets/front_end/landing-pages/nashville-landing-photo-1-92aa9c399fe1ae58141b01c10e59acd6.jpg) no-repeat; background-size: 100%; background-position: left center } #groupon-discount .landing-photo-section.orlando-landing-photo { background: url(/assets/front_end/landing-pages/orlando-landing-photo-1-6d1bc6341065b0d81b464d0daf6a6dcb.jpg) no-repeat; background-size: 100%; background-position: left center } #groupon-discount .landing-photo-section.raleigh-landing-photo { background: url(/assets/front_end/landing-pages/raleigh-landing-photo-1-17f3f7f909f766b0d69225447a516d25.jpg) no-repeat; background-size: 100%; background-position: left center } @media screen and (max-width: 960px) { #groupon-discount .landing-photo-section { background-size: 150% auto } #groupon-discount .landing-photo-section.raleigh-landing-photo, #groupon-discount .landing-photo-section.baltimore-landing-photo, #groupon-discount .landing-photo-section.orlando-landing-photo, #groupon-discount .landing-photo-section.cincinnati-landing-photo, #groupon-discount .landing-photo-section.ic-landing-photo, #groupon-discount .landing-photo-section.nashville-landing-photo { background-size: 150% auto } } @media screen and (max-width: 768px) { #groupon-discount .landing-photo-section { background-size: auto 150%; background-position: 40% 45% } #groupon-discount .landing-photo-section.raleigh-landing-photo, #groupon-discount .landing-photo-section.baltimore-landing-photo, #groupon-discount .landing-photo-section.orlando-landing-photo, #groupon-discount .landing-photo-section.cincinnati-landing-photo, #groupon-discount .landing-photo-section.ic-landing-photo, #groupon-discount .landing-photo-section.nashville-landing-photo { background-size: auto 150%; background-position: 40% 45% } #groupon-discount .landing-photo-section.baltimore-landing-photo { background-size: auto 115% } } #groupon-discount .landing-photo-section:after { opacity: 0.45; content: ""; background: #000 } #groupon-discount .delivery-car-icon { width: 100px; margin: 20px auto; display: block; padding-left: -20px } #groupon-discount .ou-gp-logo { width: 130px; margin: 40px auto 20px; display: block } #groupon-discount .play-store-button { margin-right: 0 } #groupon-discount .groupon-coupon-section { padding: 30px; border-radius: 20px; margin: 0 auto 20px; width: 100%; text-align: center; text-transform: uppercase } #groupon-discount .groupon-coupon-section h1 { font-size: 38px; margin: 0 0 10px; text-shadow: 0 0 1px #000 } #groupon-discount .groupon-coupon-section h3 { font-size: 18px; color: white; line-height: 1.5; font-weight: normal; margin: 0 0 30px; text-shadow: 0 0 1px #000 } #groupon-discount .groupon-coupon-section h3 span { font-weight: bold; border-bottom: solid 2px white } @media screen and (max-width: 480px) { #groupon-discount .groupon-coupon-section { margin-bottom: 0 } #groupon-discount .groupon-coupon-section h1 { font-size: 32px } #groupon-discount .groupon-coupon-section h3 { font-size: 16px; margin-bottom: 20px } } #groupon-discount .coupon-button { display: block; max-width: 200px; margin: 0 auto; color: white; background-color: #bc2031; font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; padding: 18px; border-radius: 4px; text-decoration: none; font-size: 18px; -webkit-transition: all 4s ease-in-out; -moz-transition: all 4s ease-in-out; transition: all 4s ease-in-out } #groupon-discount .coupon-button:hover { background: #901926 } #groupon-discount .summary-pitch p { color: #999; text-transform: none } #groupon-discount .featured-restaurant-section { border-bottom: solid 1px #efefef } #groupon-discount .logo-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; max-width: 700px; margin: 0 auto } #groupon-discount .logo-container > div { text-align: center; margin: 10px 2px; padding: 10px 0; -webkit-box-flex: 1 0 175px; -moz-box-flex: 1 0 175px; -webkit-flex: 1 0 175px; -ms-flex: 1 0 175px; flex: 1 0 175px } #groupon-discount .logo-container .logo { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; text-align: center } #groupon-discount .logo-container .logo.nally-fix { background: #333 } #groupon-discount .logo-container .logo img { max-width: 75%; max-height: 120px } @media screen and (max-width: 480px) { #groupon-discount .logo-container .logo { display: block; text-align: center } #groupon-discount .logo-container .logo img { max-width: 75%; max-height: 90px; margin: 0 auto } } #groupon-discount .app-download-section { text-align: center; background: #4f5f66 } #groupon-discount .app-download-section h3 { text-align: center; color: white; margin-bottom: 10px } #groupon-discount .app-download-section a { max-width: 200px; display: inline-block; padding: 10px } #groupon-discount .app-download-section a img { max-width: 100% } #discovery .address-bar { background: #e8ebeb; font: 1.5rem "urbana", sans-serif } #discovery .address-bar:after { content: ""; display: table; clear: both } @media screen and (max-width: 480px) { #discovery .address-bar { font-size: 1rem } } #discovery #restaurant-count-region, #discovery #order-type-region, #discovery #categories-select-region, #discovery #location-region { display: inline-block; white-space: nowrap } #discovery select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -moz-appearance: window; background: transparent; border-color: transparent; border-bottom-color: initial; border-radius: 0; border-style: dotted; color: #bc2031; cursor: pointer; height: auto; padding: 0 1.2rem 0 0; position: relative; width: 100px; z-index: 2 } #discovery select + i { color: #bc2031; font-size: 53%; left: -1.2rem; margin-right: -0.9rem; position: relative; width: 1rem; z-index: 1 } #discovery .temp-size { opacity: 0; position: absolute; right: 0; white-space: nowrap; z-index: -1 } #discovery .address-region { position: relative } #discovery .address-region input[type="text"], #discovery .address-region input[type="search"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background: transparent; border-color: transparent; border-bottom-color: #bc2031; border-radius: 0; border-style: dotted; border-width: 1px; color: #bc2031; font-size: inherit; padding: 0; width: 100%; height: auto; text-overflow: ellipsis } #discovery .address-region input[type="text"]:focus, #discovery .address-region input[type="search"]:focus { outline: none } #discovery .address-region .twitter-typeahead { width: 340px; display: inline-block } #discovery .address-region .unit { width: 120px; display: inline-block } #discovery .address-region .unit label { width: 50px } #discovery .address-region .unit input[type="text"] { width: 70px } #discovery .address-region .saved-message { display: none; position: absolute; right: -35px; font-size: 14px } @media screen and (max-width: 768px) { #discovery .address-region .saved-message { right: 0 } #discovery .address-region .saved-message span { display: none } } #discovery .address-region .saved-message i { font-size: 12px; color: #393; margin-right: 4px } @media screen and (max-width: 768px) { #discovery #location-region { display: block; width: 100%; padding: 0.5rem 1rem } #discovery #location-region .twitter-typeahead { width: 70% } #discovery #location-region .unit { width: 30% } #discovery #location-region .unit label { width: 40% } #discovery #location-region .unit input[type="text"] { width: 60% } } @media screen and (max-width: 480px) { #discovery { font: 1.5rem "urbana", sans-serif } #discovery .outer-container { padding: 1rem 0.5rem } #discovery #location-region { display: block; margin-top: 0.25rem; width: 100% } #discovery #location-region .unit input[type="text"] { width: 50px } } #discovery .order-type-dropdown { display: inline-block } #discovery .order-type-dropdown ul { display: inline-block; left: -0.6rem; margin: 0; margin-right: -1.2rem; padding: 0; position: relative } #discovery .order-type-dropdown ul li { display: none; float: none; list-style-type: none; padding: 0.6rem } #discovery .order-type-dropdown ul li.selected { display: block } #discovery .order-type-dropdown ul:hover { cursor: pointer } #discovery .order-type-dropdown ul:hover li { background: rgba(255, 255, 255, 0.9); box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px } #discovery .order-type-dropdown ul:hover li:first-child { z-index: 2 } #discovery .order-type-dropdown ul:hover li:last-child { border-top: 1px solid #7a858b; display: block; left: 0; position: absolute; right: 0; top: 100%; z-index: 1 } #address-search-region { margin-top: 23px } #address-search-region .form-vertical:after { content: ""; display: table; clear: both } #address-search-region .multiple-addresses li { list-style: initial } #address-search-region .multiple-addresses, #address-search-region .saved-addresses { margin: 0 0 25px 25px } #address-search-region .multiple-addresses li, #address-search-region .saved-addresses li { margin-bottom: 10px; line-height: 20px } #address-search-region .multiple-addresses li a, #address-search-region .saved-addresses li a { cursor: pointer; color: #333; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif } #address-search-region .campus-name > .controls, #address-search-region .campus-building > .controls { position: relative } #address-search-region .campus-name > .controls:after, #address-search-region .campus-building > .controls:after { content: "▾"; position: absolute; right: 10px; top: 7px; color: #ccc } #address-search-region .campus-name > .controls select, #address-search-region .campus-building > .controls select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; width: 100% } #address-search-region select { background-color: #fff; border: 1px solid #ccc; padding: 4px; width: 100%; font-size: 0.875rem; display: inline-block; margin-bottom: 10px; color: #555; vertical-align: middle; border-radius: 4px; cursor: pointer; margin: 0 } #address-search-region .controls { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; color: #555 } #address-search-region .room-number input { width: 100% } #address-search-region #add-your-building { float: right } #address-search-region #add-your-building, #address-search-region #login-to-see-addresses { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal } #address-search-region #loader-region h3 { display: none } #address-search-region .ou-alert-danger { background-color: #f2dede; border-bottom-color: #eed3d7; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: #eed3d7; border-left-style: solid; border-left-width: 1px; border-right-color: #eed3d7; border-right-style: solid; border-right-width: 1px; border-top-color: #eed3d7; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; color: #b94a48; display: block; font-size: 14px; line-height: 20px; margin-bottom: 20px; padding-bottom: 8px; padding-left: 14px; padding-right: 10px; padding-top: 8px; text-align: left; text-shadow: rgba(255, 255, 255, 0.498039) 0 1px 0 } #address-search-region .ou-alert-danger div { color: #b94a48; text-align: left; text-shadow: rgba(255, 255, 255, 0.498039) 0 1px 0 } #address-search-region fieldset .control-group { margin-bottom: 1.125rem; font-size: 1.125rem; font-family: "urbana", sans-serif } #address-search-region .street-address { float: left; display: block; margin-right: 4.829158%; width: 65.056947% } #address-search-region .street-address:last-child { margin-right: 0 } #address-search-region .unit-number { float: left; display: block; margin-right: 4.829158%; width: 30.113895%; margin-right: 0 } #address-search-region .unit-number:last-child { margin-right: 0 } #address-search-region .city-zip { float: left; display: block; margin-right: 4.829158%; width: 100%; margin-right: 0 } #address-search-region .city-zip:last-child { margin-right: 0 } #address-search-region input.input-gb, #address-search-region select.select-gb { -webkit-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; box-shadow: none; padding-left: 8px; border-radius: 5px; font-size: 1em; margin-bottom: 0.75rem } #address-search-region input.input-gb#address1, #address-search-region input.input-gb#address2, #address-search-region input.input-gb#zip, #address-search-region select.select-gb#address1, #address-search-region select.select-gb#address2, #address-search-region select.select-gb#zip { width: 100% } #address-search-region input.input-gb:focus, #address-search-region select.select-gb:focus { outline: none; border-color: rgba(82, 168, 236, 0.6); box-shadow: none } #address-search-region button.btn-primary { background: #bc2031 !important; border-radius: 10px; border: 0; box-shadow: none; color: #fff; display: block; font-family: "urbana", sans-serif; font-size: 24px; font-weight: 500; margin: 10px auto; padding: 18px 20px 15px 20px; text-decoration: none !important; margin-bottom: 1.5rem; font-size: 1.125rem; font-weight: normal; width: 100%; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px } #address-search-region button.btn-primary:hover { background-color: #a61c2b !important; color: white !important; text-shadow: none } #address-search-region button.btn-primary:active { background-color: #a61c2b !important; text-shadow: none } #address-search-region button.btn-primary:focus { outline: 0 !important } #address-search-region button.btn-primary .ss-right { font-size: 0.55rem; margin-left: 5px } #address-search-region button.standard-btn { background: white !important; border-radius: 10px; border: 0; box-shadow: none; color: #fff; display: block; font-family: "urbana", sans-serif; font-size: 24px; font-weight: 500; margin: 10px auto; padding: 18px 20px 15px 20px; text-decoration: none !important; float: left; display: block; margin-right: 3.578664%; width: 35.263335%; background-color: ffffff; border-radius: 10px; border: 3px solid #cececf; box-shadow: none; color: #cececf; display: inline-block; font-family: "urbana", sans-serif; font-size: 20px !important; font-weight: 500; margin: 10px auto; padding: 15px; text-decoration: none !important; text-transform: uppercase } #address-search-region button.standard-btn:hover { background-color: #f2f2f2 !important; color: white !important; text-shadow: none } #address-search-region button.standard-btn:active { background-color: #a61c2b !important; text-shadow: none } #address-search-region button.standard-btn:focus { outline: 0 !important } #address-search-region button.standard-btn:last-child { margin-right: 0 } #address-search-region button.standard-btn:nth-child(2) { margin-right: 0 } #address-search-region button.standard-btn:nth-child(2+1) { clear: left } #address-search-region footer.address-form-switcher { clear: both } #address-search-region footer.address-form-switcher ul li a { clear: left; cursor: pointer; display: block; float: right; margin-bottom: 0.75rem; padding: 0 5px; width: 50% } #address-search-region footer.address-form-switcher ul li a span { margin-right: 0.3125rem } #address-search-region footer.address-form-switcher ul.single-item li { float: left } .cart-order #address-search-region h3 { margin-top: 0 } .cart-order #address-search-region ul.multiple-addresses, .cart-order #address-search-region .saved-addresses { padding: 0; margin-bottom: 0 } .cart-order #address-search-region ul.multiple-addresses li, .cart-order #address-search-region .saved-addresses li { list-style: none } .cart-order #address-search-region ul.multiple-addresses li i, .cart-order #address-search-region .saved-addresses li i { color: #b5af95 } .cart-order #address-search-region ul.multiple-addresses li a, .cart-order #address-search-region .saved-addresses li a { font-weight: 200; font-size: 0.75rem } #cart-app #address-search-region ul.multiple-addresses, #cart-app #address-search-region ul.saved-addresses { margin: 0 } #cart-app #address-search-region ul.multiple-addresses li i, #cart-app #address-search-region ul.saved-addresses li i { color: #4f5f66 } #cart-app #address-search-region ul.multiple-addresses li a, #cart-app #address-search-region ul.saved-addresses li a { color: #333; font-weight: 500 } @media screen and (max-width: 768px) { #cart-app #address-search-region footer.address-form-switcher a.go-back { float: right; width: 90% } } #cart-app #address-search-region footer.address-form-switcher a.go-back span.ss-reply { text-decoration: none } #cart-app .complete-order a.checkout-button.checkout-disabled { background: #b5af95; color: #eae3d6 } #discovery { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .cart-order #location-region ul { margin-left: 0 } #checkout-location-app .address-container { padding: 0 } #checkout-location-app #address-search-region { margin: 0; padding: 0; width: 100% } #checkout-location-app #address-search-region .multiple-region ul.multiple-addresses { margin: 0 } #checkout-location-app #address-search-region .multiple-region ul.multiple-addresses li { list-style: none } #checkout-location-app #address-search-region .address-form-switcher a { margin-top: 1.125rem } #checkout-location-app #address-search-region #intro-region { display: none } #checkout-location-app #address-search-region .order-type { display: none } #checkout-location-app #address-search-region #order-type-region { display: block } #checkout-location-app #address-search-region .street-address, #checkout-location-app #address-search-region .campus-name { margin-right: 0; float: left; display: block; margin-right: 3.168436%; width: 100%; float: right; margin-right: 0; margin-bottom: 0.75rem } #checkout-location-app #address-search-region .street-address:last-child, #checkout-location-app #address-search-region .campus-name:last-child { margin-right: 0 } #checkout-location-app #address-search-region .unit-number { float: left; display: block; margin-right: 3.168436%; width: 19.757883% } #checkout-location-app #address-search-region .unit-number:last-child { margin-right: 0 } #checkout-location-app #address-search-region .city-zip { float: left; display: block; margin-right: 3.168436%; width: 42.684202%; margin-right: 0 } #checkout-location-app #address-search-region .city-zip:last-child { margin-right: 0 } #checkout-location-app #address-search-region .campus-building { float: left; display: block; margin-right: 3.168436%; width: 42.684202% } #checkout-location-app #address-search-region .campus-building:last-child { margin-right: 0 } #checkout-location-app #address-search-region .room-number { float: left; display: block; margin-right: 3.168436%; width: 19.757883%; margin-right: 0 } #checkout-location-app #address-search-region .room-number:last-child { margin-right: 0 } #checkout-location-app #address-search-region label { text-transform: uppercase } #checkout-location-app #address-search-region input.input-gb, #checkout-location-app #address-search-region select.select-gb { border-color: #cececf; border-radius: 6px; border-width: 2px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.9375rem; font-weight: normal; height: 2.625rem; margin-top: 0.1875rem; margin-bottom: 0 } #checkout-location-app #address-search-region button.btn-primary { float: left; display: block; margin-right: 3.168436%; width: 31.221043%; border-radius: 6px; float: right; font-size: 1.125rem; height: 2.625rem; line-height: 100%; margin-top: 1.5rem; margin-bottom: 0; padding-top: 0.1875rem; padding-bottom: 0 } #checkout-location-app #address-search-region button.btn-primary:last-child { margin-right: 0 } #checkout-location-app #address-search-region hr { display: none } #checkout-location-app .address-string { display: inline-block; max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #checkout-location-app #address-search-region { float: left; display: block; margin-right: 2.357652%; width: 100% } #checkout-location-app #address-search-region:last-child { margin-right: 0 } #checkout-location-app #address-search-region > div { padding: 0.375rem } #checkout-location-app #address-search-region > div:after { content: ""; display: table; clear: both } #checkout-location-app #address-search-region .label { float: left; display: block; margin-right: 2.357652%; width: 23.231761%; text-align: right; text-transform: capitalize } #checkout-location-app #address-search-region .label:last-child { margin-right: 0 } #checkout-location-app #address-search-region .controls { float: left; display: block; margin-right: 2.357652%; width: 48.821174%; margin-bottom: 0.375rem } #checkout-location-app #address-search-region .controls:last-child { margin-right: 0 } #checkout-location-app #address-search-region .street-address, #checkout-location-app #address-search-region .campus-building, #checkout-location-app #address-search-region .city-zip, #checkout-location-app #address-search-region .unit-number, #checkout-location-app #address-search-region .room-number, #checkout-location-app #address-search-region .campus-name { float: left; display: block; margin-right: 2.357652%; width: 100%; line-height: 2.0625rem; margin-bottom: 0.375rem } #checkout-location-app #address-search-region .street-address:last-child, #checkout-location-app #address-search-region .campus-building:last-child, #checkout-location-app #address-search-region .city-zip:last-child, #checkout-location-app #address-search-region .unit-number:last-child, #checkout-location-app #address-search-region .room-number:last-child, #checkout-location-app #address-search-region .campus-name:last-child { margin-right: 0 } #checkout-location-app #address-search-region input.input-gb, #checkout-location-app #address-search-region select.select-gb { font-size: 0.75rem; height: 2.25rem } #checkout-location-app #address-search-region #add-your-building { float: left; display: block; margin-right: 2.357652%; width: 23.231761%; margin-right: 0; font-size: 0.75rem; margin-top: 0.9375rem; margin-left: 0.375rem; text-align: left; float: right } #checkout-location-app #address-search-region #add-your-building:last-child { margin-right: 0 } #checkout-location-app #address-search-region button.btn-primary { float: left; display: block; margin-right: 2.357652%; width: 48.821174%; margin-left: 25.589413%; height: 2.25rem; font-size: 0.75rem; margin-top: 0.375rem } #checkout-location-app #address-search-region button.btn-primary:last-child { margin-right: 0 } #checkout-location-app #address-search-region button.btn-primary i { display: none } #checkout-location-app #address-search-region #building-region button.btn-primary { margin-top: 0.375rem } #checkout-location-app #address-search-region footer { margin: 0; padding: 0 } #checkout-location-app #address-search-region footer.address-form-switcher a { margin-bottom: 0.375rem; text-align: center; width: 100% } @media screen and (max-width: 768px) { #checkout-location-app .address-string { display: inline-block; max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #checkout-location-app .label, #checkout-location-app #add-your-building { font-size: 0.75rem } #checkout-location-app .categories-select { margin-right: 0; width: 50% } #checkout-location-app #address-search-region { float: left; display: block; margin-right: 2.357652%; width: 100% } #checkout-location-app #address-search-region:last-child { margin-right: 0 } #checkout-location-app #address-search-region > div { padding: 0.375rem } #checkout-location-app #address-search-region > div:after { content: ""; display: table; clear: both } #checkout-location-app #address-search-region .label { display: inline-block; text-align: left; width: auto } #checkout-location-app #address-search-region .controls { float: left; display: block; margin-right: 2.357652%; width: 100%; margin-bottom: 0.375rem } #checkout-location-app #address-search-region .controls:last-child { margin-right: 0 } #checkout-location-app #address-search-region .street-address, #checkout-location-app #address-search-region .campus-building, #checkout-location-app #address-search-region .city-zip, #checkout-location-app #address-search-region .unit-number, #checkout-location-app #address-search-region .room-number, #checkout-location-app #address-search-region .campus-name { float: left; display: block; margin-right: 2.357652%; width: 100%; line-height: 0.75rem; margin-bottom: 0.375rem } #checkout-location-app #address-search-region .street-address:last-child, #checkout-location-app #address-search-region .campus-building:last-child, #checkout-location-app #address-search-region .city-zip:last-child, #checkout-location-app #address-search-region .unit-number:last-child, #checkout-location-app #address-search-region .room-number:last-child, #checkout-location-app #address-search-region .campus-name:last-child { margin-right: 0 } #checkout-location-app #address-search-region input.input-gb, #checkout-location-app #address-search-region select.select-gb { font-size: 0.75rem; height: 2.25rem } #checkout-location-app #address-search-region #add-your-building { margin-top: 0; width: auto } #checkout-location-app #address-search-region button.btn-primary { float: left; display: block; margin-right: 2.357652%; width: 100%; margin-left: 0%; height: 2.25rem; font-size: 0.75rem } #checkout-location-app #address-search-region button.btn-primary:last-child { margin-right: 0 } #checkout-location-app #address-search-region button.btn-primary i { display: none } #checkout-location-app #address-search-region #building-region button.btn-primary { margin-top: 0.375rem } #checkout-location-app #address-search-region footer { margin: 0; padding: 0 } #checkout-location-app #address-search-region footer.address-form-switcher a { margin-bottom: 0.375rem; text-align: center; width: 100% } } .edit-address-button { text-decoration: underline; color: #289eef; padding-left: 0.25em; white-space: nowrap } #checkout-location-app .outer-container, .menu-app .mobile-location-region .outer-container, #cart-app .cart-order .outer-container { background: transparent; padding: 0 } #checkout-location-app .intro, #checkout-location-app #order-type-region, #checkout-location-app .order-type, #checkout-location-app .categories-select, .menu-app .mobile-location-region .intro, .menu-app .mobile-location-region #order-type-region, .menu-app .mobile-location-region .order-type, .menu-app .mobile-location-region .categories-select, #cart-app .cart-order .intro, #cart-app .cart-order #order-type-region, #cart-app .cart-order .order-type, #cart-app .cart-order .categories-select { display: none } #checkout-location-app .address-string, .menu-app .mobile-location-region .address-string, #cart-app .cart-order .address-string { color: #b5af95; clear: left; float: left; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.75rem; font-weight: normal; margin-bottom: 0.375rem; max-width: 100% } #checkout-location-app #home-app #add-your-building, .menu-app .mobile-location-region #home-app #add-your-building, #cart-app .cart-order #home-app #add-your-building { display: none } .menu-app .mobile-location-region { display: none } @media screen and (max-width: 480px) { .menu-app .mobile-location-region { display: inherit } .menu-app .mobile-location-region:after { content: ""; display: table; clear: both } .menu-app .mobile-location-region .address-region { width: 100% } .menu-app .mobile-location-region .address-string { color: #b5af95 } .menu-app .mobile-location-region > .well { float: left; display: block; margin-right: 2.357652%; width: 100%; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); border: 1px solid #ccc; margin-bottom: 0.375rem } .menu-app .mobile-location-region > .well:last-child { margin-right: 0 } .menu-app .mobile-location-region .well { background-color: #fdf6e7; color: black } .menu-app .mobile-location-region .well .label { color: black } } .menu-app #location-region .well, .menu-app .mobile-location-region .well { position: relative } .close-address-button { float: right; font-family: "urbana", sans-serif; font-size: 30px; font-weight: 500; line-height: 100%; cursor: pointer; z-index: 1 } .close-address-button:hover { color: #000 } #home-app-container #loader-region > div { border-top: solid 1px #cececf; border-bottom: solid 1px #cececf; padding-bottom: 1.125rem } #home-app-container #loader-region h3 { display: block; text-align: center; text-transform: uppercase } .discovery .categories-bar { float: left; display: block; margin-right: 2.357652%; width: 23.231761% } .discovery .categories-bar:last-child { margin-right: 0 } @media screen and (max-width: 768px) { .discovery .categories-bar { display: none } } .yelp-logo { background-image: url(/assets/front_end/yelp_logo_mini-be2b0c987d31ceec27c6f4b8d6e53404.png); background-repeat: no-repeat; display: inline-block; width: 40px; height: 20px; position: relative; top: 3px } .address-bar { margin-right: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05) } .address-bar a { cursor: pointer } .address-bar .outer-container { padding: 1.125rem 0; text-align: center } .address-bar.static-page-placeholder { height: 70px } @media screen and (max-width: 480px) { .address-bar { padding: 0 } .address-bar .outer-container { background: #f2f2ed; margin: 0 0; padding: 5px 12px 10px 12px } .outer-container .categories-bar { display: none } .context-text { display: none } } #leaderboard-region { margin-top: 0.75rem } #leaderboard-region > div { width: 100%; text-align: center } #leaderboard-region > div a { min-height: 92px } #leaderboard-region > div a img { border: 1px solid black } @media screen and (max-width: 768px) { #leaderboard-region img { max-width: 728px; width: 100% } } @media screen and (max-width: 480px) { #leaderboard-region { display: none } } .restaurant-list { float: left; display: block; margin-right: 2.357652%; width: 74.410587%; padding-bottom: 100px; overflow: hidden } .restaurant-list:last-child { margin-right: 0 } .restaurant-list .restaurant-search { padding: 15px; background: #f8f8f8; margin-top: 20px; margin-bottom: -5px; position: relative; z-index: 1; border: solid 2px #e8ebeb; border-top-right-radius: 6px; border-top-left-radius: 6px } .restaurant-list .restaurant-search .search-div { position: relative; display: block; font-size: 1rem; white-space: nowrap } .restaurant-list .restaurant-search .search-div i { position: absolute; left: 10px; top: 8px; font-size: 12px; color: #f3902f } .restaurant-list .restaurant-search .search-div #search { border: 2px solid #f3902f; padding-left: 24px; padding-right: 10px; width: 100%; transition: all 0.3s; font-weight: normal } .restaurant-list .restaurant-search .search-div #search:focus, .restaurant-list .restaurant-search .search-div #search:active { border-color: #e2760d } .restaurant-list .restaurant-search .search-div i { top: 12px } .restaurant-list .restaurant-search .search-div #search { width: 100%; height: 40px; border: solid 1px #ccc; padding-left: 30px } .restaurant-list .restaurant-search .search-div #search:focus { border: solid 1px #f3902f } .restaurant-list ul { background: white; border: solid 2px #e8ebeb; border-radius: 6px; margin-bottom: 60px; margin-top: 0 } .restaurant-list .restaurant-delivered { border-left: 3px solid rgba(23, 105, 174, 0.4) } .restaurant-list li { padding: 25px 15px; min-height: 111px; display: block } .restaurant-list li#category-header { cursor: default } .restaurant-list li#category-header h2 { margin-bottom: 12px } .restaurant-list li.availibility-heading h3 { font-weight: 400; font-size: 1.25rem; margin: 0 } .restaurant-list li.availibility-heading p { font-weight: 100; margin: 10px 0 0 } .restaurant-list li.availibility-heading.error h3 { color: #bc2031 } .restaurant-list li:last-child { border-bottom: none } @media screen and (max-width: 480px) { .restaurant-list li#category-header { padding-top: 3px } } .restaurant-list li:first-child { min-height: 0 } .restaurant-list li:first-child h2 { padding-left: 0.75rem; text-align: left } .restaurant-list li:last-child { border-bottom: 0 } .restaurant-list li.restaurant { position: relative } .restaurant-list li .restaurant-quick { width: 100%; text-align: center; border-bottom: 1px solid #7df252; float: left; padding-top: 3px } .restaurant-list li .restaurant-quick .rqtext { background-color: #7df252; color: black; border-top-left-radius: 7px; border-top-right-radius: 7px; width: 20%; margin: auto; font-size: 0.7em } .restaurant-list li .restaurant-quick-top { border-bottom: none; border-top: 1px solid #7df252 } .restaurant-list li .restaurant-quick-top .rqtext { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; position: relative; top: -4px } .restaurant-list li .restaurant-brand { float: left; display: block; margin-right: 2.357652%; width: 48.821174% } .restaurant-list li .restaurant-brand:last-child { margin-right: 0 } .restaurant-list li .restaurant-brand a { color: #176092 } .restaurant-list li .restaurant-brand .location-subline, .restaurant-list li .restaurant-brand span.closed-text, .restaurant-list li .restaurant-brand p.closed-text { display: block; margin: 8px 0 0 0 } .restaurant-list li .restaurant-brand span.closed-text { display: none } .restaurant-list li .restaurant-brand .yelp { display: block; font-size: 11px; color: #999; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; max-height: 14px } .restaurant-list li .restaurant-brand .yelp a { display: inline-block; font-size: 11px; color: #999; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif } .restaurant-list li .restaurant-brand .yelp a img { vertical-align: middle } .restaurant-list li .restaurant-brand .yelp span.review-count { margin: 0 2px } .restaurant-list li .restaurant-brand .logo { float: left; display: block; margin-right: 2.357652%; width: 40.29137%; height: 5.625rem; text-align: center } .restaurant-list li .restaurant-brand .logo:last-child { margin-right: 0 } .restaurant-list li .restaurant-brand .logo:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em } .restaurant-list li .restaurant-brand .logo .vendor-img { display: inline-block } .restaurant-list li .restaurant-brand .logo .vendor-img img { max-height: 4.5rem; max-width: 100%; vertical-align: middle; text-align: center } .restaurant-list li .restaurant-brand .logo .vendor-img img.cuisine { max-height: 6rem; margin: 0 } .restaurant-list li .restaurant-brand .restaurant-info { float: left; display: block; margin-right: 2.357652%; width: 57.350979%; margin-right: 0; margin-top: 0.75rem; margin-bottom: 0.75rem } .restaurant-list li .restaurant-brand .restaurant-info:last-child { margin-right: 0 } .restaurant-list li .restaurant-brand .restaurant-info h2 { text-align: left; font-weight: 300; font-size: 1.5rem; line-height: 120%; margin: 0 0 0 0; vertical-align: middle } .restaurant-list li .restaurant-brand .closed-mobile { display: none } .restaurant-list li .special-box { float: left; display: block; margin-right: 2.357652%; width: 31.761566%; margin-right: 0; margin: 0.75rem 0 0.75rem 0; background-color: #F4F7F9; border-radius: 5px; color: #4f5f66; border: 1px solid #e8ebeb; display: inline-block; font-size: 14px; font-weight: 300; padding: 10px; vertical-align: middle; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative } .restaurant-list li .special-box:last-child { margin-right: 0 } .restaurant-list li .special-box:after { content: ""; display: table; clear: both } .restaurant-list li .special-box ol, .restaurant-list li .special-box ul, .restaurant-list li .special-box p, .restaurant-list li .special-box div { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: black; font-weight: 200; font-size: 14px; border: 0; color: #667d89; padding: 0; margin: 5px 0 0 0; list-style: none } .restaurant-list li .special-box ol a, .restaurant-list li .special-box ul a, .restaurant-list li .special-box p a, .restaurant-list li .special-box div a { color: #176092 } .restaurant-list li .special-box h1, .restaurant-list li .special-box h2, .restaurant-list li .special-box h3, .restaurant-list li .special-box h4, .restaurant-list li .special-box h5, .restaurant-list li .special-box h6 { font-family: "urbana", sans-serif; text-transform: uppercase; font-weight: 800; font-size: 20px; margin: 5px 0; color: #667d89 } .restaurant-list li .special-box hr { color: white; border: 0 } .restaurant-list li .special-box .featured-label { position: absolute; top: -10px; left: 5px; background-color: #3a87ad; color: white; padding: 1px 5px; font-size: 11.8px; font-weight: bold; border-radius: 4px } .restaurant-list li .special-box span.special-text { color: #667D89 } .restaurant-list li .order-now { height: 2.625rem; margin-top: -1.3125rem; position: absolute; right: 1rem; top: 50% } .restaurant-list li .order-now a.orderup-button { border-radius: 5px; color: white; display: block; font-size: 14pt; height: 2.625rem; line-height: 2.825rem; text-align: center; text-decoration: none; width: 98px } .restaurant-list li .order-now a.orderup-button.closed { background: #d4d7da } .restaurant-list li .order-now a.orderup-button.open { background: #393 } .restaurant-list li .order-now a.orderup-button.shutdown { background: #d4d7da } .restaurant-list li .order-now a.orderup-button.for-later { background: #ffca2e } .restaurant-list li .order-now a.orderup-button i { font-size: 70%; margin-left: 0.375rem } .restaurant-list li .order-now a.orderup-button span.status { padding-right: 3px } .restaurant-list li .order-now a.orderup-button span.open { color: #38b536 } .restaurant-list li .order-now a.orderup-button span.closed { color: #f66 } .restaurant-list li .order-now .order-now-disabled .orderup-button { background: #e8ebeb; box-shadow: none; color: #858585; cursor: default; text-shadow: none; float: right } @media screen and (max-width: 960px) { ul.restaurant-list { margin-right: 0.375rem } ul.restaurant-list .special-box { float: left; display: block; margin-right: 1.165091%; width: 24.126181% } ul.restaurant-list .special-box:last-child { margin-right: 0 } ul.restaurant-list .order-now { float: left; display: block; margin-right: 1.165091%; width: 19.910969%; margin-right: 0; float: right } ul.restaurant-list .order-now:last-child { margin-right: 0 } } @media screen and (max-width: 768px) { ul.restaurant-list { float: left; display: block; margin-right: 3.578664%; width: 100%; border: 0 } ul.restaurant-list:last-child { margin-right: 0 } ul.restaurant-list .special-box { float: left; display: block; margin-right: 3.168436%; width: 31.221043%; margin-right: 0 } ul.restaurant-list .special-box:last-child { margin-right: 0 } ul.restaurant-list .order-now { float: left; display: block; margin-right: 3.168436%; width: 19.757883%; float: right } ul.restaurant-list .order-now:last-child { margin-right: 0 } } @media screen and (max-width: 480px) { .restaurant-list { float: left; display: block; margin-right: 4.829158%; width: 100%; margin-right: 0; margin: 0; border: 0 } .restaurant-list:last-child { margin-right: 0 } .restaurant-list #category-header { padding-top: 0 } .restaurant-list li { padding: 10px 10px 10px 10px; min-height: 0; cursor: pointer } .restaurant-list li h2 { font-size: 18px; font-weight: 500; margin: 0 } .restaurant-list li .restaurant-brand .logo { float: left; display: block; margin-right: 3.578664%; width: 22.316002%; height: 3rem } .restaurant-list li .restaurant-brand .logo:last-child { margin-right: 0 } .restaurant-list li .restaurant-brand .logo:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em } .restaurant-list li .restaurant-brand .logo .vendor-img { display: inline-block; border: 1px solid #eae4d4; width: 50px; height: 50px; vertical-align: middle; border-radius: 4px; padding: 5px; text-align: left; margin-bottom: 0.75rem } .restaurant-list li .restaurant-brand .logo .vendor-img a img { max-height: 100%; max-width: 100%; vertical-align: middle; text-align: center; margin: auto 0 } .restaurant-list li .restaurant-brand .restaurant-info { float: left; display: block; margin-right: 3.578664%; width: 74.105334%; margin-right: 0; margin-top: 0; margin-bottom: 0.75rem } .restaurant-list li .restaurant-brand .restaurant-info:last-child { margin-right: 0 } .restaurant-list li .restaurant-brand .restaurant-info h2 { margin: 0; font-size: 1.3125rem; margin: 0 0 0 0 } .restaurant-list li .restaurant-brand .restaurant-info .closed-text { display: inline-block; color: #b94a48; margin-top: 0; font-weight: 500; color: #b94a48 } .restaurant-list li .restaurant-brand { margin-bottom: 0.75rem } .restaurant-list li .restaurant-brand .closed-mobile { display: inherit } .restaurant-list li .special-box { margin: 5px 0 0 0; float: left; display: block; margin-right: 4.829158%; width: 100%; font-size: 0.75rem; line-height: 1.125rem; color: #667D89; display: block; padding: 5px; margin: 0 } .restaurant-list li .special-box .featured-label { position: relative; top: 2px; text-transform: uppercase; font-size: 9px; padding: 3px 4px } .restaurant-list li .special-box span.special-text { padding-left: 10px } .restaurant-list li .special-box:last-child { margin-right: 0 } .restaurant-list li .special-box i { float: left; margin-right: 0.375rem } .restaurant-list li .special-box i span { float: left } .restaurant-list li .order-now { display: none } } .restaurant-brand { float: left; display: block; margin-right: 2.357652%; width: 48.821174% } .restaurant-brand:after { content: ""; display: table; clear: both } .restaurant-brand:last-child { margin-right: 0 } .restaurant-brand a { color: #176092 } .restaurant-brand .location-subline, .restaurant-list li .restaurant-brand span.closed-text, .restaurant-brand p.closed-text { margin: 8px 0 0 0; font-size: 10px; color: #999; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400 } .restaurant-brand p.closed-text { display: none; color: #b94a48 } .restaurant-brand .yelp { display: block; font-size: 11px; color: #999; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; max-height: 14px } .restaurant-brand .yelp a { display: inline-block; font-size: 11px; color: #999; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif } .restaurant-brand .yelp a img { vertical-align: middle } .restaurant-brand .yelp span.review-count { margin: 0 2px } .restaurant-brand .logo { float: left; display: block; margin-right: 2.357652%; width: 40.29137%; height: 5.625rem; text-align: center } .restaurant-brand .logo:last-child { margin-right: 0 } .restaurant-brand .logo:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em } .restaurant-brand .logo .vendor-img { display: inline-block } .restaurant-brand .logo .vendor-img img { max-height: 4.5rem; max-width: 100%; vertical-align: middle; text-align: center } .restaurant-brand .restaurant-info { float: left; display: block; margin-right: 2.357652%; width: 57.350979%; margin-right: 0 } .restaurant-brand .restaurant-info:last-child { margin-right: 0 } .restaurant-brand .restaurant-info h2 { text-align: left; font-weight: 300; font-size: 1.5rem; line-height: 120%; margin: 1.5rem 0 0 0; vertical-align: middle } .order-details .restaurant-brand { width: 100% } .order-details .restaurant-brand h3 { display: inline-block; float: left } .order-details .restaurant-brand .remove.button { float: left; font-size: 0.75rem; padding: 8px 8px 3px 8px; margin: 0.9375rem 0 0 0.75rem } .order-details .restaurant-brand .logo { float: left; display: block; margin-right: 3.578664%; width: 22.316002%; height: 3rem; margin-right: 0.75rem; width: auto } .order-details .restaurant-brand .logo:last-child { margin-right: 0 } .order-details .restaurant-brand .logo:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em } .order-details .restaurant-brand .logo .vendor-img { display: inline-block; border: 1px solid #eae4d4; width: 50px; height: 50px; vertical-align: middle; border-radius: 4px; padding: 5px; text-align: left; margin-bottom: 0 } .order-details .restaurant-brand .logo .vendor-img a img { max-height: 100%; max-width: 100%; vertical-align: middle; text-align: center; margin: auto 0 } @media screen and (max-width: 960px) { .restaurant-list li .restaurant-brand { float: left; display: block; margin-right: 1.165091%; width: 53.632666% } .restaurant-list li .restaurant-brand:last-child { margin-right: 0 } } @media screen and (max-width: 768px) { .restaurant-list li .restaurant-brand { float: left; display: block; margin-right: 3.168436%; width: 42.684202% } .restaurant-list li .restaurant-brand:last-child { margin-right: 0 } } @media screen and (max-width: 480px) { .restaurant-list li { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0 } .restaurant-list li .restaurant-brand { float: left; display: block; margin-right: 4.829158%; width: 100%; min-height: 3.75rem } .restaurant-list li .restaurant-brand:after { content: ""; display: table; clear: both } .restaurant-list li .restaurant-brand:last-child { margin-right: 0 } .restaurant-list li .restaurant-brand .restaurant-info { float: left; display: block; margin-right: 3.578664%; width: 74.105334%; margin-right: 0; margin-bottom: 0 } .restaurant-list li .restaurant-brand .restaurant-info:last-child { margin-right: 0 } .restaurant-list li .restaurant-brand .restaurant-info h2 { margin: 0; font-size: 1.3125rem; margin: 0 0 0 0 } .restaurant-list li .restaurant-brand .restaurant-info .closed-text { display: inline-block; color: #b94a48; margin-top: 0 } .restaurant-list li .restaurant-brand .logo { float: left; display: block; margin-right: 3.578664%; width: 22.316002%; height: 3rem } .restaurant-list li .restaurant-brand .logo:last-child { margin-right: 0 } .restaurant-list li .restaurant-brand .logo:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em } .restaurant-list li .restaurant-brand .logo .vendor-img { display: inline-block; border: 1px solid #eae4d4; width: 50px; height: 50px; vertical-align: middle; border-radius: 4px; padding: 5px; text-align: left; margin-bottom: 0.75rem } .restaurant-list li .restaurant-brand .logo .vendor-img a img { max-height: 100%; max-width: 100%; vertical-align: middle; text-align: center; margin: auto 0 } .restaurant-list li .clear { clear: both } .restaurant-list li .clear:after { content: ""; display: table; clear: both } .featured-label-container { display: block; float: left; padding-right: 4px } .featured-label-container .featured-label { position: inherit } .special-text { display: block; float: left; display: block; margin-right: 1.757878%; width: 74.560531%; margin-right: 0 } .special-text:last-child { margin-right: 0 } } .coming-soon { background: white; border-radius: 10px; padding: 20px; float: left; display: block; margin-right: 3.578664%; width: 74.105334%; margin-left: 12.947333%; margin-bottom: 20px; border: solid 3px #eae3d6 } .coming-soon:last-child { margin-right: 0 } .coming-soon form { border-top: 1px solid #ccc } .coming-soon form label { padding: 0 20px } .coming-soon form label input { margin: 20px; width: 300px } .coming-soon form .buttons { display: block } .coming-soon form .buttons button { background: #bc2031 !important; border-radius: 10px; border: 0; box-shadow: none; color: #fff; display: block; font-family: "urbana", sans-serif; font-size: 24px; font-weight: 500; margin: 10px auto; padding: 18px 20px 15px 20px; text-decoration: none !important } .coming-soon form .buttons button:hover { background-color: #a61c2b !important; color: white !important; text-shadow: none } .coming-soon form .buttons button:active { background-color: #a61c2b !important; text-shadow: none } .coming-soon form .buttons button:focus { outline: 0 !important } @media screen and (max-width: 768px) { .coming-soon { float: left; display: block; margin-right: 3.578664%; width: 100%; margin-left: 0% } .coming-soon:last-child { margin-right: 0 } } @media screen and (max-width: 480px) { .coming-soon { padding: 15px } .coming-soon form { padding-top: 20px } .coming-soon form label { padding-left: 0 } .coming-soon form label input { margin: 10px 0; width: 100% } } #no-territory-container { background-color: #fdf6e8 } #no-territory-container h1 { text-align: center; margin-bottom: 5px } #no-territory-container h2 { color: #858585; font-weight: 500; margin-bottom: 50px } #no-territory-container .quote-box-franchise { margin: -115px 0 0 30px; padding: 30px; position: absolute; left: 50%; top: 30%; width: 300px; background: #bc2031; border-radius: 8px } #no-territory-container .quote-box-franchise h3 { color: white; font-size: 36px; line-height: 100%; margin-top: 0 } #no-territory-container .quote-box-franchise button.btn-primary { background: #f3902f !important; margin: 0; width: 100% } #no-territory-container .quote-box-franchise button.btn-primary a { color: white; text-decoration: none; text-transform: uppercase } #no-territory-container span.point { margin: -24px 0 0 -30px; position: absolute; top: 50%; left: 0; font-size: 54px; line-height: 100%; color: #bc2031 } @media screen and (max-width: 768px) { #no-territory-container h1 { font-size: 32px } #no-territory-container h2 { font-size: 26px; margin-bottom: 0.75rem } #no-territory-container .quote-box-franchise { left: 25%; top: 28% } #no-territory-container .quote-box-franchise h3 { font-size: 32px } } @media screen and (max-width: 480px) { #no-territory-container h1 { margin-top: 60px } #no-territory-container .quote-box-franchise { padding: 1.125rem; left: 10%; width: 250px; top: 30% } } .account-nav a.return-to-order, .checkout-nav a.return-to-order, .menu-item .menu-item-quantity, .menu-item-size label, .menu-item-size label.active, .menu-item-option label, .menu-item-option label.active { margin-bottom: 0.375rem; background-color: #e8ebeb; border: solid 1px #d4d7da; cursor: pointer; display: block } .no-item-images .item-image { display: none !important } .category-selector { position: relative; margin-bottom: 10px } .category-selector > div:after { content: ""; display: table; clear: both } .category-selector .search-menu { position: relative; display: inline; float: left; width: 60%; padding-right: 10px } .category-selector .search-menu i { position: absolute; left: 10px; top: 8px; font-size: 12px; color: #f3902f } .category-selector .search-menu #search { border: 2px solid #f3902f; padding-left: 24px; padding-right: 10px; width: 100%; transition: all 0.3s; font-weight: normal } .category-selector .search-menu #search:focus, .category-selector .search-menu #search:active { border-color: #e2760d } .category-selector .category-select-menu { position: relative; width: 40%; display: inline; float: left } .category-selector .category-select-menu:after { content: "▾"; position: absolute; right: 10px; top: 7px; color: #ccc } .category-selector .category-select-menu select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; width: 100% } .restaurant-menu .profile-logo { float: left; display: block; margin-right: 2.357652%; width: 23.231761%; width: 24%; padding: 0; margin-bottom: 0; margin-right: 5%; float: left } .restaurant-menu .profile-logo:last-child { margin-right: 0 } .restaurant-menu .profile-logo img.no-logo { max-width: 180px; max-height: 180px; padding: 10px } .restaurant-menu .restaurant-details { float: left; display: block; margin-right: 2.357652%; width: 65.880783%; float: left } .restaurant-menu .restaurant-details:last-child { margin-right: 0 } .restaurant-menu .restaurant-details .menu-header h1 { text-align: left; margin: 0 } .restaurant-menu .restaurant-details .restaurant-contact { background-color: inherit; padding: 2px; font-family: inherit; font-size: 16px; color: #333 } .restaurant-menu .restaurant-details .restaurant-contact .delivery-info span { padding-right: 6px } @media screen and (max-width: 480px) { .restaurant-menu .restaurant-details .restaurant-contact .delivery-info span { display: block } } .restaurant-menu .max-subtotal-alert { color: #bc2031; font-size: 16px; font-family: "urbana", sans-serif } .restaurant-menu .max-subtotal-alert .exclamation-icon { display: inline-block; vertical-align: middle; padding: 1px 7px 0 6px; border-radius: 10px; height: 20px; width: 20px; border: 2px solid #bc2031 } .restaurant-menu .max-subtotal-alert .exclamation-icon span { color: #bc2031; line-height: 0; font-weight: bold } .restaurant-menu #breadcrumb { margin-bottom: 0; border-bottom: 0 } .restaurant-menu .map-wrap { padding: 10px 10px 10px 40px; margin-top: 10px; margin-bottom: 10px; height: 250px; display: flex; align-items: center; justify-content: center } .restaurant-menu .backstretch { opacity: 0.4 } @media screen and (max-width: 768px) { .restaurant-menu .left-8col { height: auto; margin-right: 0; min-width: 100% } .restaurant-menu .restaurant-details { float: left; display: block; margin-right: 2.357652%; width: 65.880783% } .restaurant-menu .restaurant-details:last-child { margin-right: 0 } .restaurant-menu .profile-logo { float: left; display: block; margin-right: 2.357652%; width: 31.761566% } .restaurant-menu .profile-logo:last-child { margin-right: 0 } .restaurant-menu .map-wrap { flex-wrap: wrap; padding: 10px } } #categories h3 i.chevron, .top-products-region h3 i.chevron { display: none } @media screen and (max-width: 768px) { #categories h3, .top-products-region h3 { color: #4f5f66; font-size: 1.125rem; margin-top: 0.75rem; cursor: pointer } #categories h3 i.chevron, .top-products-region h3 i.chevron { display: inline; float: right; font-size: 0.75rem } #categories .menu-category.category-closed, .top-products-region .menu-category.category-closed { border-radius: 0; margin-bottom: 0 } #categories .menu-category.category-closed:not(:first-of-type), .top-products-region .menu-category.category-closed:not(:first-of-type) { border-top: solid 1px #cececf } #categories .menu-category.category-closed:not(:last-of-type), #categories .menu-category.category-closed.top-products-list, .top-products-region .menu-category.category-closed:not(:last-of-type), .top-products-region .menu-category.category-closed.top-products-list { margin-bottom: -1px; border-bottom: solid 1px #cececf } #categories .menu-category.category-closed .items, #categories .menu-category.category-closed .description, #categories .menu-category.category-closed .toggle-unavailable, .top-products-region .menu-category.category-closed .items, .top-products-region .menu-category.category-closed .description, .top-products-region .menu-category.category-closed .toggle-unavailable { display: none } #categories .menu-category:not(.category-closed), .top-products-region .menu-category:not(.category-closed) { margin-top: 0.75rem } } @media screen and (max-width: 480px) { .menu-app.cart { display: none } } .menu-item h1 { float: left; display: block; margin-right: 2.357652%; width: 57.350979%; color: #0a111e; font-family: "urbana", sans-serif; font-size: 1.875rem; line-height: 100%; margin-top: 1.125rem } .menu-item h1:last-child { margin-right: 0 } .menu-item .menu-item-header:after { content: ""; display: table; clear: both } .menu-item .price { float: left; display: block; margin-right: 2.357652%; width: 14.701957% } .menu-item .price:last-child { margin-right: 0 } .menu-item .total-price { color: #393; float: right; font-size: 1.875rem; margin-top: 1.125rem } .menu-item .unit-price { clear: right; float: right; margin: 0 } .menu-item .menu-item-quantity { float: left; display: block; margin-right: 2.357652%; width: 23.231761%; background-color: white; border: none; padding-left: 0 } .menu-item .menu-item-quantity:last-child { margin-right: 0 } .menu-item .menu-item-image { width: 100%; text-align: center } .menu-item .menu-item-image .menu-item-image-img { max-width: 450px; max-height: 300px; height: auto } .top-add-to-cart, .bottom-add-to-cart { margin-top: 1.875rem } .top-add-to-cart button.add-to-cart, .bottom-add-to-cart button.add-to-cart { background-color: #006dcc; border-radius: 4px; color: white; font-size: 1.3125rem; padding: 0.5625rem } .top-add-to-cart button.add-to-cart[disabled], .bottom-add-to-cart button.add-to-cart[disabled] { background-color: #bc2031 } .top-add-to-cart .spinner, .bottom-add-to-cart .spinner { float: left } .top-add-to-cart .cancel, .bottom-add-to-cart .cancel { float: right; padding-top: 0.75rem } @media screen and (max-width: 768px) { .menu-item .menu-item-header { margin-bottom: 0.5rem } .menu-item h1 { float: left; display: block; margin-right: 2.357652%; width: 48.821174%; font-size: 1.125rem; margin-bottom: 0.375rem } .menu-item h1:last-child { margin-right: 0 } .menu-item .menu-item-quantity { float: left; display: block; margin-right: 2.357652%; width: 31.761566%; padding-bottom: 0 } .menu-item .menu-item-quantity:last-child { margin-right: 0 } .menu-item .price { float: left; display: block; margin-right: 2.357652%; width: 14.701957%; margin-bottom: 0.375rem; padding-top: 1em } .menu-item .price:last-child { margin-right: 0 } .menu-item .price .unit-price { width: 50px } .menu-item .menu-item-image .menu-item-image-img { max-width: 300px; max-height: 200px; height: auto } .menu-item .total-price { font-size: 1.125rem; margin-top: 0 } .menu-item .unit-price { font-size: 0.75rem } .menu-item .top-add-to-cart, .menu-item .bottom-add-to-cart { margin-top: 1rem } .menu-item .add-to-cart.button { padding: 0.5rem 2rem } } .menu-item h3, .menu-option-group h3 { float: left; margin: 0.75rem 0 } .menu-item .menu-group-header:after, .menu-option-group .menu-group-header:after { content: ""; display: table; clear: both } .menu-item .menu-group-header .valid-label, .menu-option-group .menu-group-header .valid-label { width: 90px } .menu-item .menu-group-header h3, .menu-option-group .menu-group-header h3 { margin-top: 5px; float: left; display: block; margin-right: 2.357652%; width: 65.880783% } .menu-item .menu-group-header h3:last-child, .menu-option-group .menu-group-header h3:last-child { margin-right: 0 } @media screen and (max-width: 768px) { .menu-item .menu-group-header h3, .menu-option-group .menu-group-header h3 { float: left; display: block; margin-right: 2.357652%; width: 48.821174%; font-size: 1.2em } .menu-item .menu-group-header h3:last-child, .menu-option-group .menu-group-header h3:last-child { margin-right: 0 } } .menu-item .specialInstructions, .menu-option-group .specialInstructions { height: 75px } .menu-item-size { float: left; display: block; margin-right: 2.357652%; width: 31.761566% } .menu-item-size label { background-color: white } .menu-item-size label:before { font-family: "SSStandard"; font-size: 0.75rem; color: #d4d7da; content: "+"; margin-right: 0.375rem } .menu-item-size label:hover { background-color: #fffcf5; border: solid 1px #858585; color: #4f5f66 } .menu-item-size label:hover:before { color: #4f5f66 } .menu-item-size label:hover .option-price { color: #4f5f66 } .menu-item-size label.active { background-color: #edf5fb; border: solid 1px #7a858b; color: #176092 } .menu-item-size label.active:before { font-family: "orderup"; color: #176092; content: "✓" } .menu-item-size label.active:hover { background-color: #edf5fb; border: solid 1px #7a858b } .menu-item-size label.active .option-price { color: #176092 } .menu-item-size label.disabled { background-color: #eee; color: #999 } .menu-item-size label.disabled:before { color: #999; content: "✖" } .menu-item-size input[type="checkbox"], .menu-item-size input[type="radio"] { display: none } .menu-item-size .option-price { float: right; color: #d4d7da } .menu-item-size:last-child { margin-right: 0 } @media screen and (max-width: 768px) { .menu-item-size { float: left; display: block; margin-right: 2.357652%; width: 100% } .menu-item-size:last-child { margin-right: 0 } } .menu-item-size label:before { font-size: 0.65rem } .menu-item-option { float: left; display: block; margin-right: 2.357652%; width: 48.821174% } .menu-item-option label { background-color: white } .menu-item-option label:before { font-family: "SSStandard"; font-size: 0.75rem; color: #d4d7da; content: "+"; margin-right: 0.375rem } .menu-item-option label:hover { background-color: #fffcf5; border: solid 1px #858585; color: #4f5f66 } .menu-item-option label:hover:before { color: #4f5f66 } .menu-item-option label:hover .option-price { color: #4f5f66 } .menu-item-option label.active { background-color: #edf5fb; border: solid 1px #7a858b; color: #176092 } .menu-item-option label.active:before { font-family: "orderup"; color: #176092; content: "✓" } .menu-item-option label.active:hover { background-color: #edf5fb; border: solid 1px #7a858b } .menu-item-option label.active .option-price { color: #176092 } .menu-item-option label.disabled { background-color: #eee; color: #999 } .menu-item-option label.disabled:before { color: #999; content: "✖" } .menu-item-option input[type="checkbox"], .menu-item-option input[type="radio"] { display: none } .menu-item-option .option-price { float: right; color: #d4d7da } .menu-item-option:last-child { margin-right: 0 } .menu-item-option:nth-child(even) { margin-right: 0 } .menu-item-option label:before, .menu-item-option .option-price { color: black; float: left; display: block; margin-right: 2.357652%; width: 14.701957% } .menu-item-option label .option-modifier { display: none } .menu-item-option label div.option-price { float: right; display: inline-block } .menu-item-option label div.menu-option-name { width: 60%; display: inline-block } .menu-item-option label.active .option-modifier { display: inherit; margin-left: 16% } @media screen and (max-width: 960px) { .menu-item-option label { font-size: 14px } } @media screen and (max-width: 768px) { .menu-item-option { float: left; display: block; margin-right: 2.357652%; width: 100% } .menu-item-option:last-child { margin-right: 0 } .menu-item-option label { font-size: 16px } } #categories .menu-category, .top-products-region .menu-category { position: relative } #categories .menu-category h3, .top-products-region .menu-category h3 { padding-left: 20px } #categories .menu-category .available-from, .top-products-region .menu-category .available-from { position: absolute; top: 20px; right: 20px; font-size: 12px; font-weight: 300; background-color: #393; color: #fff; border-radius: 4px; padding: 0 5px } #categories .menu-category ul a, .top-products-region .menu-category ul a { padding: 10px } #categories .menu-category ul a .item-title, .top-products-region .menu-category ul a .item-title { float: left; display: block; margin-right: 2.357652%; width: 65.880783%; padding-left: 10px } #categories .menu-category ul a .item-title:last-child, .top-products-region .menu-category ul a .item-title:last-child { margin-right: 0 } #categories .menu-category ul a .item-title-with-image, .top-products-region .menu-category ul a .item-title-with-image { float: left; display: block; margin-right: 2.357652%; width: 48.821174% } #categories .menu-category ul a .item-title-with-image:last-child, .top-products-region .menu-category ul a .item-title-with-image:last-child { margin-right: 0 } #categories .menu-category ul a .item-image, .top-products-region .menu-category ul a .item-image { height: 90px; width: 90px; float: left; margin-right: 3px } #categories .menu-category ul a .item-image .empty-image, .top-products-region .menu-category ul a .item-image .empty-image { width: 100%; height: 100%; border-radius: 5px; border: 1px solid #FAFAFA } #categories .menu-category ul a .item-image img, .top-products-region .menu-category ul a .item-image img { max-width: 90px; max-height: 90px } #categories .menu-category ul a .item-price, .top-products-region .menu-category ul a .item-price { float: left; display: block; margin-right: 2.357652%; width: 31.761566%; padding-right: 10px; float: right; margin-right: 0; font-weight: 500; font-size: 14px } #categories .menu-category ul a .item-price:last-child, .top-products-region .menu-category ul a .item-price:last-child { margin-right: 0 } #categories .menu-category ul a .item-description, .top-products-region .menu-category ul a .item-description { float: left; display: block; margin-right: 2.357652%; width: 82.940391%; margin-bottom: 0 } #categories .menu-category ul a .item-description:last-child, .top-products-region .menu-category ul a .item-description:last-child { margin-right: 0 } #categories .menu-category ul a p, .top-products-region .menu-category ul a p { padding-left: 10px; padding-right: 10px } @media screen and (max-width: 768px) { #categories .menu-category p, .top-products-region .menu-category p { padding-left: 10px; padding-right: 10px } } @media screen and (max-width: 480px) { #categories .menu-category h3, .top-products-region .menu-category h3 { padding-left: 15px; margin-top: 15px } #categories .menu-category p, .top-products-region .menu-category p { padding-left: 10px; padding-right: 10px } #categories .menu-category ul a, .top-products-region .menu-category ul a { padding: 5px } #categories .menu-category ul a .item-title, .top-products-region .menu-category ul a .item-title { float: left; display: block; margin-right: 2.357652%; width: 74.410587%; padding-left: 10px; margin-right: 0 } #categories .menu-category ul a .item-title:last-child, .top-products-region .menu-category ul a .item-title:last-child { margin-right: 0 } #categories .menu-category ul a .item-title-with-image, .top-products-region .menu-category ul a .item-title-with-image { float: left; display: block; margin-right: 2.357652%; width: 48.821174% } #categories .menu-category ul a .item-title-with-image:last-child, .top-products-region .menu-category ul a .item-title-with-image:last-child { margin-right: 0 } #categories .menu-category ul a .item-image, .top-products-region .menu-category ul a .item-image { height: 90px; width: 90px; float: left; margin-right: 3px } #categories .menu-category ul a .item-price, .top-products-region .menu-category ul a .item-price { float: left; display: block; margin-right: 2.357652%; width: 23.231761%; padding-right: 10px; float: right; margin-right: 0 } #categories .menu-category ul a .item-price:last-child, .top-products-region .menu-category ul a .item-price:last-child { margin-right: 0 } #categories .menu-category ul a .item-description, .top-products-region .menu-category ul a .item-description { float: left; display: block; margin-right: 2.357652%; width: 74.410587%; margin-bottom: 0; padding-top: 0; padding-bottom: 10px } #categories .menu-category ul a .item-description:last-child, .top-products-region .menu-category ul a .item-description:last-child { margin-right: 0 } } .menu-app #categories .description, .menu-app .promotional-message { padding: 0.75rem } .menu-app #categories .description ol, .menu-app #categories .description ul, .menu-app #categories .description p, .menu-app #categories .description div, .menu-app .promotional-message ol, .menu-app .promotional-message ul, .menu-app .promotional-message p, .menu-app .promotional-message div { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: black; font-weight: 200; font-size: 14px; border: 0; color: #4f5f66; padding: 0; margin: 5px 0 0 0; list-style: none } .menu-app #categories .description ol a, .menu-app #categories .description ul a, .menu-app #categories .description p a, .menu-app #categories .description div a, .menu-app .promotional-message ol a, .menu-app .promotional-message ul a, .menu-app .promotional-message p a, .menu-app .promotional-message div a { color: #176092 } .menu-app #categories .description h1, .menu-app #categories .description h2, .menu-app #categories .description h3, .menu-app #categories .description h4, .menu-app #categories .description h5, .menu-app #categories .description h6, .menu-app .promotional-message h1, .menu-app .promotional-message h2, .menu-app .promotional-message h3, .menu-app .promotional-message h4, .menu-app .promotional-message h5, .menu-app .promotional-message h6 { font-family: "urbana", sans-serif; text-transform: uppercase; font-weight: 800; font-size: 20px; margin: 5px 0; color: #4f5f66 } .menu-app #categories .description hr, .menu-app .promotional-message hr { color: white; border: 0 } .menu-app #categories .description { padding: 0 0 0.75rem 20px } .menu-app #categories .description p { margin: 0 } .start-order .offers { padding: 0.75rem } .start-order .offers ol, .start-order .offers ul, .start-order .offers p, .start-order .offers div { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: black; font-weight: 200; font-size: 14px; border: 0; color: #625f57; padding: 0; margin: 5px 0 0 0; list-style: none } .start-order .offers ol a, .start-order .offers ul a, .start-order .offers p a, .start-order .offers div a { color: #176092 } .start-order .offers h1, .start-order .offers h2, .start-order .offers h3, .start-order .offers h4, .start-order .offers h5, .start-order .offers h6 { font-family: "urbana", sans-serif; text-transform: uppercase; font-weight: 800; font-size: 20px; margin: 5px 0; color: #625f57 } .start-order .offers hr { color: white; border: 0 } .menu-app #categories .menu-category .description h5 { display: block; padding: 0; background: none; float: left; text-align: left; width: 100% } .group-order-region { padding: 0; margin-bottom: 10px; border: 3px solid #eae3d6; border-radius: 6px; background-color: #fff } .group-order-region p { line-height: 1; color: #000; margin: 0 0 } .group-order-region .group-padding { padding: 0.375rem 1.125rem 1.5rem 1.125rem } .group-order-region h4 { padding: 1.125rem 1.125rem 0.75rem 1.125rem; font-size: 1.125rem; font-weight: normal } .group-order-region p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #4f5f66; font-size: 0.75rem } .group-order-region .group-icon { font-size: 24px; margin-right: 5px; vertical-align: bottom; position: relative } .group-order-region .welcome-group-order { color: #176092 } .group-order-region .welcome-group-order button { display: block; width: 100%; background: none } .group-order-region .welcome-group-order button:focus { outline: none } .group-order-region .new h4 { margin: 0 0; text-align: center } .group-order-region .new p { display: table; width: 100%; line-height: 1; margin: 0 0 } .group-order-region .new p span { display: table-cell; vertical-align: middle } .group-order-region .new p span:last-child { text-align: right } .group-order-region .new p button { background: #006dcc !important; border-radius: 10px; border: 0; box-shadow: none; color: #fff; display: block; font-family: "urbana", sans-serif; font-size: 24px; font-weight: 500; margin: 10px auto; padding: 18px 20px 15px 20px; text-decoration: none !important; border-radius: 4px; display: inline; padding: 4px 16px; line-height: 2; margin: 0; white-space: nowrap; font-size: 13px } .group-order-region .new p button:hover { background-color: #005fb3 !important; color: white !important; text-shadow: none } .group-order-region .new p button:active { background-color: #a61c2b !important; text-shadow: none } .group-order-region .new p button:focus { outline: 0 !important } .group-order-region .show p, .group-order-region .show h4 { margin: 0 0 } .group-order-region .show p { margin-bottom: 1rem; font-size: 0.875rem } .group-order-region .show h4 { color: #000; margin: 7px 0; border-bottom: 1px solid #eae3d6 } .group-order-region .show button.two-actions { font-size: 1.125rem; padding: 0.675rem } .group-order-region .show button.bright-blue { background-color: #006dcc !important } .group-order-region .show button#done-ordering { background-color: #006dcc !important; width: 48%; margin-right: 2% } @media screen and (max-width: 768px) { .group-order-region .show button#done-ordering { width: 100%; margin-right: 0 } } .group-order-region .show button#leave-order { background-color: #858585 !important; width: 48%; margin-left: 1% } @media screen and (max-width: 768px) { .group-order-region .show button#leave-order { margin-left: 0; width: 100% } } .group-order-region .show .share-link { padding: 12px 10px 10px 10px; background-color: #e8ebeb; border-radius: 4px; margin: 0; position: relative; display: inline-block; width: 100% } .group-order-region .show .share-link .url { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; word-wrap: break-word } .group-order-region .show .share-link button { background: #006dcc !important; border-radius: 10px; border: 0; box-shadow: none; color: #fff; display: block; font-family: "urbana", sans-serif; font-size: 24px; font-weight: 500; margin: 10px auto; padding: 18px 20px 15px 20px; text-decoration: none !important; border-radius: 4px; display: inline; margin: -5px; white-space: nowrap; padding: 4px 6px; font-size: 12px; float: right; position: absolute; right: 10px } .group-order-region .show .share-link button:hover { background-color: #005fb3 !important; color: white !important; text-shadow: none } .group-order-region .show .share-link button:active { background-color: #a61c2b !important; text-shadow: none } .group-order-region .show .share-link button:focus { outline: 0 !important } .group-order-region .show button.cancel-button { width: 30%; border-radius: 4px } @media screen and (max-width: 768px) { .group-order-region .show .share-link, .group-order-region .show button.cancel-button { margin-bottom: 10px; width: 100% } } #cancel-order { font-size: 1.125rem; padding: 0.675rem } .order-for-later-region { padding: 0; margin-bottom: 10px; border: 3px solid #eae3d6; border-radius: 6px; background-color: #fff } .order-for-later-region p { line-height: 1; color: #000; margin: 0 0 } .order-for-later-region .group-padding { padding: 0.375rem 1.125rem 1.5rem 1.125rem } .order-for-later-region h4 { padding: 1.125rem 1.125rem 0.75rem 1.125rem; font-size: 1.125rem; font-weight: normal } .order-for-later-region p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #4f5f66; font-size: 0.75rem } .order-for-later-region .group-icon { font-size: 24px; margin-right: 5px; vertical-align: bottom; position: relative } .order-for-later-region .welcome-group-order { color: #176092 } .order-for-later-region .welcome-group-order button { display: block; width: 100%; background: none } .order-for-later-region .welcome-group-order button:focus { outline: none } .order-for-later-region .offer h4, .order-for-later-region .sorry h4 { margin: 0 0; text-align: center } .order-for-later-region .offer p, .order-for-later-region .sorry p { display: table; width: 100% } .order-for-later-region .offer p span, .order-for-later-region .sorry p span { display: table-cell; vertical-align: middle } .order-for-later-region .offer p span:last-child, .order-for-later-region .sorry p span:last-child { text-align: right } .order-for-later-region .offer p button, .order-for-later-region .sorry p button { font-size: 13px; white-space: nowrap } .order-for-later-region .please-wait { background-color: #fff } .order-for-later-region .please-wait p { color: #000 } .order-for-later-region .chooser h4, .order-for-later-region .confirmation h4 { margin: 0 0; color: #000; margin: 7px 0; border-bottom: 1px solid #eae3d6 } .order-for-later-region .chooser button.two-actions, .order-for-later-region .confirmation button.two-actions { font-size: 1.125rem; padding: 0.675rem } .order-for-later-region .chooser button.bright-blue, .order-for-later-region .confirmation button.bright-blue { background-color: #006dcc !important; margin-left: 10px } .order-for-later-region .chooser button.bright-blue:focus, .order-for-later-region .confirmation button.bright-blue:focus { outline: none } .order-for-later-region .chooser p { color: #000 } .order-for-later-region .chooser p select, .order-for-later-region .chooser p option { font-weight: 700; margin: 2px 0 } .order-for-later-region .chooser p select, .order-for-later-region .chooser p button { height: 40px; width: 31% } .order-for-later-region .chooser p select:nth-child(2), .order-for-later-region .chooser p button:nth-child(2) { margin-left: 10px } @media screen and (max-width: 768px) { .order-for-later-region .chooser p select { width: 48%; margin-bottom: 10px } .order-for-later-region .chooser p select:nth-child(2) { margin-left: 2% } .order-for-later-region .chooser p button.bright-blue { width: 100%; margin-left: 0 } } .order-for-later-region .confirmation p.later-paragraph .styled-time { white-space: nowrap; font-weight: 700; padding: 0.7em 1em; color: #000; line-height: 2.7; background-color: #fff; border: 1px solid #cececf; border-radius: 4px } .order-for-later-region .confirmation p.later-paragraph button.bright-blue { font-size: 0.9375rem } .order-for-later-region .confirmation p.later-paragraph button.edit-later-button { font-size: 12px } .order-for-later-region .divider { margin: 0 5px } .two-actions { width: 49% } .mobile-cart-participant-actions { display: none } @media screen and (max-width: 480px) { .cart-participant-actions { display: none } .mobile-cart-participant-actions.is-active { display: block; background-color: white; border-top: solid 1px gray; bottom: 0; padding: 15px; position: fixed; width: 100%; z-index: 2 } } .group-order-region { margin-bottom: 10px } .menu-app .tabGroup ul.controls { display: table; width: 100%; margin: 0; padding: 0; list-style-type: none } .menu-app .tabGroup ul.controls > li { display: table-cell; width: 33%; line-height: 3; text-align: center; cursor: pointer; border-top: 1px solid #eae3d6; border-bottom: 1px solid #eae3d6; background-color: #ede8dd; color: #b5af95; font-style: italic } .menu-app .tabGroup ul.controls > li:first-child { border-left: 1px solid #eae3d6; border-top-left-radius: 6px; border-bottom-left-radius: 6px } .menu-app .tabGroup ul.controls > li:last-child { border-right: 1px solid #eae3d6; border-top-right-radius: 6px; border-bottom-right-radius: 6px } .menu-app .tabGroup ul.controls > li:hover { background-color: #f1ece3 } .menu-app .tabGroup ul.controls > li.selected { background-color: #fff; color: #000; font-style: normal } .menu-app .tabGroup ul.controls > li.selected:hover { background-color: none } .menu-app .tabGroup .tabs { padding: 10px 0 0 0 } .menu-app .tabGroup .tabs .info .payment-info dl dt, .menu-app .tabGroup .tabs .info .restaurant-hours dl dt { display: inline; width: 40% } .menu-app .tabGroup .tabs .info .payment-info dl dd, .menu-app .tabGroup .tabs .info .restaurant-hours dl dd { display: inline; width: 60%; color: #000 } .menu-app .tabGroup .tabs .info .payment-info span, .menu-app .tabGroup .tabs .info .restaurant-hours span { display: block } .menu-app .tabGroup .tabs .info dl.delivery-info { display: table; width: 40% } .menu-app .tabGroup .tabs .info dl.delivery-info dt, .menu-app .tabGroup .tabs .info dl.delivery-info dd { display: table-cell } .menu-app .tabGroup .tabs .info .restaurant-hours .today { color: #000 } .menu-app .tabGroup .tabs .info .payment-options img { margin-right: 10px } .menu-app .promotional-message-area { margin: 10px 0; padding: 20px; border: 1px solid #176092; border-radius: 6px; background-color: #fff; color: #333 } .menu-app .promotional-message-area ol, .menu-app .promotional-message-area ul, .menu-app .promotional-message-area p, .menu-app .promotional-message-area div { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: black; font-weight: 200; font-size: 14px; border: 0; color: #4f5f66; padding: 0; margin: 5px 0 0 0; list-style: none } .menu-app .promotional-message-area ol a, .menu-app .promotional-message-area ul a, .menu-app .promotional-message-area p a, .menu-app .promotional-message-area div a { color: #176092 } .menu-app .promotional-message-area h1, .menu-app .promotional-message-area h2, .menu-app .promotional-message-area h3, .menu-app .promotional-message-area h4, .menu-app .promotional-message-area h5, .menu-app .promotional-message-area h6 { font-family: "urbana", sans-serif; text-transform: uppercase; font-weight: 800; font-size: 20px; margin: 5px 0; color: #4f5f66 } .menu-app .promotional-message-area hr { color: white; border: 0 } .menu-app .mobile-estimated-delivery-time-region { display: none } @media screen and (max-width: 480px) { .menu-app .mobile-estimated-delivery-time-region { display: inherit; font-size: 14px; margin-bottom: 10px; text-align: center } } .right-4col.promoted-coupons-region { margin-right: 0; height: 100%; display: flex; align-items: center; justify-content: center } @media screen and (max-width: 768px) { .right-4col.promoted-coupons-region { height: auto; width: 100%; margin-right: 0 } } .promoted-coupons { padding: 5px 10px; border: 1px solid #176092; border-radius: 6px; background-color: #fff; color: #333 } .promoted-coupons ol, .promoted-coupons ul, .promoted-coupons p, .promoted-coupons div { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: black; font-weight: 200; font-size: 14px; border: 0; color: #4f5f66; padding: 0; margin: 5px 0 0 0; list-style: none } .promoted-coupons ol a, .promoted-coupons ul a, .promoted-coupons p a, .promoted-coupons div a { color: #176092 } .promoted-coupons h1, .promoted-coupons h2, .promoted-coupons h3, .promoted-coupons h4, .promoted-coupons h5, .promoted-coupons h6 { font-family: "urbana", sans-serif; text-transform: uppercase; font-weight: 800; font-size: 20px; margin: 5px 0; color: #4f5f66 } .promoted-coupons hr { color: white; border: 0 } body { padding-top: 4.125rem } header#top-bar { -webkit-transition: background 150ms; -moz-transition: background 150ms; transition: background 150ms; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0.5px 2px 0 rgba(50, 50, 50, 0.25); left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 10000 } header#top-bar nav { max-width: 960px; margin: 0 auto; padding: 0.375rem } header#top-bar nav:after { content: ""; display: table; clear: both } header#top-bar nav .logo { display: block; overflow: hidden; vertical-align: baseline; float: left } header#top-bar nav .logo span { margin-right: 0.75rem } header#top-bar nav .logo.localbrand, header#top-bar nav .logo.cobrand { position: relative } header#top-bar nav .logo, header#top-bar nav .logo a, header#top-bar nav .logo img { -webkit-transition: all 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5); -moz-transition: all 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5); transition: all 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5) } header#top-bar nav .logo a { display: block } header#top-bar nav .logo, header#top-bar nav .logo img { max-height: 3.375rem; margin-top: 0.15rem } header#top-bar nav .logo img { display: block } header#top-bar nav .market-name { display: inline-block; margin: 35px 0 0 10px; padding-left: 10px } header#top-bar nav .market-name h2 { margin: 0; vertical-align: center } header#top-bar nav .logo.cobrand a { text-decoration: none } header#top-bar nav .logo.cobrand img { display: inline-block } header#top-bar nav .logo.cobrand span.powered-by-mobile { display: none } header#top-bar nav .logo.cobrand .powered-by-orderup { vertical-align: bottom; display: inline-block } header#top-bar nav .logo.cobrand .powered-by-orderup span { color: white; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200; margin-right: 6px } header#top-bar nav .logo.cobrand .powered-by-orderup img { max-height: 1.875rem } header#top-bar nav ul.account { clear: right; margin-right: 0; display: inline-block; float: right; margin: 8px 0 0 0; vertical-align: baseline; list-style: none } header#top-bar nav ul.account .not-mobile-only { display: inline-block } @media (max-width: 500px) { header#top-bar nav ul.account .not-mobile-only { display: none } } header#top-bar nav ul.account li { float: left; font-size: 0.9375rem; font-family: "urbana", sans-serif; position: relative } header#top-bar nav ul.account li.user { margin-right: 0.5rem } header#top-bar nav ul.account li.user + .user { margin-left: -0.5rem } header#top-bar nav ul.account li.chat-nav .chat-bubble-icon { display: inline-block; margin-left: 5px; font-size: 26px; vertical-align: middle } header#top-bar nav ul.account li a, header#top-bar nav ul.account li label, header#top-bar nav ul.account li .chat-now-text { border: 1px solid transparent; color: #bc2031; cursor: pointer; font-size: 18px; height: 2.5rem; line-height: 2.4rem; padding: 0 0.4rem; text-decoration: none; position: relative; display: inline-block } header#top-bar nav ul.account li a i, header#top-bar nav ul.account li label i, header#top-bar nav ul.account li .chat-now-text i { font-size: 0.75rem } header#top-bar nav ul.account li.cart a { border-color: #bc2031; border-radius: 4px; padding: 0; text-align: center; width: 2.5rem } header#top-bar nav ul.account li.cart a:hover { background-color: #bc2031; color: white } header#top-bar nav ul.account li #account_menu_toggle { display: none; height: 0; position: absolute; width: 0 } header#top-bar nav ul.account li #account_menu_toggle:checked + label:after { bottom: 0; content: ""; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1000 } header#top-bar nav ul.account li #account_menu_toggle:checked + label ~ ul.secondary-nav { display: block; height: auto; margin-top: 0; opacity: 1; min-width: 100%; width: auto; z-index: 1001 } header#top-bar nav ul.account li ul.secondary-nav { -webkit-transition: margin 300ms, opacity 300ms; -moz-transition: margin 300ms, opacity 300ms; transition: margin 300ms, opacity 300ms; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 0.5px 2px 0 rgba(50, 50, 50, 0.25); height: 0; margin: -30px 0 0 0; opacity: 0; overflow: hidden; position: absolute; text-align: center; top: 100%; width: 0; z-index: -1 } header#top-bar nav ul.account li ul.secondary-nav li { color: #bc2031; display: block; padding: 0; white-space: nowrap; width: 100% } header#top-bar nav ul.account li ul.secondary-nav li:hover { color: white; background-color: #bc2031 } header#top-bar nav ul.account li ul.secondary-nav li a { display: block; line-height: normal; text-align: center; padding: 10px 5px 10px 5px; color: inherit } @media screen and (max-width: 768px) { .outer-container { float: left; display: block; margin-right: 3.578664%; width: 100% } .outer-container:last-child { margin-right: 0 } header#top-bar nav { min-height: 66px } header#top-bar nav .market-name { display: none } header#top-bar nav a#mobile-account .cart { display: none } header#top-bar nav .logo .cobranded-desktop, header#top-bar nav .logo .cobranded-mobile, header#top-bar nav .logo .localbrand-desktop, header#top-bar nav .logo .localbrand-mobile { max-width: 100% } header#top-bar nav .powered-by-orderup span { font-size: 0.65625rem; margin-right: 5px; vertical-align: center } header#top-bar nav .powered-by-orderup img { clear: right; margin-top: -0.9375rem; display: inline-block } header#top-bar nav .logo.cobrand a { text-decoration: none } header#top-bar nav .logo.cobrand .powered-by-orderup span.powered-by-text { display: none } header#top-bar nav .logo.cobrand .powered-by-orderup span.powered-by-mobile { display: inline-block } header#top-bar nav .logo.cobrand .powered-by-orderup img { max-height: 1.4rem } header#top-bar nav .logo.cobrand, header#top-bar nav .logo.localbrand { position: absolute; top: 50%; transform: translatey(-50%) } header#top-bar nav .logo.cobrand img, header#top-bar nav .logo.localbrand img { max-width: 150px } header#top-bar nav ul.account li.chat-nav .hide-chat-when-tablet { display: none } header#top-bar nav ul.account ul.secondary-nav { margin-top: 13px } } @media screen and (max-width: 480px) { .not-mobile-only { display: none } body { padding-top: 3.375rem } header#top-bar nav { min-height: 0 } header#top-bar nav .logo, header#top-bar nav .logo img { max-height: 2.625rem } header#top-bar nav .logo.cobrand span.powered-by-text, header#top-bar nav .logo.localbrand span.powered-by-text { display: none } header#top-bar nav .logo.cobrand span.powered-by-mobile, header#top-bar nav .logo.localbrand span.powered-by-mobile { display: inline-block } header#top-bar nav .logo.cobrand .powered-by-orderup, header#top-bar nav .logo.localbrand .powered-by-orderup { transform: translatey(20%) } header#top-bar nav .logo.cobrand .powered-by-orderup img, header#top-bar nav .logo.localbrand .powered-by-orderup img { max-height: 1.4rem; margin-top: 0 } header#top-bar nav .logo.cobrand img, header#top-bar nav .logo.localbrand img { max-width: 93px } header#top-bar nav ul.account { margin-top: 0 } header#top-bar nav ul.account i.ss-user, header#top-bar nav ul.account i.ss-cart { font-size: 100% } header#top-bar nav ul.account ul.secondary-nav { right: 0%; margin-top: 9px } } .home-show header#top-bar .logo a:before, .landing_page-apps header#top-bar .logo a:before, .landing_page-whyorderup header#top-bar .logo a:before, .markets-coming_soon header#top-bar .logo a:before, .company-about header#top-bar .logo a:before, .landing_page-nomarket header#top-bar .logo a:before, .landing_page-groupon_discount header#top-bar .logo a:before { background: url(/assets/logo-ce721b311280f2cc160d3578a891b18a.png) left top no-repeat; background-size: contain; content: ""; display: block; height: 3.375rem; width: 100% } .home-show:not(.scrolled) header#top-bar, .landing_page-apps:not(.scrolled) header#top-bar, .landing_page-whyorderup:not(.scrolled) header#top-bar, .markets-coming_soon:not(.scrolled) header#top-bar, .company-about:not(.scrolled) header#top-bar, .landing_page-nomarket:not(.scrolled) header#top-bar, .landing_page-groupon_discount:not(.scrolled) header#top-bar { background-color: transparent; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); box-shadow: none; padding-top: 3rem; position: absolute } @media screen and (max-width: 480px) { .home-show:not(.scrolled) header#top-bar, .landing_page-apps:not(.scrolled) header#top-bar, .landing_page-whyorderup:not(.scrolled) header#top-bar, .markets-coming_soon:not(.scrolled) header#top-bar, .company-about:not(.scrolled) header#top-bar, .landing_page-nomarket:not(.scrolled) header#top-bar, .landing_page-groupon_discount:not(.scrolled) header#top-bar { padding-top: 10px } } @media screen and (max-width: 768px) { .home-show:not(.scrolled) header#top-bar, .landing_page-apps:not(.scrolled) header#top-bar, .landing_page-whyorderup:not(.scrolled) header#top-bar, .markets-coming_soon:not(.scrolled) header#top-bar, .company-about:not(.scrolled) header#top-bar, .landing_page-nomarket:not(.scrolled) header#top-bar, .landing_page-groupon_discount:not(.scrolled) header#top-bar { top: 0 } } .home-show:not(.scrolled) header#top-bar nav ul li, .landing_page-apps:not(.scrolled) header#top-bar nav ul li, .landing_page-whyorderup:not(.scrolled) header#top-bar nav ul li, .markets-coming_soon:not(.scrolled) header#top-bar nav ul li, .company-about:not(.scrolled) header#top-bar nav ul li, .landing_page-nomarket:not(.scrolled) header#top-bar nav ul li, .landing_page-groupon_discount:not(.scrolled) header#top-bar nav ul li { -webkit-transition: border-color 150ms; -moz-transition: border-color 150ms; transition: border-color 150ms; border-color: white !important } .home-show:not(.scrolled) header#top-bar nav ul li a, .home-show:not(.scrolled) header#top-bar nav ul li label, .home-show:not(.scrolled) header#top-bar nav ul li i, .landing_page-apps:not(.scrolled) header#top-bar nav ul li a, .landing_page-apps:not(.scrolled) header#top-bar nav ul li label, .landing_page-apps:not(.scrolled) header#top-bar nav ul li i, .landing_page-whyorderup:not(.scrolled) header#top-bar nav ul li a, .landing_page-whyorderup:not(.scrolled) header#top-bar nav ul li label, .landing_page-whyorderup:not(.scrolled) header#top-bar nav ul li i, .markets-coming_soon:not(.scrolled) header#top-bar nav ul li a, .markets-coming_soon:not(.scrolled) header#top-bar nav ul li label, .markets-coming_soon:not(.scrolled) header#top-bar nav ul li i, .company-about:not(.scrolled) header#top-bar nav ul li a, .company-about:not(.scrolled) header#top-bar nav ul li label, .company-about:not(.scrolled) header#top-bar nav ul li i, .landing_page-nomarket:not(.scrolled) header#top-bar nav ul li a, .landing_page-nomarket:not(.scrolled) header#top-bar nav ul li label, .landing_page-nomarket:not(.scrolled) header#top-bar nav ul li i, .landing_page-groupon_discount:not(.scrolled) header#top-bar nav ul li a, .landing_page-groupon_discount:not(.scrolled) header#top-bar nav ul li label, .landing_page-groupon_discount:not(.scrolled) header#top-bar nav ul li i { -webkit-transition: color 150ms; -moz-transition: color 150ms; transition: color 150ms; color: white } .home-show:not(.scrolled) header#top-bar nav ul li.chat-nav span, .landing_page-apps:not(.scrolled) header#top-bar nav ul li.chat-nav span, .landing_page-whyorderup:not(.scrolled) header#top-bar nav ul li.chat-nav span, .markets-coming_soon:not(.scrolled) header#top-bar nav ul li.chat-nav span, .company-about:not(.scrolled) header#top-bar nav ul li.chat-nav span, .landing_page-nomarket:not(.scrolled) header#top-bar nav ul li.chat-nav span, .landing_page-groupon_discount:not(.scrolled) header#top-bar nav ul li.chat-nav span { color: white } .home-show:not(.scrolled) header#top-bar nav ul li.cart a, .home-show:not(.scrolled) header#top-bar nav ul li.cart label, .landing_page-apps:not(.scrolled) header#top-bar nav ul li.cart a, .landing_page-apps:not(.scrolled) header#top-bar nav ul li.cart label, .landing_page-whyorderup:not(.scrolled) header#top-bar nav ul li.cart a, .landing_page-whyorderup:not(.scrolled) header#top-bar nav ul li.cart label, .markets-coming_soon:not(.scrolled) header#top-bar nav ul li.cart a, .markets-coming_soon:not(.scrolled) header#top-bar nav ul li.cart label, .company-about:not(.scrolled) header#top-bar nav ul li.cart a, .company-about:not(.scrolled) header#top-bar nav ul li.cart label, .landing_page-nomarket:not(.scrolled) header#top-bar nav ul li.cart a, .landing_page-nomarket:not(.scrolled) header#top-bar nav ul li.cart label, .landing_page-groupon_discount:not(.scrolled) header#top-bar nav ul li.cart a, .landing_page-groupon_discount:not(.scrolled) header#top-bar nav ul li.cart label { border-color: white } .home-show:not(.scrolled) header#top-bar nav ul li.cart a:hover, .home-show:not(.scrolled) header#top-bar nav ul li.cart a:hover i, .home-show:not(.scrolled) header#top-bar nav ul li.cart label:hover, .home-show:not(.scrolled) header#top-bar nav ul li.cart label:hover i, .landing_page-apps:not(.scrolled) header#top-bar nav ul li.cart a:hover, .landing_page-apps:not(.scrolled) header#top-bar nav ul li.cart a:hover i, .landing_page-apps:not(.scrolled) header#top-bar nav ul li.cart label:hover, .landing_page-apps:not(.scrolled) header#top-bar nav ul li.cart label:hover i, .landing_page-whyorderup:not(.scrolled) header#top-bar nav ul li.cart a:hover, .landing_page-whyorderup:not(.scrolled) header#top-bar nav ul li.cart a:hover i, .landing_page-whyorderup:not(.scrolled) header#top-bar nav ul li.cart label:hover, .landing_page-whyorderup:not(.scrolled) header#top-bar nav ul li.cart label:hover i, .markets-coming_soon:not(.scrolled) header#top-bar nav ul li.cart a:hover, .markets-coming_soon:not(.scrolled) header#top-bar nav ul li.cart a:hover i, .markets-coming_soon:not(.scrolled) header#top-bar nav ul li.cart label:hover, .markets-coming_soon:not(.scrolled) header#top-bar nav ul li.cart label:hover i, .company-about:not(.scrolled) header#top-bar nav ul li.cart a:hover, .company-about:not(.scrolled) header#top-bar nav ul li.cart a:hover i, .company-about:not(.scrolled) header#top-bar nav ul li.cart label:hover, .company-about:not(.scrolled) header#top-bar nav ul li.cart label:hover i, .landing_page-nomarket:not(.scrolled) header#top-bar nav ul li.cart a:hover, .landing_page-nomarket:not(.scrolled) header#top-bar nav ul li.cart a:hover i, .landing_page-nomarket:not(.scrolled) header#top-bar nav ul li.cart label:hover, .landing_page-nomarket:not(.scrolled) header#top-bar nav ul li.cart label:hover i, .landing_page-groupon_discount:not(.scrolled) header#top-bar nav ul li.cart a:hover, .landing_page-groupon_discount:not(.scrolled) header#top-bar nav ul li.cart a:hover i, .landing_page-groupon_discount:not(.scrolled) header#top-bar nav ul li.cart label:hover, .landing_page-groupon_discount:not(.scrolled) header#top-bar nav ul li.cart label:hover i { background-color: white; color: #bc2031 !important } .home-show.scrolled header#top-bar .logo a, .landing_page-apps.scrolled header#top-bar .logo a, .landing_page-whyorderup.scrolled header#top-bar .logo a, .markets-coming_soon.scrolled header#top-bar .logo a, .company-about.scrolled header#top-bar .logo a, .landing_page-nomarket.scrolled header#top-bar .logo a, .landing_page-groupon_discount.scrolled header#top-bar .logo a { -webkit-transform: translatey(-3.375rem); -moz-transform: translatey(-3.375rem); -ms-transform: translatey(-3.375rem); -o-transform: translatey(-3.375rem); transform: translatey(-3.375rem) } .gift_cards-new:not(.scrolled) header#top-bar, .gift_card_checkouts-new:not(.scrolled) header#top-bar, .gift_card_checkouts-show:not(.scrolled) header#top-bar { background-color: transparent; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) } #breadcrumb { border-bottom: solid 1px #eae3d6; font-size: 1.125rem; margin-bottom: 1.5rem; padding: 1rem 0 0.5rem 0.5rem } #breadcrumb a { color: #bc2031 } #breadcrumb .switch-menu a { color: inherit; font-size: 12px; font-weight: 400; white-space: nowrap; padding-left: 1em } #breadcrumb .separator { color: #858585; margin: 0 0.75rem } @media screen and (max-width: 480px) { #breadcrumb { font-size: 14px; padding: 0 0 0.5rem 0.75rem } } footer { margin-top: 1.125rem; padding: 0 2.25rem } footer a { color: #858585; font-weight: normal } footer ul, footer p { margin-top: 0.375rem } footer .outer-container { max-width: 60em; margin-left: auto; margin-right: auto } footer .outer-container:after { content: ""; display: table; clear: both } footer .outer-container p.copy-notice { float: left; display: block; margin-right: 2.357652%; width: 100%; font-size: 0.9375rem; font-weight: normal; line-height: 1.5rem; margin-top: 1.5rem; text-align: center } footer .outer-container p.copy-notice:last-child { margin-right: 0 } footer .outer-container p.copy-notice a { color: #b5af95; text-decoration: none } footer .outer-container p.copy-notice img { margin: 0 10px -4px 0 } footer .local-social-container { padding: 15px 0; clear: both; position: relative } footer .local-social-container .social-icons { float: left; display: block; margin-right: 2.357652%; width: 65.880783%; margin: 15px auto; text-align: center } footer .local-social-container .social-icons:after { content: ""; display: table; clear: both } footer .local-social-container .social-icons:last-child { margin-right: 0 } footer .local-social-container .social-icons .btn-social { background: white; border-radius: 10px; padding: 20px; float: right; background-color: #efefef; display: inline-block; text-align: center; margin-right: 15px } footer .local-social-container .social-icons .btn-social i { padding-right: 5px } footer .local-social-container .social-icons .btn-social i.ss-twitter { color: #00acee } footer .local-social-container .social-icons .btn-social i.ss-facebook { color: #3b5998 } footer .local-social-container .social-icons a { color: #777; font-weight: 700; font-size: 24px; text-decoration: none; display: inline-block; text-transform: uppercase; text-align: center } footer .local-social-container .social-icons a:hover { background: #e8e8e8 !important; color: #333 !important } footer .local-social-container .social-icons a:active { background: #d1d1d1 !important } footer .local-social-container .market-owner { margin-top: 15px; min-width: 300px; float: left; display: block; margin-right: 2.357652%; width: 31.761566%; margin-right: 0; border-left: 1px solid #eee; margin-top: 20px } footer .local-social-container .market-owner:last-child { margin-right: 0 } footer .local-social-container .market-owner .marketing-owner-avatar { display: inline-block; width: 100px } footer .local-social-container .market-owner .marketing-owner-avatar img { height: 60px; float: left; display: inline-block; margin: 5px 10px 0 20px; vertical-align: bottom } footer .local-social-container .market-owner .market-owner-info { display: inline-block; margin-right: 0; color: #999 } footer .local-social-container .market-owner .market-owner-info h6 { font-family: "urbana", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 16px; text-transform: uppercase; margin: 10px 0 5px 0 } footer .local-social-container .market-owner .market-owner-info p { margin: 0 0 5px 0; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200 } footer .orderuphq-social { float: left; display: block; margin-right: 2.357652%; width: 100% } footer .orderuphq-social:last-child { margin-right: 0 } footer .orderuphq-social h5 { font-size: 1.125rem; font-weight: 500; margin-bottom: 0 } footer .orderuphq-social .column { float: left; display: block; margin-right: 2.357652%; width: 14.701957% } footer .orderuphq-social .column:last-child { margin-right: 0 } footer .orderuphq-social ul li { font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 100; line-height: 1.5rem; margin: 5px 0 } footer .orderuphq-social ul li a { color: #b5af95; text-decoration: none } footer #localup-cta-callout.column { float: left; display: block; margin-right: 2.357652%; width: 48.821174%; margin-right: 0 } footer #localup-cta-callout.column:last-child { margin-right: 0 } footer #localup-cta-callout.column p, footer #localup-cta-callout.column p a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 175%; margin-bottom: 0 } footer #localup-cta-callout.column p a, footer #localup-cta-callout.column p a a { color: #b5af95; text-decoration: none } @media screen and (max-width: 960px) { footer.footer { width: 100%; margin-top: 1.125rem; padding: 0 1.125rem } footer.footer .local-social-container .social-icons { float: left; display: block; margin-right: 2.357652%; width: 57.350979%; margin-left: 25.589413%; text-align: center } footer.footer .local-social-container .social-icons:after { content: ""; display: table; clear: both } footer.footer .local-social-container .social-icons:last-child { margin-right: 0 } footer.footer .local-social-container .social-icons .btn-social { float: right; text-align: center; margin-top: 15px; margin-bottom: 0; padding: 15px; font-size: 18px } footer.footer .local-social-container .market-owner { text-align: center; margin: 0 auto; width: 100%; border-left: 0 } footer.footer .local-social-container .market-owner .marketing-owner-avatar { width: 80px } footer.footer .local-social-container .market-owner .avatar { margin-left: 10px } footer.footer .local-social-container .market-owner .market-owner-info { margin-left: 15px } footer.footer .orderuphq-social .column { float: left; display: block; margin-right: 3.168436%; width: 31.221043% } footer.footer .orderuphq-social .column:last-child { margin-right: 0 } footer.footer .orderuphq-social .column:nth-child(3) { margin-right: 0 } footer.footer .orderuphq-social .column:nth-child(3+1) { clear: left } footer.footer .orderuphq-social .column.account-column { display: none } footer.footer #localup-cta-callout.column { float: left; display: block; margin-right: 4.829158%; width: 100% } footer.footer #localup-cta-callout.column:last-child { margin-right: 0 } } @media screen and (max-width: 768px) { footer.footer .local-social-container .social-icons { float: left; display: block; margin-right: 2.357652%; width: 82.940391%; margin-left: 8.529804% } footer.footer .local-social-container .social-icons:last-child { margin-right: 0 } } @media screen and (max-width: 480px) { footer.footer .local-social-container .social-icons .btn-social { float: none; padding: 12px; font-size: 14px; margin-right: 0 } footer.footer .local-social-container .social-icons .btn-social.facebook-box { margin-right: 15px } footer.footer .local-social-container .market-owner { text-align: center; margin: 0 auto; width: 100%; min-width: 0 } footer.footer .local-social-container .market-owner .marketing-owner-avatar { width: 80px } footer.footer .local-social-container .market-owner .avatar { margin-left: 10px } footer.footer .local-social-container .market-owner .market-owner-info { margin-left: 15px } footer.footer .orderuphq-social .column { float: left; display: block; margin-right: 4.829158%; width: 100% } footer.footer .orderuphq-social .column:last-child { margin-right: 0 } footer.footer .orderuphq-social .column.account-column { display: inline-block; padding-bottom: 30px } footer.footer .orderuphq-social .column ul li { display: inline-block; float: left; width: 50% } footer.footer .orderuphq-social .column ul li.full-width { width: 100% } footer.footer #localup-cta-callout.column { display: none } footer.footer .copy-notice { border-top: solid 1px #eae3d6; padding-top: 0.75rem } footer.footer .copy-notice img { display: none } } .code_redemption-show .app-callouts, .code_redemption-sms_sent .app-callouts, .code_redemption-thanks .app-callouts { border-top: solid 1px #efefef; padding: 30px } .code_redemption-show .app-callouts h2, .code_redemption-sms_sent .app-callouts h2, .code_redemption-thanks .app-callouts h2 { font-size: 1.5rem } .code_redemption-show .app-callouts a, .code_redemption-sms_sent .app-callouts a, .code_redemption-thanks .app-callouts a { display: inline-block; width: 50%; text-align: center } .code_redemption-show .app-callouts a img, .code_redemption-sms_sent .app-callouts a img, .code_redemption-thanks .app-callouts a img { width: 150px } @media screen and (max-width: 480px) { .code_redemption-show .app-callouts, .code_redemption-sms_sent .app-callouts, .code_redemption-thanks .app-callouts { padding: 10px 30px } .code_redemption-show .app-callouts a, .code_redemption-sms_sent .app-callouts a, .code_redemption-thanks .app-callouts a { width: 100% } } .code_redemption-show .web-signup-button, .code_redemption-sms_sent .web-signup-button, .code_redemption-thanks .web-signup-button { padding-top: 30px } .code_redemption-show .landing-photo-section, .code_redemption-sms_sent .landing-photo-section, .code_redemption-thanks .landing-photo-section { margin-bottom: 40px; background-image: url(/assets/front_end/app-with-food-0375a13464dd9e85cbeff523b50fdaa9.jpg); background-position: center bottom } @media (max-width: 1200px) { .code_redemption-show .landing-photo-section, .code_redemption-sms_sent .landing-photo-section, .code_redemption-thanks .landing-photo-section { background-size: 125% auto } } @media screen and (max-width: 480px) { .code_redemption-show .landing-photo-section, .code_redemption-sms_sent .landing-photo-section, .code_redemption-thanks .landing-photo-section { background-size: 300% auto } } .code_redemption-show .ou-utility-form h3, .code_redemption-sms_sent .ou-utility-form h3, .code_redemption-thanks .ou-utility-form h3 { font-weight: 400 !important; line-height: 1.4 } .code_redemption-show .mobile-view, .code_redemption-sms_sent .mobile-view, .code_redemption-thanks .mobile-view { display: none } .code_redemption-show .blue-full-width-button, .code_redemption-sms_sent .blue-full-width-button, .code_redemption-thanks .blue-full-width-button { background: #bc2031; border: solid 1px #bc2031; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; width: 100%; color: white; padding: 12px; transition: all 0.4s; display: block; text-align: center } .code_redemption-show .blue-full-width-button:hover, .code_redemption-sms_sent .blue-full-width-button:hover, .code_redemption-thanks .blue-full-width-button:hover { background: #104366; border-color: #104366 } .code_redemption-show .blue-full-width-button:focus, .code_redemption-sms_sent .blue-full-width-button:focus, .code_redemption-thanks .blue-full-width-button:focus { outline: none } .code_redemption-show .enter-address-section, .code_redemption-sms_sent .enter-address-section, .code_redemption-thanks .enter-address-section { margin: 200px 0 150px 0 } .code_redemption-show .enter-address-section .desktop-headline .headline-2, .code_redemption-sms_sent .enter-address-section .desktop-headline .headline-2, .code_redemption-thanks .enter-address-section .desktop-headline .headline-2 { max-width: 660px; margin: 0 auto; line-height: 1.2 } @media screen and (max-width: 480px) { .code_redemption-show .enter-address-section, .code_redemption-sms_sent .enter-address-section, .code_redemption-thanks .enter-address-section { margin: 80px auto 20px } } .code_redemption-show .center, .code_redemption-sms_sent .center, .code_redemption-thanks .center { max-width: 400px; margin: 0 auto; padding: 15px; position: relative; z-index: 1 } .code_redemption-show .center .inner, .code_redemption-sms_sent .center .inner, .code_redemption-thanks .center .inner { background: white; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); border-radius: 4px } .code_redemption-show .center .inner .form-heading, .code_redemption-sms_sent .center .inner .form-heading, .code_redemption-thanks .center .inner .form-heading { padding: 20px } .code_redemption-show .center .inner .form-title, .code_redemption-sms_sent .center .inner .form-title, .code_redemption-thanks .center .inner .form-title { margin: 0; font-size: 1.5rem; color: #1b1b1b; font-weight: bold } .code_redemption-show .center .inner label, .code_redemption-sms_sent .center .inner label, .code_redemption-thanks .center .inner label { padding-left: 3px; margin-bottom: 0.2rem; font-size: 0.875rem; color: #1b1b1b } .code_redemption-show .center .inner .form-body, .code_redemption-sms_sent .center .inner .form-body, .code_redemption-thanks .center .inner .form-body { padding: 20px } .code_redemption-show .bump-message, .code_redemption-sms_sent .bump-message, .code_redemption-thanks .bump-message { text-align: left; margin-bottom: 40px } .code_redemption-show .bump-message p, .code_redemption-sms_sent .bump-message p, .code_redemption-thanks .bump-message p { font-size: 1.25rem; line-height: 1.7 } .code_redemption-show .text-link input, .code_redemption-sms_sent .text-link input, .code_redemption-thanks .text-link input { padding: 10px 10px; height: 100%; width: 100% } .code_redemption-show .actions, .code_redemption-sms_sent .actions, .code_redemption-thanks .actions { margin: 40px 0 8px } .code_redemption-show a.app-link, .code_redemption-sms_sent a.app-link, .code_redemption-thanks a.app-link { padding: 20px; border: solid 1px #ccc; text-align: center; display: inline-block; margin-right: 4%; width: 48%; border-radius: 4px; text-decoration: none } .code_redemption-show a.app-link:hover, .code_redemption-sms_sent a.app-link:hover, .code_redemption-thanks a.app-link:hover { border: solid 1px #393; color: #393 } .code_redemption-show a.app-link:focus, .code_redemption-sms_sent a.app-link:focus, .code_redemption-thanks a.app-link:focus { outline: none } .code_redemption-show a.app-link.last, .code_redemption-sms_sent a.app-link.last, .code_redemption-thanks a.app-link.last { margin-right: 0 } .code_redemption-show a.app-link.last.center-button, .code_redemption-sms_sent a.app-link.last.center-button, .code_redemption-thanks a.app-link.last.center-button { display: block; margin: 0 auto } .code_redemption-show a.app-link span, .code_redemption-sms_sent a.app-link span, .code_redemption-thanks a.app-link span { margin-right: 5px } @media screen and (max-width: 480px) { .code_redemption-show .desktop-view, .code_redemption-sms_sent .desktop-view, .code_redemption-thanks .desktop-view { display: none } .code_redemption-show .mobile-view, .code_redemption-sms_sent .mobile-view, .code_redemption-thanks .mobile-view { display: block } .code_redemption-show .ou-utility-form, .code_redemption-sms_sent .ou-utility-form, .code_redemption-thanks .ou-utility-form { margin: 40px auto !important } .code_redemption-show .desktop-headline, .code_redemption-sms_sent .desktop-headline, .code_redemption-thanks .desktop-headline { margin: 0 auto } .code_redemption-show .desktop-headline .headline-2, .code_redemption-sms_sent .desktop-headline .headline-2, .code_redemption-thanks .desktop-headline .headline-2 { font-family: "urbana", sans-serif !important; font-size: 28px !important; line-height: 120% !important } .code_redemption-show .ou-utility-form.main .inner, .code_redemption-sms_sent .ou-utility-form.main .inner, .code_redemption-thanks .ou-utility-form.main .inner { background: transparent } .code_redemption-show .ou-utility-form.main .inner .form-header, .code_redemption-sms_sent .ou-utility-form.main .inner .form-header, .code_redemption-thanks .ou-utility-form.main .inner .form-header { display: none } .code_redemption-show .ou-utility-form.main .inner .footnote, .code_redemption-sms_sent .ou-utility-form.main .inner .footnote, .code_redemption-thanks .ou-utility-form.main .inner .footnote { text-align: center; color: rgba(255, 255, 255, 0.8); margin-top: 40px } .code_redemption-show .action-bar > a, .code_redemption-sms_sent .action-bar > a, .code_redemption-thanks .action-bar > a { display: block; text-align: center } .code_redemption-show .action-bar .primary, .code_redemption-sms_sent .action-bar .primary, .code_redemption-thanks .action-bar .primary { border: solid 1px #393; padding: 20px; background: #393; color: white; text-decoration: none; border-radius: 4px } .code_redemption-show .action-bar .primary:hover, .code_redemption-show .action-bar .primary:focus, .code_redemption-sms_sent .action-bar .primary:hover, .code_redemption-sms_sent .action-bar .primary:focus, .code_redemption-thanks .action-bar .primary:hover, .code_redemption-thanks .action-bar .primary:focus { background: #393; color: white } .code_redemption-show .action-bar .primary .icon, .code_redemption-sms_sent .action-bar .primary .icon, .code_redemption-thanks .action-bar .primary .icon { margin-right: 10px } .code_redemption-show .action-bar .secondary, .code_redemption-sms_sent .action-bar .secondary, .code_redemption-thanks .action-bar .secondary { padding: 20px; font-size: 1rem; font-size: 100; color: white } } .codebox { background-color: #7b7; width: 100% } .codebox h1 { text-align: center } .codebox img { width: 27px } .centered { text-align: center } .phone-help { color: #bbb; font-weight: lighter } .small-link { color: #b5af95; font-size: 1rem; font-weight: 100 } #acquisition .loading { background: url(/assets/tracker/loading-73a02ec83a9330fb5635c7e50353208c.gif) top left no-repeat; width: 51px; height: 1em; display: inline-block; top: 2px; left: 8px; position: relative } #acquisition .something-wrong { padding-top: 10px } #acquisition .something-wrong p { font-size: smaller; font-size: lighter } #acquisition .something-wrong .button.submit { font-size: smaller; margin: 0 5px } .twitter-typeahead { width: 100% } .twitter-typeahead .tt-dropdown-menu { background-color: white; border: solid 1px #ccc; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.25); font: 100 16px "urbana", sans-serif; text-align: left; width: 100%; z-index: 99999 } .twitter-typeahead .tt-dropdown-menu .tt-dataset-addresses { width: 100% } .twitter-typeahead .tt-dropdown-menu .tt-dataset-addresses .tt-cursor { color: #bc2031; background-color: #e8ebeb } .twitter-typeahead .tt-dropdown-menu .tt-dataset-addresses .tt-suggestion:hover, .twitter-typeahead .tt-dropdown-menu .tt-dataset-addresses .tt-suggestion:active, .twitter-typeahead .tt-dropdown-menu .tt-dataset-addresses .tt-suggestion:focus { background-color: #e8ebeb; color: #bc2031 } .twitter-typeahead .tt-dropdown-menu .tt-suggestions .tt-suggestion { display: block; overflow: hidden !important; padding: 12px; text-overflow: ellipsis !important; white-space: nowrap !important; width: 100%; border-bottom: solid 1px #efefef; font-weight: 100; cursor: pointer } .twitter-typeahead .tt-dropdown-menu .tt-suggestions .tt-suggestion strong { font-weight: 400 } .twitter-typeahead .tt-dropdown-menu .place, .twitter-typeahead .tt-dropdown-menu .building, .twitter-typeahead .tt-dropdown-menu .saved-address { display: block; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important } .twitter-typeahead .tt-dropdown-menu .place i, .twitter-typeahead .tt-dropdown-menu .building i, .twitter-typeahead .tt-dropdown-menu .saved-address i { color: #ccc; font-size: 10px; margin-right: 0.5rem } .twitter-typeahead .example-addresses { left: 0; position: absolute } .omnibox { max-width: 600px; margin-right: 0; background: white; box-shadow: 0 0 3px #333; padding: 15px; margin: 60px auto; border-radius: 8px; position: relative } .omnibox:after { content: ""; display: table; clear: both } .omnibox .error { background: #f3902f; color: white; position: absolute; bottom: -35px; border-radius: 4px } .omnibox .error span { padding: 10px 20px; display: block } .omnibox .error span:after { height: 0; width: 0; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; border-bottom: 7.5px solid #f3902f; position: absolute; top: -14px; left: 50px; content: "" } @media screen and (max-width: 480px) { .omnibox .error span:after { display: none } } .omnibox input[type="text"], .omnibox input[type="tel"], .omnibox input[type="email"] { width: 100%; padding: 18px 5px 15px 10px; height: auto; font-weight: 100; height: 50px; transition: color 0.4s; color: #1b1b1b } .omnibox input[type="text"]::-webkit-input-placeholder, .omnibox input[type="tel"]::-webkit-input-placeholder, .omnibox input[type="email"]::-webkit-input-placeholder { color: #bbb } .omnibox input[type="text"]::-moz-placeholder, .omnibox input[type="tel"]::-moz-placeholder, .omnibox input[type="email"]::-moz-placeholder { color: #bbb } .omnibox input[type="text"]:-moz-placeholder, .omnibox input[type="tel"]:-moz-placeholder, .omnibox input[type="email"]:-moz-placeholder { color: #bbb } .omnibox input[type="text"]:-ms-input-placeholder, .omnibox input[type="tel"]:-ms-input-placeholder, .omnibox input[type="email"]:-ms-input-placeholder { color: #bbb } .omnibox input[type="text"]:focus, .omnibox input[type="tel"]:focus, .omnibox input[type="email"]:focus { border-color: #ccc } .omnibox input[type="text"]:focus::-webkit-input-placeholder, .omnibox input[type="tel"]:focus::-webkit-input-placeholder, .omnibox input[type="email"]:focus::-webkit-input-placeholder { color: rgba(188, 32, 49, 0.5) } .omnibox input[type="text"]:focus::-moz-placeholder, .omnibox input[type="tel"]:focus::-moz-placeholder, .omnibox input[type="email"]:focus::-moz-placeholder { color: rgba(188, 32, 49, 0.5) } .omnibox input[type="text"]:focus:-moz-placeholder, .omnibox input[type="tel"]:focus:-moz-placeholder, .omnibox input[type="email"]:focus:-moz-placeholder { color: rgba(188, 32, 49, 0.5) } .omnibox input[type="text"]:focus:-ms-input-placeholder, .omnibox input[type="tel"]:focus:-ms-input-placeholder, .omnibox input[type="email"]:focus:-ms-input-placeholder { color: rgba(188, 32, 49, 0.5) } .omnibox .address { width: 60%; display: inline; float: left } .omnibox .address input { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0 } .omnibox .unit { display: inline; float: left; width: 20%; position: relative } .omnibox .unit:after { content: ""; height: 20px; border-left: solid 1px #ccc; width: 1px; position: absolute; left: 0; top: 15px } .omnibox .unit input { border-left: none; border-bottom-left-radius: 0; border-top-left-radius: 0 } .omnibox .submit { width: 20%; display: inline; float: left; padding-left: 10px } .omnibox .submit .submit-form { background: #bc2031; color: white; border: none; outline: none; width: 100%; height: 50px; line-height: 50px; border-radius: 4px } .omnibox .submit .submit-form:hover, .omnibox .submit .submit-form:focus { background: #a61c2b } .omnibox .submit .submit-form:active { background: #991a28 } @media screen and (max-width: 480px) { .omnibox { margin: 30px auto 0; box-shadow: none; background: transparent } .omnibox .address, .omnibox .unit, .omnibox .submit, .omnibox .error { display: block; float: none; width: 100%; margin: 0 0 10px; padding: 0; position: static } .omnibox .address:after, .omnibox .unit:after, .omnibox .submit:after, .omnibox .error:after { display: none } .omnibox .address input, .omnibox .unit input, .omnibox .submit input, .omnibox .error input { border: solid 1px white; border-radius: 4px } .omnibox .twitter-typeahead .tt-dropdown-menu { width: 100%; margin-top: -2px } } .modified-omnibox { margin: 0 auto; box-shadow: 0 0 0 white; max-width: 900px; width: 100%; display: flex; flex-direction: row } .modified-omnibox .twitter-typeahead { flex: 0 1 auto } .modified-omnibox .submit { flex: 0 0 auto } @-webkit-keyframes boom { from { color: red } to { color: #333 } } @-webkit-keyframe boom { from { color: red } to { color: #333 } } .punch-card-box { width: 100%; min-height: 100px; background-color: white; padding-bottom: 10px; margin-bottom: 10px; border-top: 3px dotted black; padding-top: 1em } .punch-card-box .punch-card-title { width: 100%; text-align: center; font-weight: bold } .punch-card-box .punch-card-expires { font-size: smaller; text-align: center } .punch-card-box .punch-card-slots { margin: 0 auto; width: 300px; display: table; border-radius: 5px; padding: 3px; background-color: white } .punch-card-box .punch-card-slot { position: relative; width: 33%; float: left; height: 100%; vertical-align: middle; text-align: center; border: 1px solid black } .punch-card-box .punch-card-slot.highlight-punch { border: 3px solid yellow !important } .punch-card-box .punch-card-slot .punch-card-slot-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto auto; height: 100%; vertical-align: middle } .punch-card-box .punch-card-slot .punch-card-slot-content .helper { display: inline-block; height: 100%; vertical-align: middle } .punch-card-box .punch-card-slot .punch-card-slot-content img.punch-card-slot-image { width: 100%; height: 100% } .punch-card-box .punch-card-slot .punch-card-slot-fill { background-color: #C0C0C0; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0 } .punch-card-box .punch-card-slot:before { content: ""; display: block; padding-top: 100% } .punch-card-redeem { width: 100%; text-align: "center" } .punch-card-redeem a.button { background-color: "green" } .punch-card-legal { color: #777; font-size: 0.65em } .punch-card-notification .punch-card-box { width: 100%; min-height: 50px } .punch-card-notification .punch-card-box .punch-card-slots { width: 150px !important } .punch-card-notification .punch-card-box .punch-card-slot { position: relative; width: 33%; float: left; height: 100% } .punch-card-notification .punch-card-box .punch-card-slot .punch-card-slot-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto auto; height: 100%; vertical-align: middle } .punch-card-notification .punch-card-box .punch-card-slot .punch-card-slot-content .helper { display: inline-block; height: 100%; vertical-align: middle } .punch-card-notification .punch-card-box .punch-card-slot .punch-card-slot-content img.punch-card-slot-image { width: 100%; height: 50% } .punch-card-notification .punch-card-box .punch-card-slot .punch-card-slot-fill { background-color: #C0C0C0; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0 } .punch-card-notification .punch-card-box .punch-card-slot:before { content: ""; display: block; padding-top: 100% } .punch-card-notification p { color: black; font-weight: bold } #recent-order a { background: #dff0d9; border-bottom: 1px solid #9c9; color: #393; display: block; font: 100% "urbana", sans-serif bold; text-decoration: none } @media screen and (max-width: 768px) { #recent-order a { font-size: 90% } } #recent-order a span.main-container { max-width: 960px; margin: 0 auto; display: block; padding: 0 0.375rem; position: relative } #recent-order a span.main-container .instructions { display: inline-block; margin-left: 3em; padding: 1em 0 } @media screen and (max-width: 768px) { #recent-order a span.main-container .instructions { display: block; margin-right: 3em } } #recent-order a span.main-container .restaurant-icon { border: 1px solid #9c9; border-radius: 2px; display: block; height: 2em; left: 0.5em; line-height: 2em; margin-top: -1em; overflow: hidden; position: absolute; top: 50%; width: 2em } #recent-order a span.main-container .restaurant-icon img { width: 100%; vertical-align: middle } #recent-order a span.main-container .ss-navigateright { display: inline-block; position: relative; text-align: right; top: 0.1em; width: 2em } @media screen and (max-width: 768px) { #recent-order a span.main-container .ss-navigateright { height: 2em; line-height: 2em; margin-top: -1em; position: absolute; right: 0.5em; top: 50% } } .recent-orders { background-color: lightgrey; border-radius: 5px } .recent-orders ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden } @media screen and (max-width: 768px) { .recent-orders .recent-order-box { margin-top: 3px } .recent-orders ul > li { display: none } .recent-orders ul > li:first-of-type { display: block } } .recent-orders .view-all-orders { width: 100%; text-align: right; padding-right: 3px } .recent-order-box { border-radius: 5px; background-color: white; min-height: 140px; width: 22%; margin-right: 1.5%; margin-left: 1.5%; float: left; padding: 5px } @media screen and (max-width: 768px) { .recent-order-box { width: 96%; margin-left: 2% } } .recent-order-box .restaurant-logo { width: 100%; float: left } .recent-order-box .restaurant-name { width: 100%; text-align: center; float: left } @media screen and (max-width: 768px) { .recent-order-box .restaurant-name { font-size: 16pt } } .recent-order-box .order-address { width: 100%; float: left; font-size: smaller } .recent-order-box .other-info { width: 100%; float: left; padding-left: 5px; padding-right: 5px } .recent-order-box .other-info-items { float: left; width: 60% } .recent-order-box .other-info-view { float: left; width: 40%; text-align: right; padding-right: 3px } .recent-order-box .items-display { width: 100%; float: left; display: none } .recent-order-box .bottom { width: 100%; float: left } .recent-order-box .bottom .bottom-left { float: left; width: 45% } .recent-order-box .bottom .bottom-center { float: left; width: 10%; text-align: center } .recent-order-box .bottom .bottom-right { float: left; width: 45%; text-align: right; padding-right: 3px } @media screen and (max-width: 480px) { .desktop-show { display: none } } .tablet-hide { display: inherit } @media screen and (max-width: 768px) { .tablet-hide { display: none } } .tablet-show { display: none } @media screen and (max-width: 768px) { .tablet-show { display: inherit } } .tablet-hide { display: inherit } @media screen and (max-width: 768px) { .tablet-hide { display: none } } .tablet-only { display: none } @media screen and (max-width: 768px) { .tablet-only { display: inherit } } @media screen and (max-width: 480px) { .tablet-only { display: none } } .mobile-show { display: none } @media screen and (max-width: 480px) { .mobile-show { display: inherit } } .mobile-hide { display: inherit } @media screen and (max-width: 480px) { .mobile-hide { display: none } } .delivery_review { width: 100%; border: 1px solid black; border-radius: 10px; background-color: white; padding: 10px; margin-bottom: 10px } .review_stars { float: right; width: 50%; text-align: right } .review_created { float: left; width: 50% } .review_text { width: 100%; color: black } .review_customer { width: 100%; text-align: right; font-style: italic; color: grey } .review_edited { width: 100%; font-size: 50%; font-style: italic; color: grey } span.rating { font-size: 2em } span.rating-star-full { color: gold } span.rating-star-full:before { content: "★"; position: absolute } span.rating-half:after { content: "★"; color: gold; position: absolute; margin-left: -20px; width: 10px; overflow: hidden } .rating-small > span.rating-half:after { margin-left: -18px; width: 9px } .restaurant-profile .left-3col { float: left; display: block; margin-right: 2.357652%; width: 40.29137% } .restaurant-profile .left-3col:last-child { margin-right: 0 } .restaurant-profile .mid-3col { float: left; display: block; margin-right: 2.357652%; width: 23.231761% } .restaurant-profile .mid-3col:last-child { margin-right: 0 } .restaurant-profile .right-3col { float: left; display: block; margin-right: 2.357652%; width: 31.761566% } .restaurant-profile .right-3col:last-child { margin-right: 0 } @media screen and (max-width: 768px) { .hide-tablet { display: none } .show-tablet { display: inline-block; float: left; display: block; margin-right: 2.357652%; width: 100% } .show-tablet:last-child { margin-right: 0 } .show-tablet .restaurant-contact, .show-tablet .profile-logo { float: left; display: block; margin-right: 2.357652%; width: 48.821174% } .show-tablet .restaurant-contact:last-child, .show-tablet .profile-logo:last-child { margin-right: 0 } .restaurant-profile .right-3col { float: left; display: block; margin-right: 2.357652%; width: 48.821174% } .restaurant-profile .right-3col:last-child { margin-right: 0 } .restaurant-profile .mid-3col { float: left; display: block; margin-right: 2.357652%; width: 48.821174% } .restaurant-profile .mid-3col:last-child { margin-right: 0 } .restaurant-profile .left-3col { float: left; display: block; margin-right: 2.357652%; width: 100% } .restaurant-profile .left-3col:last-child { margin-right: 0 } } @media screen and (max-width: 480px) { .restaurant-profile .right-3col, .hide-mobile { display: none } .restaurant-profile .mid-3col { float: left; display: block; margin-right: 2.357652%; width: 100% } .restaurant-profile .mid-3col:last-child { margin-right: 0 } .restaurant-profile .left-3col { float: left; display: block; margin-right: 2.357652%; width: 100% } .restaurant-profile .left-3col:last-child { margin-right: 0 } } @media screen and (max-width: 768px) { .route-menu-item .left-3col { display: none } } .menu-header { text-align: center } .menu-header h1 { font-size: 2.5em; line-height: 1em; margin: 0.25em 0 } @media screen and (max-width: 768px) { .menu-header h1 { font-size: 30px; font-weight: 500; display: none } } @media screen and (max-width: 480px) { .menu-header { display: none } } .profile-logo { max-width: 100%; text-align: center } .profile-logo img { max-width: 100%; max-height: 200px } .restaurant-map { clear: left } .restaurant-contact { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: black; font-size: 12px; vertical-align: baseline } .restaurant-contact address { padding: 0 } .restaurant-contact address span { display: block } .restaurant-contact p { margin: 0.375rem 0 0 0 } .restaurant-contact div { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: black; font-size: 12px } .restaurant-contact-menu-only h3 { display: none; line-height: 100% } .restaurant-contact-menu-only .tablet-delivery-info { display: none } .restaurant-menu .restaurant-contact.restaurant-contact-menu-only.checkout-alerts { background-color: rgba(80, 80, 80, 0.2); padding: 10px; border-radius: 10px } .restaurant-menu .preview-alert { border: 1px solid black; border-radius: 5px; background-color: orange; color: white; padding: 10px } .yelp-rating { display: inline-block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.75rem; margin-bottom: 0.375rem } .yelp-rating:after { content: ""; display: table; clear: both } .yelp-rating img, .yelp-rating span { float: left } .yelp-rating img:first-of-type { max-width: 40% } .yelp-rating img:last-of-type { margin-top: -4px; max-width: 20% } .yelp-rating span { margin: 0 0.1875rem; max-width: 40%; white-space: nowrap } .popular-items ul { padding: 0 } .popular-items ul li { margin: 0 0 0.75rem 0 } .popular-items ul li:after { content: ""; display: table; clear: both } .popular-items ul li a { color: #176092; float: left } .popular-items ul li span { clear: both; float: left; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.75rem } .restaurant-categories a { font-size: 0.9375rem; padding: 0.375rem; border-radius: 10000px; background-color: #176092; color: white; display: inline-block; text-align: center; margin-bottom: 0.375rem; padding-left: 0.75rem; padding-right: 0.75rem } .restaurant-categories a:hover { color: white; background-color: #104366; text-decoration: none } .payment-options dt { float: none; display: block; width: 100% } .payment-options dd { width: 20% } .payment-options dd img { max-width: 100% } @media screen and (max-width: 768px) { .profile-logo-menu-only { float: left; display: block; margin-right: 2.357652%; width: 48.821174%; margin-right: 0; float: right } .profile-logo-menu-only:last-child { margin-right: 0 } .profile-logo-menu-only img { max-height: 100px } .restaurant-map { display: none } .restaurant-contact-menu-only { float: left; display: block; margin-right: 2.357652%; width: 100%; background-color: #fdf6e8 } .restaurant-contact-menu-only:last-child { margin-right: 0 } .restaurant-contact-menu-only h3 { font-size: 2rem; display: block; margin-top: 0; line-height: 100% } .restaurant-contact-menu-only address.desktop-address { display: none } .restaurant-contact-menu-only .tablet-delivery-info { display: block } .popular-items { display: none } } @media screen and (max-width: 480px) { .profile-logo-menu-only { float: left; display: block; margin-right: 2.357652%; width: 31.761566%; padding: 0; float: right } .profile-logo-menu-only:last-child { margin-right: 0 } .profile-logo-menu-only img { max-height: 90px } .restaurant-contact-menu-only { float: left; display: block; margin-right: 2.357652%; width: 100%; margin-right: 0; background-color: white; float: left; text-align: left; padding: 0 0 0 0.375rem; font-size: 10px } .restaurant-contact-menu-only:last-child { margin-right: 0 } .restaurant-contact-menu-only .yelp-rating span { font-size: 10px } .restaurant-contact-menu-only h3 { font-size: 1.6rem; margin-top: 0 } } #restaurant-gmap { height: 16.875rem } .menu-category { padding: 0 } .menu-category h3 { padding: 0 0.5625rem 0.5625rem; margin-bottom: 0 } .menu-category p { color: #4f5f66; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.75rem; font-weight: normal; padding: 0 0.75rem 0.375rem; margin-top: -0.1875rem } .menu-category ul { margin: 0; padding: 0; width: 100% } .menu-category ul .item-price { float: right; float: left; display: block; margin-right: 2.357652%; width: 23.231761%; margin-right: 0; text-align: right; line-height: 130%; padding: 0.375rem 0 0.375rem 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: black; font-size: 12px; color: #4f5f66 } .menu-category ul .item-price:last-child { margin-right: 0 } .menu-category ul .item-title { float: left; display: block; margin-right: 2.357652%; width: 74.410587%; line-height: 130%; padding: 0.375rem 0 0.375rem 0 } .menu-category ul .item-title:last-child { margin-right: 0 } .menu-category ul .item-title-with-image { float: left; display: block; margin-right: 2.357652%; width: 48.821174% } .menu-category ul .item-title-with-image:last-child { margin-right: 0 } .menu-category ul .item-description { float: left; display: block; margin-right: 2.357652%; width: 100% } .menu-category ul .item-description:last-child { margin-right: 0 } .menu-category .inactive a, .menu-category .unavailable a, .menu-category a.inactive, .menu-category a.unavailable { cursor: default; background-color: #e8ebeb } .menu-category .inactive a:hover, .menu-category .unavailable a:hover, .menu-category a.inactive:hover, .menu-category a.unavailable:hover { background-color: #e8ebeb } .menu-category .inactive a span, .menu-category .unavailable a span, .menu-category a.inactive span, .menu-category a.unavailable span { color: #4f5f66 } .menu-category .menu-category { margin: 0.75rem; border: none } .menu-category .toggle-unavailable p { margin-top: 0.75rem } .menu-category.hide-unavailable .inactive, .menu-category.hide-unavailable .unavailable { display: none } .menu-category .hide-filtered, .menu-category.hide-filtered { display: none !important } @media screen and (max-width: 768px) { .menu-category p { padding: 0.375rem 0 0 0 } .menu-category ul .item-image { height: 90px; width: 90px; float: left; margin-right: 3px } .menu-category ul span.item-title { font-size: 0.9em } .menu-category ul span.item-price { font-size: 0.7em } .menu-category .menu-category { margin: 0 } } @media screen and (max-width: 768px) and (max-width: 480px) { .menu-category ul span.item-title { font-size: 0.85em } } #reward_perks_listing h4:not(:first-child) { margin-top: 1em } #reward_perks_listing .reward_point_perk { margin-top: 1em } #reward_perks_listing .reward_point_perk .row { width: 100%; float: left; margin-top: 0.75em } #reward_perks_listing .reward_point_perk .col-sm-4 { width: 33%; float: left; margin-bottom: 0.25em } #reward_level_current { background-color: lime; border: 5px outset limegreen } .reward_level { margin-top: 1em } .reward_level .reward_level_header { font-family: "urbana", sans-serif; font-size: 1.5em; font-weight: 700; color: #000 } .reward_level .reward_level_header .reward_level_ppd { text-align: right } .reward_level #reward_levels_listing h4:not(:first-child) { margin-top: 1em } .reward_level #reward_levels_listing .row { width: 100%; float: left; margin-top: 0.75em } .reward_level #reward_levels_listing .col-sm-4 { width: 33%; float: left; margin-bottom: 0.25em } #reward-invite { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10000; background-color: rgba(0, 0, 0, 0.8) } #reward-invite #reward-invitation { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; width: 40%; min-width: 300px; min-height: 240px; border-color: black; border-radius: 5px; opacity: 100%; z-index: 10002; padding: 0.5em } #reward-invite #reward-invitation div { width: 100%; float: left } #reward-invite #reward-invitation #reward-invitation-body { text-align: center; font-size: larger } #reward-invite #reward-invitation #reward-invitation-yes { text-align: center; margin-top: 1em } #reward-invite #reward-invitation #reward-invitation-yes a.button { background-color: green; width: 50%; opacity: 0.8 } #reward-invite #reward-invitation #reward-invitation-no { text-align: center; margin-top: 1em } #reward-invite #reward-invitation #reward-invitation-no a.button { background-color: grey; width: 50% } @media screen and (max-width: 480px) { #reward-invitation { min-height: 60%; min-width: 95% } } #reward_store_listing { @-webkit-keyframes fade { from { opacity: .4 } to { opacity: 1 } } @keyframes fade { from { opacity: .4 } to { opacity: 1 } } } #reward_store_listing * { box-sizing: border-box } #reward_store_listing img.item-logo { margin-top: 25% } #reward_store_listing #reward_level_current { border-width: 0; width: 100%; display: none } #reward_store_listing .filter-purchasable { width: 25%; float: left } #reward_store_listing .filter-ordering { width: 35%; float: left } #reward_store_listing .filter-submit { width: 15%; float: left; text-align: right } #reward_store_listing .filter-counts { width: 25%; float: left; text-align: right; padding-left: 5px } #reward_store_listing .pagination { width: 100%; text-align: center } #reward_store_listing .reward-store-item { width: 31%; float: left; border: 1px solid lightgrey; border-radius: 3px; margin: 1%; padding: 1%; height: 245px; display: grid; grid-template-columns: 100%; grid-template-rows: 35px 165px 40px } #reward_store_listing .reward-store-item.claimable { border: 3px outset #9c9 } #reward_store_listing .max_purchases { color: lightgrey } #reward_store_listing .title { border-bottom: 1px solid lightgrey; text-align: center; margin-bottom: 10px } #reward_store_listing .title.claimable { background-color: lime } #reward_store_listing .reward-store-images { height: 120px; text-align: center; width: 100%; float: left } #reward_store_listing .purchase_button { width: 100%; float: left; text-align: center } #reward_store_listing .purchase_button .purchase_progress { width: 100%; position: relative; top: 0; left: 0; border: 1px solid lightgrey; padding: 3px; border-radius: 3px; height: 2em } #reward_store_listing .purchase_button .purchase_progress .purchase_progress_background { width: 100%; position: relative; top: 0; left: 0; background-color: limegreen; height: 100% } #reward_store_listing .purchase_button .purchase_progress.purchase_not_purchasable { border: 0 } #reward_store_listing .purchase_button .purchase_progress.purchase_not_purchasable .purchase_progress_background { display: none } #reward_store_listing .purchase_button .purchase_progress.ready_to_claim .purchase_progress_background { background-color: lime; width: 100% !important; border: 2px outset limegreen } #reward_store_listing .purchase_button .purchase_info { width: 100%; position: relative; top: -65%; left: 0 } #reward_store_listing .dots { width: 100%; text-align: center } #reward_store_listing .slideshow-container { max-width: 100%; position: relative; margin: auto; height: 155px } #reward_store_listing .mySlides { display: none } #reward_store_listing .prev, #reward_store_listing .next { cursor: pointer; width: auto; padding: 4px; color: black; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none } #reward_store_listing .next { right: 0; border-radius: 3px 0 0 3px } #reward_store_listing .prev:hover, #reward_store_listing .next:hover { background-color: rgba(0, 0, 0, 0.8) } #reward_store_listing .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center } #reward_store_listing .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0 } #reward_store_listing .dot { cursor: pointer; height: 7px; width: 7px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease } #reward_store_listing .active, #reward_store_listing .dot:hover { background-color: #717171 } #reward_store_listing .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s } @media screen and (max-width: 768px) { #reward_store_listing .filter-purchasable { width: 100% } #reward_store_listing .filter-ordering { width: 100% } #reward_store_listing .filter-submit { width: 100% } #reward_store_listing .filter-counts { width: 100% } #reward_store_listing .reward-store-item { width: 100% } } #rsi_purchase { width: 100%; text-align: center; min-height: 250px; float: left; margin-bottom: 1em } #rsi_purchase .reward-store-item { position: relative; left: 50%; transform: translatex(-50%) } .rsi_error { width: 100%; text-align: center; font-size: 1.5em } .session h1 { text-align: center } .sign-in-container form { float: left; display: block; margin-right: 2.357652%; width: 48.821174%; border-right: solid 1px #cececf } .sign-in-container form:last-child { margin-right: 0 } .sign-in-container form label { float: left; display: block; margin-right: 2.357652%; width: 91.470196% } .sign-in-container form label:last-child { margin-right: 0 } .sign-in-container form input[type="text"], .sign-in-container form input[type="password"], .sign-in-container form input[type="email"] { float: left; display: block; margin-right: 2.357652%; width: 100% } .sign-in-container form input[type="text"]:last-child, .sign-in-container form input[type="password"]:last-child, .sign-in-container form input[type="email"]:last-child { margin-right: 0 } .sign-in-container form input[type="submit"] { float: left; display: block; margin-right: 2.357652%; width: 31.761566%; border: none } .sign-in-container form input[type="submit"]:last-child { margin-right: 0 } .sign-in-container form .forgot-password { float: right } @media screen and (max-width: 768px) { .sign-in-container form { float: left; display: block; margin-right: 2.357652%; width: 100%; float: left; border-bottom: solid 1px #cececf; border-right: none; padding-bottom: 1.5rem } .sign-in-container form:last-child { margin-right: 0 } .sign-in-container form label { float: left; display: block; margin-right: 2.357652%; width: 100% } .sign-in-container form label:last-child { margin-right: 0 } } .sign-in-container .sign-up { float: left; display: block; margin-right: 2.357652%; width: 48.821174% } .sign-in-container .sign-up:last-child { margin-right: 0 } .sign-in-container .sign-up p { margin: 0 } .sign-in-container .sign-up .button { display: inline-block; line-height: 0.9375rem; margin-top: 1.125rem } .sign-in-container .sign-up .button:after { content: ""; display: table; clear: both } .sign-in-container .sign-up .button span { float: left } .sign-in-container .sign-up .button i { clear: left; color: #b5daf3; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 10px; font-style: normal; text-transform: uppercase } @media screen and (max-width: 768px) { .sign-in-container .sign-up { float: left; display: block; margin-right: 2.357652%; width: 100%; float: left; clear: left } .sign-in-container .sign-up:last-child { margin-right: 0 } .sign-in-container .sign-up .button { float: left; display: block; margin-right: 2.357652%; width: 100% } .sign-in-container .sign-up .button:last-child { margin-right: 0 } .sign-in-container .sign-up .button span { width: 100% } } @media screen and (max-width: 480px) { .sign-in-container .sign-up { float: left; display: block; margin-right: 2.357652%; width: 100% } .sign-in-container .sign-up:last-child { margin-right: 0 } .sign-in-container .sign-up h3 { float: left; display: block; margin-right: 2.357652%; width: 100% } .sign-in-container .sign-up h3:last-child { margin-right: 0 } .sign-in-container .sign-up .sign-up-copy { float: left; display: block; margin-right: 2.357652%; width: 100%; margin-right: 0; margin-top: 0 } .sign-in-container .sign-up .sign-up-copy:last-child { margin-right: 0 } .sign-in-container .sign-up .button { float: left; display: block; margin-right: 2.357652%; width: 100% } .sign-in-container .sign-up .button:last-child { margin-right: 0 } .sign-in-container .sign-up .button span { width: 100% } } .ou-utility-form { width: 95%; max-width: 380px; margin: 80px auto 180px } @media screen and (max-width: 480px) { .ou-utility-form { margin: 10px auto } } .ou-utility-form .form-header { padding: 30px 30px 15px; border-bottom: solid 1px #e8ebeb } .ou-utility-form .form-header .form-title { font-size: 1.5rem; font-family: "urbana", sans-serif; color: #1b1b1b; margin: 0 0 0.5rem; line-height: 1.7rem } .ou-utility-form .form-header .form-description { font-weight: 100; margin: 0; line-height: 1.6 } .ou-utility-form .form-message, .ou-utility-form .form-error { color: white; font-weight: 100; text-align: center } .ou-utility-form .form-message span, .ou-utility-form .form-error span { padding: 15px 30px; display: block } .ou-utility-form .blue-full-width-button { background: #176092; border: solid 1px #176092; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; width: 100%; color: white; padding: 12px; transition: all 0.4s; display: block; text-align: center } .ou-utility-form .blue-full-width-button:hover { background: #104366; border-color: #104366 } .ou-utility-form .blue-full-width-button:focus { outline: none } .ou-utility-form a.blue-full-width-button { text-decoration: none } .ou-utility-form .form-message { background: #393 } .ou-utility-form .form-error { background: #f3902f } .ou-utility-form .form-body { margin-top: 30px; padding: 0 30px } .ou-utility-form .form-body.padding-btm { padding-bottom: 30px } .ou-utility-form .inner { background: white; border: solid 2px #eae3d6; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-animation: pow 1s } .ou-utility-form .inner.no-border { border: none } .ou-utility-form p.footnote { font-size: 0.875rem; font-style: italic; padding-bottom: 40px } .ou-utility-form .form-actions { padding: 15px 30px 30px } .ou-utility-form form .form-row { margin-bottom: 15px } .ou-utility-form form .form-row:after { content: ""; display: table; clear: both } .ou-utility-form form label, .ou-utility-form form input[type="email"], .ou-utility-form form input[type="number"], .ou-utility-form form input[type="password"], .ou-utility-form form input[type="search"], .ou-utility-form form input[type="tel"], .ou-utility-form form input[type="text"], .ou-utility-form form input[type="url"], .ou-utility-form form input[type="color"], .ou-utility-form form input[type="date"], .ou-utility-form form input[type="datetime"], .ou-utility-form form input[type="datetime-local"], .ou-utility-form form input[type="month"], .ou-utility-form form input[type="time"], .ou-utility-form form input[type="week"] { float: none; display: block; width: 100% } .ou-utility-form form label { padding-left: 3px; margin-bottom: 0.2rem; font-size: 0.875rem; color: #1b1b1b } .ou-utility-form form label .forgot-password { float: right; padding: 0 3px } .ou-utility-form form label.error { color: #bc2031 } .ou-utility-form form input[type="email"], .ou-utility-form form input[type="number"], .ou-utility-form form input[type="password"], .ou-utility-form form input[type="search"], .ou-utility-form form input[type="tel"], .ou-utility-form form input[type="text"], .ou-utility-form form input[type="url"], .ou-utility-form form input[type="color"], .ou-utility-form form input[type="date"], .ou-utility-form form input[type="datetime"], .ou-utility-form form input[type="datetime-local"], .ou-utility-form form input[type="month"], .ou-utility-form form input[type="time"], .ou-utility-form form input[type="week"] { height: 40px } .ou-utility-form form input[type="email"]:focus, .ou-utility-form form input[type="number"]:focus, .ou-utility-form form input[type="password"]:focus, .ou-utility-form form input[type="search"]:focus, .ou-utility-form form input[type="tel"]:focus, .ou-utility-form form input[type="text"]:focus, .ou-utility-form form input[type="url"]:focus, .ou-utility-form form input[type="color"]:focus, .ou-utility-form form input[type="date"]:focus, .ou-utility-form form input[type="datetime"]:focus, .ou-utility-form form input[type="datetime-local"]:focus, .ou-utility-form form input[type="month"]:focus, .ou-utility-form form input[type="time"]:focus, .ou-utility-form form input[type="week"]:focus { border-color: #cececf; box-shadow: 0 0 0 1px #cececf } .ou-utility-form .submit-form, .ou-utility-form .button-primary { background: #bc2031; border: solid 1px #bc2031; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; width: 100%; color: white; padding: 12px; transition: all 0.4s; display: block; text-align: center; text-decoration: none } .ou-utility-form .submit-form:hover, .ou-utility-form .button-primary:hover { background: #901926; border-color: #901926 } .ou-utility-form a.submit-form { clear: both } .ou-utility-form .blue-full-width-button { background: #176092; border: solid 1px #104366; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; width: 100%; color: white; padding: 12px; transition: all 0.4s; display: block; text-align: center } .ou-utility-form .blue-full-width-button:hover { background: #104366; border-color: #09263a } .ou-utility-form .form-switch-container { border-top: solid 1px #cececf; padding: 30px; font-weight: 100 } .ou-utility-form h4 { font-size: 1.25rem; margin: 0 0 0.5rem; color: #1b1b1b } .ou-utility-form h3 { line-height: 120% } .ou-utility-form p { font-weight: 100; margin: 0 } .ou-utility-form p a { color: #289eef; text-decoration: underline } .ou-utility-form .div-frown-image { display: block } .ou-utility-form .div-frown-image img { margin: 20px auto; display: block; width: 70px } @-webkit-keyframes pow { 0% { opacity: 0 } 100% { opacity: 1 } } p, div { font-family: "urbana", sans-serif; font-size: 1em; line-height: 1.272727em; font-weight: 500; color: rgba(46, 44, 39, 0.75) } p a, div a { color: #4f5f66; line-height: 1.2em; font-weight: normal; text-decoration: none; cursor: pointer } p a:hover, div a:hover { color: #135b82; text-decoration: underline } .text-center { text-align: center } h1 { color: #bc2031; font-family: "bebas-neue", sans-serif; font-size: 3em; line-height: 100% } h1.urbana { color: #0a111e; font-family: "urbana", sans-serif } h2 { color: #333; font-family: "urbana", sans-serif; font-size: 32px; font-weight: 700; line-height: 100%; margin: 20px 0; text-align: center } h3 { font-family: "urbana", sans-serif; font-size: 1.5em; font-weight: 700; margin: 20px 0; color: #000 } ul { padding-left: 0 } li { list-style: none; margin-left: 0 } address { font-style: normal } fieldset { border-width: 0; padding: 0 } input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select { border: solid 1px #cececf; border-radius: 6px; height: 2.0625rem; padding: 0.375rem } input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="email"]:focus, textarea:focus, select:focus { outline: none; border-color: rgba(82, 168, 236, 0.6); -webkit-box-shadow: inherit; -moz-box-shadow: inherit; box-shadow: inherit } input[type="radio"] { margin: auto 0.375rem 0.75rem auto } textarea { width: 100% } button { border: none } table, table a { color: #eae3d6; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.75rem; font-weight: normal; line-height: 0.9375rem; text-align: left; width: 100% } table th, table a th { text-transform: uppercase } table th, table td, table a th, table a td { padding: 0 0 0.1875rem 0 } footer { background: white; color: #625f57 } footer a { color: #858585 } .clear { clear: both } .hide { display: none } .badge { background-color: #ef7d25; color: white; text-shadow: none } .badge.warning { background-color: #394449 } .badge.warning i { color: #ef7d25; padding-right: 5px } .badge.success { background-color: #393; border-color: #9c9 } .badge.full-width { width: 100%; margin-top: 0.375rem } .badge.bottom-margin { margin-bottom: 10px } .option-title-text { color: #4f5f66; font-family: urbana, sans-serif; font-size: 18px; font-weight: normal; margin: 0 5px 0 0; display: inline } .price { float: right; text-align: right } .top-border, .menu-category ul { border-top: solid 1px #cececf } .bottom-border, .account-nav ul a, .checkout-nav ul a, .menu-category ul a, .restaurant-list li, .profile-container h4, .sign-in-container h4, .account-nav ul h4, .checkout-nav ul h4, .general-form h4, .checkout-thankyou h4, .menu-item h4, .menu-option-group h4, .menu-category h4, .cart-order h4, .checkout-cart h4, .start-order h4, .account-nav ul li.list-head, .checkout-nav ul li.list-head { border-bottom: solid 1px #e8ebeb } .remove.button { font-size: 0.5625rem; padding: 0.1875rem; border-radius: 6px; background-color: #bc2031; color: white; display: inline-block; text-align: center; color: #eae3d6 !important; border: solid 1px #394449; padding: 0.25rem 0.25rem 0.125rem 0.25rem } .remove.button:hover { color: white; background-color: #901926; text-decoration: none } .stacked-form label, .general-form label, .stacked-form input[type="text"], .general-form input[type="text"], .stacked-form input[type="password"], .general-form input[type="password"], .stacked-form input[type="tel"], .general-form input[type="tel"], .stacked-form input[type="email"], .general-form input[type="email"] { float: left } .stacked-form input[type="checkbox"], .general-form input[type="checkbox"], .stacked-form input[type="radio"], .general-form input[type="radio"] { float: left; margin-right: 0.375rem } .stacked-form fieldset, .general-form fieldset { margin-bottom: 0.75rem } fieldset.birthday select { float: left } fieldset.birthday select:first-of-type { float: left; display: block; margin-right: 2.357652%; width: 31.761566%; clear: left } fieldset.birthday select:first-of-type:last-child { margin-right: 0 } fieldset.birthday select:nth-of-type(2) { float: left; display: block; margin-right: 2.357652%; width: 40.29137% } fieldset.birthday select:nth-of-type(2):last-child { margin-right: 0 } fieldset.birthday select:last-of-type { float: left; display: block; margin-right: 2.357652%; width: 23.231761% } fieldset.birthday select:last-of-type:last-child { margin-right: 0 } .btn-primary { background: #bc2031 !important; border-radius: 10px; border: 0; box-shadow: none; color: #fff; display: block; font-family: "urbana", sans-serif; font-size: 24px; font-weight: 500; margin: 10px auto; padding: 18px 20px 15px 20px; text-decoration: none !important; background: #bc2031 !important; margin-bottom: 50px } .btn-primary:hover { background-color: #a61c2b !important; color: white !important; text-shadow: none } .btn-primary:active { background-color: #a61c2b !important; text-shadow: none } .btn-primary:focus { outline: 0 !important } @media screen and (max-width: 480px) { #habla_beta_container_do_not_rely_on_div_classes_or_names { display: none } } .surge-fee { color: grey } .tooltip { position: relative; display: inline-block } .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: left; padding: 5px 5px; border-radius: 6px; position: absolute; z-index: 1 } .tooltip:hover .tooltiptext { visibility: visible } #billing-questions h1 { font-family: "urbana", sans-serif; font-size: 48px; text-align: center; color: black; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 20px 0 20px 0; font-weight: 800 } #billing-questions h1 a { font-weight: 800; color: #176092 } #billing-questions .outer-container .logo { text-align: center } #billing-questions .outer-container .logo a img { width: 150px } #billing-questions .outer-container h3 { text-align: center; font-size: 1.5em } #billing-questions .outer-container h3 a { font-weight: 800; color: #176092 } #billing-questions .outer-container p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; font-weight: 400 } #billing-questions .outer-container .columns .column-3 { float: left; display: block; margin-right: 2.357652%; width: 31.761566% } #billing-questions .outer-container .columns .column-3 h4 { font-size: 21px; margin-bottom: 10px } #billing-questions .outer-container .columns .column-3:last-child { margin-right: 0 } #billing-questions .outer-container .columns .column-3:nth-child(3) { margin-right: 0 } #billing-questions .outer-container .columns .column-3:nth-child(3+1) { clear: left } #billing-questions .outer-container p.center { text-align: center; border-bottom: 1px solid #eee; padding: 20px 0 30px 0 } #billing-questions .outer-container ul.footer-links { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 20px 0 20px 0; text-align: center } #billing-questions .outer-container ul.footer-links li { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 12px; margin-right: 5px; display: inline } @media screen and (max-width: 768px) { #billing-questions .outer-container .logo a img { height: 57px; width: 103px } #billing-questions .outer-container h1 { font-size: 32px } #billing-questions .outer-container .columns .column-3 { float: left; display: block; margin-right: 2.357652%; width: 100%; margin-right: 0 } #billing-questions .outer-container .columns .column-3:last-child { margin-right: 0 } } @media screen and (max-width: 768px) and (max-width: 480px) { #billing-questions .outer-container h1 { font-size: 28px } #billing-questions .outer-container h3 { font-size: 1.5em } #billing-questions .outer-container .columns .column-3 h4 { font-size: 18px } } #billing-questions .market-container { float: left; display: block; margin-right: 2.357652%; width: 100%; background: none; padding: 0 } #billing-questions .market-container:last-child { margin-right: 0 } #billing-questions .market-container .market-list { padding: 0 } #billing-questions .market-container .market-list .markets { -webkit-columns: 4; -moz-columns: 4; columns: 4; text-align: center; border-radius: 40px; line-height: 1.5rem; padding-top: 1.125rem } #billing-questions .market-container .market-list .markets ul { margin-top: 0 } #billing-questions .market-container .market-list section { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid } #billing-questions .market-container .market-list h4 { font-family: "urbana", sans-serif; margin-top: 0.75rem; font-weight: 500; font-size: 16px; text-transform: uppercase } #billing-questions .market-container .market-list h4:first-child { margin: 0 } #billing-questions .market-container .market-list li { margin-left: 0; font-size: 1.125rem } #billing-questions .market-container .market-list li a { color: #176092 } #billing-questions .market-container .add-market { border-top: 3px solid #bc2031 } #billing-questions .market-container .add-market .btn-primary { background: #bc2031 !important; border-radius: 10px; border: 0; box-shadow: none; color: #fff; display: block; font-family: "urbana", sans-serif; font-size: 24px; font-weight: 500; margin: 10px auto; padding: 18px 20px 15px 20px; text-decoration: none !important; width: 230px; margin: 0 auto } #billing-questions .market-container .add-market .btn-primary:hover { background-color: #a61c2b !important; color: white !important; text-shadow: none } #billing-questions .market-container .add-market .btn-primary:active { background-color: #a61c2b !important; text-shadow: none } #billing-questions .market-container .add-market .btn-primary:focus { outline: 0 !important } #billing-questions .market-container .add-market .btn-primary i { font-size: 0.9375rem; margin-left: 5px } #billing-questions .market-container .add-market a { text-decoration: none; text-align: center } @media screen and (max-width: 768px) { #billing-questions .market-container { padding: 0.75rem } #billing-questions .market-container .market-list .markets { -webkit-columns: 3; -moz-columns: 3; columns: 3 } #billing-questions .market-container .market-list .markets ul li { font-size: 1.05rem; line-height: 1.5rem } } @media screen and (max-width: 480px) { #billing-questions .market-container { float: left; display: block; margin-right: 4.829158%; width: 100%; padding: 0 } #billing-questions .market-container:last-child { margin-right: 0 } #billing-questions .market-container .market-list { padding: 0.375rem } #billing-questions .market-container .market-list .markets { -webkit-columns: 2; -moz-columns: 2; columns: 2 } }