PageSourceSearch

https://www.thecounter.com/app/

html thecounter.com collected 2026-10-02 04:51:05 UTC 39,875 bytes, 679 lines download raw bytes

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&amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;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&amp;mode=desktop&amp;pagesize=25&amp;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.