1<!DOCTYPE html> 2<html xmlns="http://www.w3.org/1999/xhtml" amp="" lang="en"> 3 <head> 4 <link href="https://use.typekit.net" rel="preconnect"/> 5<link href="https://p.typekit.net" rel="preconnect"/> 6<link href="http://fast.fonts.net" rel="preconnect"/> 7 <link href="https://fonts.googleapis.com" rel="preconnect"/> 8<link crossorigin="true" href="https://fonts.gstatic.com" rel="preconnect"/> 9<link href="http://fast.fonts.net" rel="preconnect"/> 10 <title> 11 The Counter | Menu 12 </title> 13 <meta charset="utf-8"/> 14 <meta content="width=device-width,minimum-scale=1,initial-scale=1" name="viewport"/> 15 <meta content="Tue, 25 Feb 2025 10:28:35 -0380" name="date"/> 16 17 <meta content="Browse our full food and drink menu at a The Counter location near you." name="description"/> 18 19 20 <link href="https://www.thecounter.com/app/index.php" rel="canonical"/> 21 22
22<script async="" src="https://cdn.ampproject.org/v0.js"></script>
22 23 24 25 26 27 28 29
29<script async="" custom-element="amp-selector" src="https://cdn.ampproject.org/v0/amp-selector-0.1.js"></script>
vendor: 2 bytes, line 29
29
30<script>//<![CDATA[ 31window.addEventListener("load",e=>{for(var t=document.querySelectorAll("#nav-selector .toggle"),a=document.querySelector(".mobile-toggle"),r=0,d=t.length;r<d;r++)t[r].setAttribute("dataIndex",r),t[r].setAttribute("aria-expanded","false"),t[r].addEventListener("click",function(e){var a="true"==t[e.target.attributes.dataIndex.value].getAttribute("aria-selected");t[e.target.attributes.dataIndex.value].setAttribute("aria-expanded",!a)}),t[r].addEventListener("keydown",function(e){if("Tab"!=e.key){var a="true"==t[e.target.attributes.dataIndex.value].getAttribute("aria-selected");t[e.target.attributes.dataIndex.value].setAttribute("aria-expanded",!a)}}),a.addEventListener("click",function(e){var t="true"==a.getAttribute("aria-selected");a.setAttribute("aria-expanded",!t)}),a.addEventListener("keydown",function(e){if(event.keyCode,"Tab"!=e.key){console.log(e.keyCode);var t="true"==a.getAttribute("aria-selected");a.setAttribute("aria-expanded",!t)}})}); 32window.addEventListener("load",e=>{let t=document.getElementById("nav-selector"); t.removeAttribute("aria-multiselectable"); }); 33//fix mobile toggle aria-label to switch open and close 34window.addEventListener("load",e=>{let t=document.querySelector("a[aria-label='open menu']");t&&(t.addEventListener("click",function(e){"false"==t.getAttribute("aria-expanded")?t.setAttribute("aria-label","open menu"):t.setAttribute("aria-label","close menu")}),t.addEventListener("keydown",function(e){event.keyCode,"Tab"!=e.key&&("false"==t.getAttribute("aria-expanded")?t.setAttribute("aria-label","open menu"):t.setAttribute("aria-label","close menu"))}))}); 35//]]></script>
35 36 37 38 39 40 41 <style amp-boilerplate=""> 42body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} 43</style> 44<noscript> 45<style amp-boilerplate="">body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style> 46</noscript> 47 <link href="../favicon.png" rel="shortcut icon" type="image/x-icon"/> 48 <link href="https://use.typekit.net/qmi8sap.css" rel="stylesheet"/> 49 <link href="https://fonts.googleapis.com/css2?family=Ropa+Sans:ital@0;1&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet"/> 50 <style amp-custom="" type="text/css"> 51 @font-face { font-family: 'asphalts_brushregular'; src: url(''); src: url('') format('embedded-opentype'), url('') format('woff2'), url('') format('woff'), url('') format('truetype'), url('') format('svg'); font-weight: normal; font-style: normal; } 52 53 54 /* The Counter Stylesheet */ 55 html, body { font-size: 100%; height: 100%; } 56 body { background: #cdbca2; color: #182D35; font-family: "Ropa Sans", arial; font-size: 62.5%; font-weight: 400; overflow-x: hidden; } 57 body section { position: relative; } 58 body section[class*='section-'] { background-position: center center; background-size: cover; } 59 60 /*new nav*/ 61 nav {background-color: rgba(255, 255, 255, 0.8); height: 10em; left: 0; position: fixed; top: 0; width: 100%; z-index: 11; } 62 nav .navwrapper { align-items: center; display: flex; height: inherit; position: relative; padding: 0 2%;height: inherit; max-width: 1260px; margin: auto; } 63 nav .skip { font-size: 12px; opacity: 0; position: absolute; left: 0; top: 0; padding: 4px 8px; box-sizing: border-box; background-color: #000; pointer-events: none; color: #fff; text-decoration: none; } 64 nav .skip:focus { opacity: 1; } 65 nav .logo { height: 80px; width: 156px; } 66 nav amp-selector[layout=container] { position: static; flex-grow: 1; position: static; } 67 nav amp-selector .mobile-toggle { display: none; } 68 nav amp-selector .close-menu { display: none; color: #000; position: fixed; bottom: 0; right: 0;font-size: 30px; line-height: 64px; width: 64px; text-align: center; background-color: #d7282f; } 69 nav amp-selector > ul { list-style: none; padding: 0; margin: 0; text-align: right; } 70 nav amp-selector > ul > li { display: inline-block; position: relative; } 71 nav amp-selector > ul > li > a, nav amp-selector > ul > li > div { color: inherit; font-family: "veneer", Impact; font-size: 2.2em; text-transform: uppercase; text-decoration: none; padding:.75rem; line-height: 3.35rem;cursor: pointer; } 72 nav amp-selector[multiple] [option][selected] { outline: none;} 73 nav amp-selector > ul > li > a[aria-selected="true"], nav amp-selector > ul > li > div[aria-selected="true"] { background-color: #182D35; color:#fff; border-top-left-radius: 10px; border-top-right-radius: 10px; } 74 nav amp-selector > ul > li > a[aria-selected="false"] + *, nav amp-selector > ul > li > div[aria-selected="false"] + * { display: none; } 75 nav amp-selector > ul > li > ul {background-color:#182D35; font-size: 1.75em;border-radius: 10px; overflow: hidden; position: absolute; top: 48px; text-align: center; list-style: none; padding: 0; margin: 0; z-index: 1; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25); } 76 nav amp-selector > ul > li#loyalty-group > ul#loyalty-list { border-top-right-radius: 0; right: 0; white-space: nowrap; padding: .5rem;} 77 nav amp-selector > ul > li > ul > li a { padding: 6px; min-width: 150px; display: block; color:#fff; text-decoration: none; } 78 79 80 footer { padding: 64px 0 } 81 footer ul { list-style: none; padding: 0; } 82 footer .social img { display: block; margin: auto; } 83 footer .social ul { text-align: center; } 84 footer .social ul li { display: inline-block; width: 24px; height: 24px; margin: 12px; vertical-align: middle; } 85 footer .links ul { margin-left: 64px; } 86 footer .links ul li { width: 30%; display: inline-block; margin-bottom: 20px; vertical-align: top; } 87 footer .links ul li a { font-family: "veneer", Impact; font-size: 22px; text-transform: uppercase; color: inherit; text-decoration: none; } 88 89 /* AMP Carousel */ 90 amp-carousel { margin-bottom: -20px; margin-top: 10em; } 91 amp-carousel .amp-carousel-slide { background-position: center center; background-size: cover; } 92 amp-carousel .amp-carousel-button { cursor: pointer; }
93 .carousel-controls { position: absolute; bottom: 12px; left: 0; right: 0; width: 100%; text-align: right; z-index: 1; box-sizing: border-box; padding: 0 12px; pointer-events: none; } 94 .carousel-controls span { display: inline-block; cursor: pointer; pointer-events: all; vertical-align: top; color: #fff; background-color: #000; font-size: 10px; line-height: 19px; margin-top: 4px; padding: 0 8px; } 95 .carousel-controls .indicators { display: inline-block; margin: 0; padding: 0; list-style: none; } 96 .carousel-controls .indicators li { border-radius: 50%; cursor: pointer; display: inline-block; width: 19px; height: 19px; background-color: #000; margin: 4px; pointer-events: all; } 97 .carousel-controls .indicators li.active { background-color: #fff; } 98 99 /* popup styling */ 100 #popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; display: flex; align-items: center; } 101 #popup.hide { display: none; } 102 #popup .close-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background-color: rgba(0, 0, 0, 0.5); } 103 #popup .wrapper { display: block; margin: auto; max-width: 600px; width: 600px; position: relative; } 104 #popup .wrapper .close-button { cursor: pointer; color: #fff; background-color: #d7282f; padding: 12px; position: absolute; top: 0; right: 0; z-index: 1; } 105 #popup .wrapper .close-button:hover { background-color: #000; } 106 #popup .wrapper a { display: block; position: relative; z-index: 0; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5); } 107 #popup .wrapper a amp-img { margin: auto; } 108 109 110 /* effects */ 111 .smooth { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } 112 .hide-desktop { display: none; } 113 .hide-mobile { display: block; } 114 .hide-both { display: none; } 115 116 /* ADA special styling */ 117 .adaBadge { text-align: center; padding: 0 0 128px; } 118 .adaBadge a { display: inline-block; } 119 .adaBadge a amp-img { width: 102px; margin: 0 auto; } 120 121 122 /*MENU*/ 123 .top-text h1,.foodcontainer span.alt, .advanced .foodcontainer h2 > span > span span, .foodcontainer h3{font-family: 'Asphalts Brush';} 124 .foodcontainer li span, .basic .foodcontainer .alt span, .advanced .foodcontainer .col-4 > div > div > span,.foodcontainer .disclaimer p, .top-image p, .advanced .foodcontainer .col-4 > div > div > span, .calloutSmall span{font-family: "Rubik"; font-weight:400;} 125 .top-image h1, .basic .foodcontainer h2, .foodcontainer .calloutMedium span,.advanced .foodcontainer h2,.foodcontainer h1, .calloutSmall legend{font-family:"veneer";text-transform:uppercase;} 126 .foodcontainer .disclaimer p:first-of-type,.advanced .foodcontainer li{font-family: "Rubik"; font-weight:700;} 127 .top-text{position: relative; background-color:#cdbca2; text-align: center} 128 .top-text h1{color:#731829;font-size: 8rem; font-weight: normal; line-height: 5.25rem;margin:0rem;} 129 .top-text h2{text-align: center; text-transform: uppercase; font-size: 1.25rem; margin:0rem;} 130 .top-text p{font-size: 1.25rem; max-width: 95rem; margin-left:auto; margin-right: auto;} 131 .foodcontainer, .breadNav{max-width: 70rem; margin: 0rem auto;padding-left: 0rem} 132 .foodcontainer li{list-style:none; text-align: center;margin-bottom:2rem;} 133 .foodcontainer li amp-img{margin-bottom:.75rem;} 134 .foodcontainer li a, .foodcontainer{color: #182D35; text-transform: uppercase; font-size: 1.25rem; font-weight: bold; text-decoration: none} 135 .foodcontainer li span, .basic .foodcontainer .alt span{display: block; font-weight: normal; font-size:1rem;padding-top: .3rem;text-transform: none} 136 .foodcontainer{margin-top:1.5rem;} 137 138 .basic .foodcontainer, .advanced .foodcontainer{margin-top:0rem;} 139 140 .foodcontainer .calloutMedium{width:40rem; margin:2rem auto 0rem; border:2px dotted #b32e3b;padding:1rem} 141 .foodcontainer .calloutMedium{text-transform: none} 142 .foodcontainer .calloutMedium .col-6{padding: 0rem} 143 .foodcontainer .calloutMedium span{font-size: 1.5rem; padding-right:.3rem; vertical-align: middle; line-height: 1rem} 144 .foodcontainer .calloutSmall{text-align: center;width:22rem; margin:2rem auto;border:2px dotted #b32e3b;}
145 .foodcontainer .calloutSmall span{display: block; font-size: 1rem; text-transform: none; font-style: italic;} 146 .foodcontainer span.alt{display: block;font-size: 1.5rem;margin-bottom: 1rem; } 147 148 .basic .foodcontainer li, .advanced .foodcontainer li{text-align:left} 149 .basic .foodcontainer h2{font-size:2rem;color:#b32e3b} 150 .basic .foodcontainer .alt h2{margin-bottom:0rem;} 151 .basic .foodcontainer ul, .basic .foodcontainer li, .basic .foodcontainer .col-12, .basic .foodcontainer .col-6, .advanced .foodcontainer .col-4{padding-left:0rem;} 152 .basic .foodcontainer .col-6 ul{margin-top:0rem;} 153 .basic .foodcontainer .col-6.alt ul{margin-top:20px;} 154 .basic .foodcontainer .alt span,.basic .foodcontainer .alt li{margin-bottom: 0rem; text-transform: none;} 155 .advanced .foodcontainer .col-4:nth-of-type(2) h2{margin-bottom: 0rem} 156 .advanced .foodcontainer .col-4 > div > div > span{padding-left:.75rem;font-size: 1rem} 157 .advanced .foodcontainer .col-4:nth-of-type(2) > div > div > span{text-transform: lowercase;font-size: 1rem} 158 .advanced .foodcontainer hr{border:1px dashed #182D35; margin-left: 1rem;width: 60%} 159 .top-image{position: relative;background: linear-gradient(to bottom, #182D35 0%,#182D35 60%,#000000 60%,white 60%,white 100%);margin-top:100px; } 160 .top-image .row{width: 75rem; margin:0rem auto;padding: 3rem} 161 .top-image h1, .top-image p{color: #fff;margin:0rem; padding: 0rem} 162 163 164 .top-image h1{font-size: 5rem; font-weight: normal;line-height: 3.75rem; padding-top: .5rem} 165 .top-image p{font-size: 1rem;} 166 .foodcontainer h1{font-size: 4rem} 167 .strongRed{color:#b32e3b;} 168 169 170 .advanced .foodcontainer .col-12 h1{border-top:2px dotted #182D35; text-align: center;padding-top:3.5rem;} 171 .advanced .foodcontainer h3{padding-left: .75rem;font-size: 1.5rem;margin-bottom: 0rem;} 172 .advanced .foodcontainer h2 > span, .advanced .foodcontainer h2 > span > span{display: block;font-size: 3.25rem;} 173 .advanced .foodcontainer h2 > span{padding-left: .75rem} 174 .advanced .foodcontainer h2 > span > span span{font-size: 3.5rem; display: inline-block; } 175 .advanced .cyob, .advanced .glutenfree, .advanced .vegan{display:none} 176 .advanced .foodcontainer li{font-size: 1rem;} 177 .advanced .foodcontainer li div span{display: inline;} 178 .advanced .foodcontainer .wrap li div span{display: block;} 179 .advanced .foodcontainer li{list-style: disc;margin-bottom: 0rem; text-transform: capitalize;font-weight: bold} 180 .foodcontainer .disclaimer p{text-transform:none;font-size:.8rem; text-align:center} 181 .breadNav ul, .breadNav li, .advanced .foodcontainer .breadNav li{margin: 0rem;padding:0rem; list-style-type: none; display: inline-block;font-size: 1.1rem;font-family: "Ropa Sans", arial;font-weight: 400; } 182 .breadNav li::after {content: " ⺠";} 183 .breadNav li:last-child::after {content: ""} 184 .foodcontainer .breadNav li{text-transform:none} 185 .breadNav li a, .advanced .foodcontainer .breadNav li a{color: #182D35; font-weight: bold; text-transform: uppercase; text-decoration: underline; font-size: 1.1rem} 186 187 @media (max-width: 1200px) { 188 189 .top-image .row{width: 64rem;} 190 .top-image h1{font-size: 4rem;} 191 .foodcontainer{margin:1.5rem 2rem 0rem 2rem} 192 .basic .foodcontainer, .advanced .foodcontainer{margin-top:0rem;} 193 .top-image h1{font-size: 4rem; line-height: 3.5rem;} 194 195 } 196 197 @media (max-width: 1024px) { 198 .top-image{margin-top:70px;} 199 .top-image .row{width: 47.9rem} 200 .top-image h1{font-size: 2.5rem; line-height: 2rem;padding-top:.35rem;} 201 .top-image .col-4{width:50%;} 202 .top-image .col-8{width:50%} 203 .foodcontainer .col-3{width:33.3334%} 204 .foodcontainer{margin:1.5rem 2rem 0rem 2rem} 205 .basic .foodcontainer, .advanced .foodcontainer{margin-top:0rem;} 206 .top-image p{font-size: .85rem} 207 208 } 209 210 /* media queries */ 211 @media (max-width: 1024px) { 212 /* nav .nav-logo .logo-link > amp-img { height: 5em; } 213 nav .nav-logo .logo-link > img { height: 5em; } 214 nav .row .nav-group .nav-list { height: 7em; } 215 nav .row .nav-group .nav-list ul li { margin-right: 1em; }*/ 216 nav amp-selector > ul > li > a, nav amp-selector > ul > li > div{padding:.5em .3em; font-size: 2em; } 217 nav amp-selector > ul > li > a, nav amp-selector > ul > li > div{line-height: 4rem} 218 header { padding-top: 7em; } 219 amp-carousel { margin-top: 7em; } 220 } 221 @media (max-width: 767px){ 222 .top-image{background: #182D35; text-align:center;} 223 .top-image h1{font-size:4rem; line-height: 5rem; padding:0rem;} 224 .top-image .col-4{display: none;} 225 .top-image .row{width: 100%; margin:0rem auto;} 226 .top-image .col-8{width:100%} 227 .basic .foodcontainer, .basic .foodcontainer li,.advanced .foodcontainer, .advanced .foodcontainer li{text-align: center} 228 .advanced .foodcontainer li{list-style: none} 229 .advanced .foodcontainer ul, .advanced .foodcontainer h3,.advanced .foodcontainer span {padding-left:0rem;} 230 .foodcontainer .col-3{width:100%} 231 .foodcontainer .calloutMedium .col-6:first-of-type{text-align: center; padding-bottom:1rem} 232 .foodcontainer .calloutMedium .col-6{text-align: center;} 233 .foodcontainer .calloutMedium{width:26rem;} 234 /*NEW NAV*/ 235 nav .navwrapper{padding: 0rem; display: block; position: static;} 236 nav .navwrapper .skip{display: none} 237 body nav .logo { width: 150px; position: absolute; top: 8px; left: 8px; } 238 nav amp-selector .mobile-toggle { display: block; position: absolute; right: 0; top: 0; padding: 34px; } 239 nav amp-selector .mobile-toggle[aria-selected="false"] ~ ul { min-height: initial; padding: 0; position: static; } 240 nav amp-selector .mobile-toggle[aria-selected="false"] ~ ul > li { display: none; } 241 nav amp-selector .mobile-toggle[aria-selected="true"] ~ ul { position: static; margin-top: 100px; left: 0; right: 0;background-color: rgba(255, 255, 255, 0.8); text-align: center;
241overflow-y: scroll; margin-right: -17px; } 242 nav amp-selector > ul > li { display: block; } 243 /*NAV CHANGES 021420 - ADDED DIV TO THESE FOR ADA PURPOSES */ 244 nav amp-selector > ul > li > a, nav amp-selector > ul > li > div { font-size: 1.5rem; line-height: 3.25rem} 245 nav amp-selector > ul > li > a[aria-selected="true"], nav amp-selector > ul > li > div[aria-selected="true"] { background-color: transparent; outline: none; text-decoration: underline; color: #182D35 } 246 /*NAV CHANGES*/ 247 nav amp-selector > ul > li > ul { position: static; box-shadow: none; border-radius: 0rem; font-size: 1.25rem} 248 nav amp-selector > ul > li#our-menu-group > ul#our-menu-list { border-radius: 0; } 249 nav amp-selector > ul > li#connect-group > ul#connect-list { background-color: transparent; padding-top: 0; } 250 nav amp-selector > ul > li#rewards-group > ul#rewards-list { background-color: transparent; padding-top: 0; } 251 nav amp-selector > ul > li#find-a-location-group > ul#find-a-location-list { background-color: transparent; } 252 nav amp-selector > ul > li#order-now-group { display: block; position: absolute; top: 12px; right: 64px; } 253 nav amp-selector > ul > li#order-now-group > a { line-height: 40px; font-size: 12px; } 254 nav amp-selector .close-menu { display: none; color: #000; position: fixed; bottom: 17px; right: 0;font-size: 30px; line-height: 64px; width: 64px; text-align: center; background-color: #d7282f; } 255 section .row div[class*="col"] { margin: 0; } 256 section .row div[class*="-sm"] { margin: 0 2%; } 257 footer [class*='col'].social { max-width: 240px; margin: 0 auto; float: initial; } 258 footer .links ul { margin: 5% 0 0 15%; } 259 footer .links ul li { width: 45%; } 260 261 /* mobile effects */ 262 .hide-desktop { display: block; } 263 .hide-mobile { display: none; } 264 265 /* AMP Carousel */ 266 .indicators { display: none; } 267 } 268 269 270 /* CSS Generated by PAGE-BUILDER-CSS format script - https://github.com/doppl3r/cascade-cms-page-builder */ 271html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } 272*, *:before, *:after { box-sizing: border-box; } 273/* https://github.com/doppl3r/grix */ 274.row{display:flex;flex-wrap:wrap}.row>[class*="col-"]{box-sizing:border-box;padding:0 12px;flex-grow:0}.row>.col{box-sizing:border-box;-ms-flex-preferred-size:0;-ms-flex-positive:1;flex:1 0 0;padding:0 12px;width:100%}.row>.col-1-m{width:8.3334%}.row>.col-2-m{width:16.6667%}.row>.col-3-m{width:25%}.row>.col-4-m{width:33.3334%}.row>.col-5-m{width:41.6667%}.row>.col-6-m{width:50%}.row>.col-7-m{width:58.3334%}.row>.col-8-m{width:66.6667%}.row>.col-9-m{width:75%}.row>.col-10-m{width:83.3334%}.row>.col-11-m{width:91.6667%}.row>.col-12-m{width:100%}.row>.col-1{width:8.3334%}.row>.col-2{width:16.6667%}.row>.col-3{width:25%}.row>.col-4{width:33.3334%}.row>.col-5{width:41.6667%}.row>.col-6{width:50%}.row>.col-7{width:58.3334%}.row>.col-8{width:66.6667%}.row>.col-9{width:75%}.row>.col-10{width:83.3334%}.row>.col-11{width:91.6667%}.row>.col-12{width:100%}@media (max-width: 768px){.row>[class*="col-"].col-1-m{width:8.3334%}.row>[class*="col-"].col-2-m{width:16.6667%}.row>[class*="col-"].col-3-m{width:25%}.row>[class*="col-"].col-4-m{width:33.3334%}.row>[class*="col-"].col-5-m{width:41.6667%}.row>[class*="col-"].col-6-m{width:50%}.row>[class*="col-"].col-7-m{width:58.3334%}.row>[class*="col-"].col-8-m{width:66.6667%}.row>[class*="col-"].col-9-m{width:75%}.row>[class*="col-"].col-10-m{width:83.3334%}.row>[class*="col-"].col-11-m{width:91.6667%}.row>[class*="col-"].col-12-m{width:100%}.row>.col-1{width:100%}.row>.col-2{width:100%}.row>.col-3{width:100%}.row>.col-4{width:100%}.row>.col-5{width:100%}.row>.col-6{width:100%}.row>.col-7{width:100%}.row>.col-8{width:100%}.row>.col-9{width:100%}.row>.col-10{width:100%}.row>.col-11{width:100%}.row>.col-12{width:100%}} 275.row > div { width: 100%; } 276amp-script { opacity: 1; } 277section { background-size: cover; background-position: center center; } 278section, .row, [class*="col-"], .content { position: relative; } 279
280.carousel-controls {text-align: center;position: absolute; bottom: 12px; left: 0; right: 0; width: 100%; text-align: right; z-index: 1; box-sizing: border-box; padding: 0 12px; pointer-events: none; } 281.carousel-controls span[class] { display: inline-block; cursor: pointer; pointer-events: all; vertical-align: top; color: #fff; background-color: #000; font-size: 11px; padding: .15rem .5rem; text-transform: uppercase; line-height: 1rem;} 282.carousel-controls span.play:before { content: 'play'; } 283.carousel-controls span.pause:before { content: 'pause'; } 284.carousel-controls button { display: inline-block; margin: 0; padding: 0; list-style: none; line-height: 16px; } 285.carousel-controls button {display: inline-block; position:relative;top:.25rem } 286.carousel-controls button.active { background-color: #fff; } 287amp-selector.carousel-controls [option][selected]{ background-color: black; } 288amp-carousel [class*="carousel-item"], amp-carousel [id*="carousel-item"] { background-size: cover; background-position: center; } 289amp-carousel .amp-carousel-button { cursor: pointer; } 290amp-carousel a:focus{border:3px solid #F15F78;} 291.carousel-controls button {border-radius: 50%; width: 16px; height: 16px; background-color: #fff; pointer-events: all; box-sizing: border-box; background-color: #fff; box-shadow: inset 0 1px 2px rgba(0, 0, 0 , 1); opacity: 0.5; width: 20px; height: 20px; margin: 0 2px; } 292.carousel-controls button[active] { opacity: 1; border: none; } 293.amp-carousel-button { width: 32px; height: 100px; background-size: contain; background-color: transparent; opacity: 0.5; } 294.amp-carousel-button:focus { opacity: 1; } 295.amp-carousel-button-prev { background-image: url('/assets/img/arrow-left.svg');} 296.amp-carousel-button-next { background-image: url('/assets/img/arrow-right.svg');} 297amp-carousel div[user-scrollable="true"]{overflow: hidden;} 298.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} 299.hidden{display:none;visibility:hidden} 300 301/* popup styling */ 302#popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; display: flex; align-items: center; } 303#popup.hide { display: none; } 304#popup .close-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background-color: rgba(0, 0, 0, 0.5); } 305#popup .wrapper { display: block; margin: auto; max-width: 600px; width: 600px; position: relative; } 306#popup .wrapper .close-button { cursor: pointer; color: #fff; padding: .75rem; position: absolute; top: 0; right: 0; z-index: 1; } 307#popup .wrapper .close-button:hover { background-color: #000; } 308#popup .wrapper a { display: block; position: relative; z-index: 0; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5); } 309#popup .wrapper a amp-img { margin: auto; } 310 311[data-name="section-1"] { background-color: #f1f1f1; padding: 156px 16px 48px; } 312 313 314.copy { text-align: right; } 315.copy .row { max-width: 800px; margin: auto; } 316.copy .phone { text-align: center; padding: 24px 0; } 317.copy h1 { font-size: 24px; line-height: auto; } 318.copy p { font-size: 18px; line-height: auto; } 319.copy a { text-decoration: none; } 320 321 322@media (max-width: 767px){ 323.copy { text-align: center; } 324} 325 326 327 328 329 330.notification{width: 100%; z-index: 1000; padding: 2rem; text-align:center} 331.notification a{color:#fff; text-decoration:underline} 332.notification h1, .notification p{color:#fff;} 333.notification h1{font-size:1rem;} 334.cb .notification{background-color: #000; font-size:1rem} 335.cb .notification h1{font-size:1.5rem} 336.hai .notification {background: #F8B9CF; width: auto; padding: 1rem; font-size: 1.25rem; } 337.hai .notification h1{font-size: 1.5rem; color: #000;} 338.hai .notification p{color: #000} 339.td .notification {width:auto;background-color:#003F89; padding: 1rem; margin-top: 1rem} 340.scs .notification {background-color:#D9F3FA;} 341.scs .notification h1, .scs .notification p, .scs .notification a{ color: #1A6578; font-size: 1.25rem} 342.ss .notification {background-color:#5aa29a;width: auto; padding: 1rem} 343.ss .notification h1{margin:0rem 0rem 1.5rem; font-size:2.25rem} 344.ss .notification p{margin-bottom:0rem;} 345.rz .notification{width:auto; padding: 4rem;background-color:#000} 346.rz .notification p{margin-bottom:0rem;} 347.r1 .notification {background-color: #FFCB08; width: auto;} 348.r1 .notification a,.r1 .notification h1, .r1 .notification p{color:#000;font-size: 1.25rem} 349.r1 .notification h1{font-family: "Gupter", serif; letter-spacing: 1px; } 350.ng .notification {background-color:#eba612;width: auto;padding: .25rem; margin-top: 1rem} 351.ng .notification p{font-size: .9rem;} 352.ng #footerContainer .notification a, .ng #footerContainer .notification a:hover{text-decoration: underline;} 353.ng #footerContainer .notification a:hover{color: #fff; } 354.cy .notification{background-color: #8D0615; font-size: .75rem; padding: .5rem} 355.kb .notification{background-color:#a92a30;padding:.5rem;} 356.kb .notification h1{font-size:1.85rem} 357.cd .notification {background-color:#BE1E2E;width: auto; padding: 1rem; color:#ffffff;} 358.cd .notification h1{margin:0rem 0rem 1.5rem; font-size:2.25rem} 359.cd .notification p{margin-bottom:0rem;} 360.hide{display: none} 361.block{color:#646466;display:block;text-align: center;position: fixed;bottom:5rem;left:33%;background-color: #fff;font-size: 1rem;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);width: 34%;padding: 0rem 1rem 1rem 1rem;z-index: 3000;} 362.block p{margin: 1rem 0rem} 363.block a,#footerContainer .block a{color:#646466;text-decoration: underline;} 364.block,.block .btn{font-family: "verdana-pro",sans-serif; border:none;} 365.block button{background-color: #646466;text-transform: uppercase; padding: .5rem; color: #fff;border:none} 366 367@media(max-width:967px){ 368 .block{left:0rem; bottom:0rem;width:100%; box-shadow:none} 369} 370 371 </style> 372 373 374
374<script id="oada_ma_toolbar_script">var oada_ma_license_key="UW7IIkEhPru6kj7oaFR95jpgMzZxkj";var oada_ma_license_url="https://api.maxaccess.io/scripts/toolbar/UW7IIkEhPru6kj7oaFR95jpgMzZxkj";(function(s,o,g){a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.src=g;a.setAttribute("async","");a.setAttribute("type","text/javascript");a.setAttribute("crossorigin","anonymous");m.parentNode.insertBefore(a,m)})(document,"script",oada_ma_license_url+oada_ma_license_key);</script>
374 375 </head> 376 <body class="cb"> 377 <div class="wrapper"> 378 <nav> 379 <div class="navwrapper"> 380 <a class="skip" href="#mainwrap">skip to content</a> 381 <a class="logo" href="/index.php"> 382 <amp-img alt="AMP" height="80" layout="responsive" noloading="" src="../assets/images/Logo_2Color.svg" width="156"> 383 </amp-img> 384 </a> 385 <amp-selector id="nav-selector" layout="container" multiple="" role="navigation"> 386 <a aria-haspopup="true" aria-label="open menu" aria-selected="false" class="mobile-toggle" option="1" role="option"> 387 <amp-img alt="menu icon" height="35" layout="fixed" src="../assets/images/icons/menu-icon.svg" width="35"> 388 </amp-img> 389 </a> 390 <ul> 391 392 393 <li id="menu-group"> 394 <a aria-label="menu" href="../menu/index.php" target="_blank" title="menu">menu</a> 395</li> 396 397 398 <li id="locations-group"> 399 <a aria-label="locations" href="/locator" target="_self" title="locations">locations</a> 400</li> 401 402 403 <li id="order-online-group"> 404 <a aria-label="order online" href="https://order.thecounter.com" target="_self" title="order online">order online</a> 405</li> 406 407 408 <li id="catering-group"> 409 <a aria-label="catering" href="../catering/index.php" target="_self" title="catering">catering</a> 410</li> 411 412 413 <li id="loyalty-group"> 414 <a aria-label="loyalty" href="../loyalty/index.php" target="_self" title="loyalty">loyalty</a> 415</li> 416 417 418 <li id="gift-cards-group"> 419 <a aria-label="Gift Cards" href="../gift-cards/index.php" target="_self" title="Gift Cards">Gift Cards</a> 420</li> 421 422 423 <li id="franchise-group"> 424 <a aria-label="Franchise" href="https://www.thecounterfranchise.com/" target="_blank" title="Franchise">Franchise</a> 425</li> 426 </ul> 427 </amp-selector> 428 </div> 429</nav> 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450<section class='copy' data-name="section-1"> 451 452 453 454 455 456 457 458 459 460<div class='row'> 461 462 463 464 465 466 467 468 469 470<div class='col-6'> 471 472 473 474 475 476 477 478 479 480<div class='content'> 481 482 483 484 485 486 487 488 489 490<div class='item'> 491<h1>Get Our App</h1> 492<p>Customize your burger right from your phone.<br>Skip the line, and order online!</p> 493<a href="https://apps.apple.com/us/app/the-counter-burger/id1445705341" aria-label="download on the app store" title="" target="_blank"> 494<amp-img alt="download on the app store" height="58" layout="fixed" src="../assets/images/itunes.png" width="160"> 495</amp-img> 496</a> 497<a href="https://play.google.com/store/apps/details?id=com.olo.thecounter&hl=en_US" aria-label="download on google play" title="" target="_blank"> 498<amp-img alt="download on google play" height="58" layout="fixed" src="../assets/images/google-play.png" width="160"> 499</amp-img> 500</a> 501</div> 502 503 504 505 506 </div> 507 508 509 510 511 </div> 512 513 514 515 516 517 518 519 520 521 522 523 524 525<div class='col-6'> 526 527 528 529 530 531 532 533 534 535<div class='content'> 536 537 538 539 540 541 542 543 544 545 546 547 <amp-img src="../assets/images/app-mobile.png" width="247" height="514" layout="fixed" alt="olo app" class='item'> 548</amp-img> 549 550 551 552 553 </div> 554 555 556 557 558 </div> 559 560 561 562 563 </div> 564 565 566 567 568 </section> 569 570 571 572 573 574 575 576 577 <footer> 578 <div class="row"> 579 580 <div class="nav-logo col-3 social"> 581 <amp-img alt="AMP" height="80" layout="responsive" noloading="" src="../assets/images/Logo_2Color.svg" width="156"> 582 </amp-img> 583 <ul> 584 <li> 585 <a aria-label="facebook, Link opens in new tab, link" href="https://www.facebook.com/TheCounter/" target="_blank"> 586 <amp-img alt="facebook" height="24" layout="responsive" noloading="" src="../assets/images/facebook_navy.svg" width="24"> 587 </amp-img> 588 </a> 589 </li> 590 <li> 591 <a aria-label="twitter, Link opens in new tab, link" href="https://twitter.com/counterburger?lang=en" target="_blank"> 592 <amp-img alt="twitter" height="24" layout="responsive" noloading="" src="../assets/images/twitter_navy.svg" width="24"> 593 </amp-img> 594 </a> 595 </li> 596 <li> 597 <a aria-label="instagram, Link opens in new tab, link" href="https://www.instagram.com/thecounterburger/?hl=en" target="_blank"> 598 <amp-img alt="instagram" height="24" layout="responsive" noloading="" src="../assets/images/instagram_navy.svg" width="24"> 599 </amp-img> 600 </a> 601 </li> 602 </ul> 603 </div> 604 <div class="nav-group col-9 links"> 605 <ul> 606 <li> 607 <a aria-label="home" href="../index.php" target="_self">home</a> 608 </li> 609 <li> 610 <a aria-label="menu" href="../menu/index.php" target="_self">menu</a> 611 </li> 612 <li> 613 <a aria-label="locations" href="../locator/index.php?brand=32&mode=desktop&pagesize=25&q=23226" target="_self">locations</a> 614 </li> 615 <li> 616 <a aria-label="order online" href="https://order.thecounter.com/" target="_blank">order online</a> 617 </li> 618 <li> 619 <a aria-label="catering" href="../catering/index.php" target="_self">catering</a> 620 </li> 621 <li> 622 <a aria-label="loyalty" href="/loyalty" target="_self">loyalty</a> 623 </li> 624 <li> 625 <a aria-label="app" href="index.php" target="_self">app</a> 626 </li> 627 <li> 628 <a aria-label="join our team" href="../join-our-team/index.php" target="_self">join our team</a> 629 </li> 630 <li> 631 <a aria-label="contact" href="../contact/index.php" target="_self">contact</a> 632 </li> 633 <li> 634 <a aria-label="press" href="../pressroom/index.php" target="_self">press</a> 635 </li> 636 <li> 637 <a aria-label="franchise" href="https://www.thecounterfranchise.com/" target="_blank">franchise</a> 638 </li> 639 <li> 640 <a aria-label="privacy" href="../privacy/index.php" target="_self">privacy</a> 641 </li> 642 <li> 643 <a aria-label="card balance" href="https://www.valuteccardsolutions.
643com/Customers/balance.aspx" target="_blank">card balance</a> 644 </li> 645 <li> 646 <a aria-label="accessibility" href="../accessibility/index.php" target="_self">accessibility</a> 647 </li> 648 <li> 649 <a aria-label="terms and conditions" href="../terms/index.php" target="_self">terms and conditions</a> 650 </li> 651 <li> 652 <a aria-label="Do Not Sell or Share My Personal Info, link opens in new tab, link" href="https://www.kahalamgmt.com/about/donotsell/" target="_blank">Do Not Sell or Share My Personal Info</a> 653 </li> 654 </ul> 655 </div> 656 </div> 657</footer> 658 659 660 661 662 663 664 665 666 </div> 667 668<!-- Google Tag Manager -->
669<script>
vendor: 331 bytes, lines 669-673
669(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 670new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 671j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 672'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 673})(window,document,'script','dataLayer','
673GTM-TJ5LZWN
vendor: 3 bytes, line 673
673');
673</script>
673 674<!-- End Google Tag Manager --> 675 676 677 678 </body> 679</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.