1<!DOCTYPE html> 2<html xmlns="http://www.w3.org/1999/xhtml" amp="" lang="en"> 3 <head> 4 <link crossorigin="anonymous" href="https://use.typekit.net" rel="preconnect"/> 5<link crossorigin="anonymous" href="https://p.typekit.net" rel="preconnect"/> 6<link crossorigin="anonymous" href="https://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 - Contact 12 </title> 13 <meta charset="utf-8"/> 14 <meta content="width=device-width,minimum-scale=1,initial-scale=1" name="viewport"/> 15 <meta content="Mon, 29 Jun 2026 11:28:47 -0380" name="date"/> 16 17 <meta content="The Counter | Talk to us!" name="description"/> 18 19 20 <link href="https://www.thecounter.com/contact/index.php" rel="canonical"/> 21 22
22<script async="" src="https://cdn.ampproject.org/v0.js"></script>
22 23 24 25 26 27 28
28<script async="" custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
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) => { 32 for ( 33 var t = document.querySelectorAll("#nav-selector .toggle"), 34 a = document.querySelector(".mobile-toggle"), 35 r = 0, 36 d = t.length; 37 r < d; 38 r++ 39 ) 40 t[r].setAttribute("dataIndex", r), 41 t[r].setAttribute("aria-expanded", "false"), 42 t[r].addEventListener("click", function (e) { 43 var a = "true" == t[e.target.attributes.dataIndex.value].getAttribute("aria-selected"); 44 t[e.target.attributes.dataIndex.value].setAttribute("aria-expanded", !a); 45 }), 46 t[r].addEventListener("keydown", function (e) { 47 if ("Tab" != e.key) { 48 var a = "true" == t[e.target.attributes.dataIndex.value].getAttribute("aria-selected"); 49 t[e.target.attributes.dataIndex.value].setAttribute("aria-expanded", !a); 50 } 51 }), 52 a.addEventListener("click", function (e) { 53 var t = "true" == a.getAttribute("aria-selected"); 54 a.setAttribute("aria-expanded", !t); 55 }), 56 a.addEventListener("keydown", function (e) { 57 if ((event.keyCode, "Tab" != e.key)) { 58 var t = "true" == a.getAttribute("aria-selected"); 59 a.setAttribute("aria-expanded", !t); 60 } 61 }); 62}); 63 64window.addEventListener("load", (e) => { 65 const t = document.getElementById("nav-selector"); 66 if (t) { 67 t.removeAttribute("aria-multiselectable"); 68 } 69}); 70 71//fix mobile toggle aria-label to switch open and close 72window.addEventListener("load", (e) => { 73 let t = document.querySelector("a[aria-label='open menu']"); 74 t && 75 (t.addEventListener("click", function (e) { 76 "false" == t.getAttribute("aria-expanded") 77 ? t.setAttribute("aria-label", "open menu") 78 : t.setAttribute("aria-label", "close menu"); 79 }), 80 t.addEventListener("keydown", function (e) { 81 event.keyCode,
82 "Tab" != e.key && 83 ("false" == t.getAttribute("aria-expanded") 84 ? t.setAttribute("aria-label", "open menu") 85 : t.setAttribute("aria-label", "close menu")); 86 })); 87}); 88 89//]]></script>
89 90 91 92 93 94 95 <style amp-boilerplate=""> 96body{-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}} 97</style> 98<noscript> 99<style amp-boilerplate="">body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style> 100</noscript> 101 <link href="../favicon.png" rel="shortcut icon" type="image/x-icon"/> 102 <link href="https://use.typekit.net/qmi8sap.css" rel="stylesheet"/> 103 <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"/> 104 <style amp-custom="" type="text/css"> 105 @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; } 106 107 108 /* The Counter Stylesheet */ 109 html, body { font-size: 100%; height: 100%; } 110 body { background: #cdbca2; color: #182D35; font-family: "Ropa Sans", arial; font-size: 62.5%; font-weight: 400; overflow-x: hidden; } 111 body section { position: relative; } 112 body section[class*='section-'] { background-position: center center; background-size: cover; } 113 114 /*new nav*/ 115 nav {background-color: rgba(255, 255, 255, 0.8); height: 10em; left: 0; position: fixed; top: 0; width: 100%; z-index: 11; } 116 nav .navwrapper { align-items: center; display: flex; height: inherit; position: relative; padding: 0 2%;height: inherit; max-width: 1260px; margin: auto; } 117 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; } 118 nav .skip:focus { opacity: 1; } 119 nav .logo { height: 80px; width: 156px; } 120 nav amp-selector[layout=container] { position: static; flex-grow: 1; position: static; } 121 nav amp-selector .mobile-toggle { display: none; } 122 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; } 123 nav amp-selector > ul { list-style: none; padding: 0; margin: 0; text-align: right; } 124 nav amp-selector > ul > li { display: inline-block; position: relative; } 125 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; } 126 nav amp-selector[multiple] [option][selected] { outline: none;} 127 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; } 128 nav amp-selector > ul > li > a[aria-selected="false"] + *, nav amp-selector > ul > li > div[aria-selected="false"] + * { display: none; } 129 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); } 130 nav amp-selector > ul > li#loyalty-group > ul#loyalty-list { border-top-right-radius: 0; right: 0; white-space: nowrap; padding: .5rem;} 131 nav amp-selector > ul > li > ul > li a { padding: 6px; min-width: 150px; display: block; color:#fff; text-decoration: none; } 132 133 134 footer { padding: 64px 0 } 135 footer ul { list-style: none; padding: 0; } 136 footer .social img { display: block; margin: auto; } 137 footer .social ul { text-align: center; } 138 footer .social ul li { display: inline-block; width: 24px; height: 24px; margin: 12px; vertical-align: middle; } 139 footer .links ul { margin-left: 64px; } 140 footer .links ul li { width: 30%; display: inline-block; margin-bottom: 20px; vertical-align: top; } 141 footer .links ul li a { font-family: "veneer", Impact; font-size: 22px; text-transform: uppercase; color: inherit; text-decoration: none; } 142 143 /* AMP Carousel */ 144 amp-carousel { margin-bottom: -20px; margin-top: 10em; } 145 amp-carousel .amp-carousel-slide { background-position: center center; background-size: cover; } 146 amp-carousel .amp-carousel-button { cursor: pointer; }
147 .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; } 148 .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; } 149 .carousel-controls .indicators { display: inline-block; margin: 0; padding: 0; list-style: none; } 150 .carousel-controls .indicators li { border-radius: 50%; cursor: pointer; display: inline-block; width: 19px; height: 19px; background-color: #000; margin: 4px; pointer-events: all; } 151 .carousel-controls .indicators li.active { background-color: #fff; } 152 153 /* popup styling */ 154 #popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; display: flex; align-items: center; } 155 #popup.hide { display: none; } 156 #popup .close-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background-color: rgba(0, 0, 0, 0.5); } 157 #popup .wrapper { display: block; margin: auto; max-width: 600px; width: 600px; position: relative; } 158 #popup .wrapper .close-button { cursor: pointer; color: #fff; background-color: #d7282f; padding: 12px; position: absolute; top: 0; right: 0; z-index: 1; } 159 #popup .wrapper .close-button:hover { background-color: #000; } 160 #popup .wrapper a { display: block; position: relative; z-index: 0; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5); } 161 #popup .wrapper a amp-img { margin: auto; } 162 163 164 /* effects */ 165 .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; } 166 .hide-desktop { display: none; } 167 .hide-mobile { display: block; } 168 .hide-both { display: none; } 169 170 /* ADA special styling */ 171 .adaBadge { text-align: center; padding: 0 0 128px; } 172 .adaBadge a { display: inline-block; } 173 .adaBadge a amp-img { width: 102px; margin: 0 auto; } 174 175 176 /*MENU*/ 177 .top-text h1,.foodcontainer span.alt, .advanced .foodcontainer h2 > span > span span, .foodcontainer h3{font-family: 'Asphalts Brush';} 178 .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;} 179 .top-image h1, .basic .foodcontainer h2, .foodcontainer .calloutMedium span,.advanced .foodcontainer h2,.foodcontainer h1, .calloutSmall legend{font-family:"veneer";text-transform:uppercase;} 180 .foodcontainer .disclaimer p:first-of-type,.advanced .foodcontainer li{font-family: "Rubik"; font-weight:700;} 181 .top-text{position: relative; background-color:#cdbca2; text-align: center} 182 .top-text h1{color:#731829;font-size: 8rem; font-weight: normal; line-height: 5.25rem;margin:0rem;} 183 .top-text h2{text-align: center; text-transform: uppercase; font-size: 1.25rem; margin:0rem;} 184 .top-text p{font-size: 1.25rem; max-width: 95rem; margin-left:auto; margin-right: auto;} 185 .foodcontainer, .breadNav{max-width: 70rem; margin: 0rem auto;padding-left: 0rem} 186 .foodcontainer li{list-style:none; text-align: center;margin-bottom:2rem;} 187 .foodcontainer li amp-img{margin-bottom:.75rem;} 188 .foodcontainer li a, .foodcontainer{color: #182D35; text-transform: uppercase; font-size: 1.25rem; font-weight: bold; text-decoration: none} 189 .foodcontainer li span, .basic .foodcontainer .alt span{display: block; font-weight: normal; font-size:1rem;padding-top: .3rem;text-transform: none} 190 .foodcontainer{margin-top:1.5rem;} 191 192 .basic .foodcontainer, .advanced .foodcontainer{margin-top:0rem;} 193 194 .foodcontainer .calloutMedium{width:40rem; margin:2rem auto 0rem; border:2px dotted #b32e3b;padding:1rem} 195 .foodcontainer .calloutMedium{text-transform: none} 196 .foodcontainer .calloutMedium .col-6{padding: 0rem} 197 .foodcontainer .calloutMedium span{font-size: 1.5rem; padding-right:.3rem; vertical-align: middle; line-height: 1rem} 198 .foodcontainer .calloutSmall{text-align: center;width:22rem; margin:2rem auto;border:2px dotted #b32e3b;}
199 .foodcontainer .calloutSmall span{display: block; font-size: 1rem; text-transform: none; font-style: italic;} 200 .foodcontainer span.alt{display: block;font-size: 1.5rem;margin-bottom: 1rem; } 201 202 .basic .foodcontainer li, .advanced .foodcontainer li{text-align:left} 203 .basic .foodcontainer h2{font-size:2rem;color:#b32e3b} 204 .basic .foodcontainer .alt h2{margin-bottom:0rem;} 205 .basic .foodcontainer ul, .basic .foodcontainer li, .basic .foodcontainer .col-12, .basic .foodcontainer .col-6, .advanced .foodcontainer .col-4{padding-left:0rem;} 206 .basic .foodcontainer .col-6 ul{margin-top:0rem;} 207 .basic .foodcontainer .col-6.alt ul{margin-top:20px;} 208 .basic .foodcontainer .alt span,.basic .foodcontainer .alt li{margin-bottom: 0rem; text-transform: none;} 209 .advanced .foodcontainer .col-4:nth-of-type(2) h2{margin-bottom: 0rem} 210 .advanced .foodcontainer .col-4 > div > div > span{padding-left:.75rem;font-size: 1rem} 211 .advanced .foodcontainer .col-4:nth-of-type(2) > div > div > span{text-transform: lowercase;font-size: 1rem} 212 .advanced .foodcontainer hr{border:1px dashed #182D35; margin-left: 1rem;width: 60%} 213 .top-image{position: relative;background: linear-gradient(to bottom, #182D35 0%,#182D35 60%,#000000 60%,white 60%,white 100%);margin-top:100px; } 214 .top-image .row{width: 75rem; margin:0rem auto;padding: 3rem} 215 .top-image h1, .top-image p{color: #fff;margin:0rem; padding: 0rem} 216 217 218 .top-image h1{font-size: 5rem; font-weight: normal;line-height: 3.75rem; padding-top: .5rem} 219 .top-image p{font-size: 1rem;} 220 .foodcontainer h1{font-size: 4rem} 221 .strongRed{color:#b32e3b;} 222 223 224 .advanced .foodcontainer .col-12 h1{border-top:2px dotted #182D35; text-align: center;padding-top:3.5rem;} 225 .advanced .foodcontainer h3{padding-left: .75rem;font-size: 1.5rem;margin-bottom: 0rem;} 226 .advanced .foodcontainer h2 > span, .advanced .foodcontainer h2 > span > span{display: block;font-size: 3.25rem;} 227 .advanced .foodcontainer h2 > span{padding-left: .75rem} 228 .advanced .foodcontainer h2 > span > span span{font-size: 3.5rem; display: inline-block; } 229 .advanced .cyob, .advanced .glutenfree, .advanced .vegan{display:none} 230 .advanced .foodcontainer li{font-size: 1rem;} 231 .advanced .foodcontainer li div span{display: inline;} 232 .advanced .foodcontainer .wrap li div span{display: block;} 233 .advanced .foodcontainer li{list-style: disc;margin-bottom: 0rem; text-transform: capitalize;font-weight: bold} 234 .foodcontainer .disclaimer p{text-transform:none;font-size:.8rem; text-align:center} 235 .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; } 236 .breadNav li::after {content: " ⺠";} 237 .breadNav li:last-child::after {content: ""} 238 .foodcontainer .breadNav li{text-transform:none} 239 .breadNav li a, .advanced .foodcontainer .breadNav li a{color: #182D35; font-weight: bold; text-transform: uppercase; text-decoration: underline; font-size: 1.1rem} 240 241 @media (max-width: 1200px) { 242 243 .top-image .row{width: 64rem;} 244 .top-image h1{font-size: 4rem;} 245 .foodcontainer{margin:1.5rem 2rem 0rem 2rem} 246 .basic .foodcontainer, .advanced .foodcontainer{margin-top:0rem;} 247 .top-image h1{font-size: 4rem; line-height: 3.5rem;} 248 249 } 250 251 @media (max-width: 1024px) { 252 .top-image{margin-top:70px;} 253 .top-image .row{width: 47.9rem} 254 .top-image h1{font-size: 2.5rem; line-height: 2rem;padding-top:.35rem;} 255 .top-image .col-4{width:50%;} 256 .top-image .col-8{width:50%} 257 .foodcontainer .col-3{width:33.3334%} 258 .foodcontainer{margin:1.5rem 2rem 0rem 2rem} 259 .basic .foodcontainer, .advanced .foodcontainer{margin-top:0rem;} 260 .top-image p{font-size: .85rem} 261 262 } 263 264 /* media queries */ 265 @media (max-width: 1024px) { 266 /* nav .nav-logo .logo-link > amp-img { height: 5em; } 267 nav .nav-logo .logo-link > img { height: 5em; } 268 nav .row .nav-group .nav-list { height: 7em; } 269 nav .row .nav-group .nav-list ul li { margin-right: 1em; }*/ 270 nav amp-selector > ul > li > a, nav amp-selector > ul > li > div{padding:.5em .3em; font-size: 2em; } 271 nav amp-selector > ul > li > a, nav amp-selector > ul > li > div{line-height: 4rem} 272 header { padding-top: 7em; } 273 amp-carousel { margin-top: 7em; } 274 } 275 @media (max-width: 767px){ 276 .top-image{background: #182D35; text-align:center;} 277 .top-image h1{font-size:4rem; line-height: 5rem; padding:0rem;} 278 .top-image .col-4{display: none;} 279 .top-image .row{width: 100%; margin:0rem auto;} 280 .top-image .col-8{width:100%} 281 .basic .foodcontainer, .basic .foodcontainer li,.advanced .foodcontainer, .advanced .foodcontainer li{text-align: center} 282 .advanced .foodcontainer li{list-style: none} 283 .advanced .foodcontainer ul, .advanced .foodcontainer h3,.advanced .foodcontainer span {padding-left:0rem;} 284 .foodcontainer .col-3{width:100%} 285 .foodcontainer .calloutMedium .col-6:first-of-type{text-align: center; padding-bottom:1rem} 286 .foodcontainer .calloutMedium .col-6{text-align: center;} 287 .foodcontainer .calloutMedium{width:26rem;} 288 /*NEW NAV*/ 289 nav .navwrapper{padding: 0rem; display: block; position: static;} 290 nav .navwrapper .skip{display: none} 291 body nav .logo { width: 150px; position: absolute; top: 8px; left: 8px; } 292 nav amp-selector .mobile-toggle { display: block; position: absolute; right: 0; top: 0; padding: 34px; } 293 nav amp-selector .mobile-toggle[aria-selected="false"] ~ ul { min-height: initial; padding: 0; position: static; } 294 nav amp-selector .mobile-toggle[aria-selected="false"] ~ ul > li { display: none; } 295 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;
295overflow-y: scroll; margin-right: -17px; } 296 nav amp-selector > ul > li { display: block; } 297 /*NAV CHANGES 021420 - ADDED DIV TO THESE FOR ADA PURPOSES */ 298 nav amp-selector > ul > li > a, nav amp-selector > ul > li > div { font-size: 1.5rem; line-height: 3.25rem} 299 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 } 300 /*NAV CHANGES*/ 301 nav amp-selector > ul > li > ul { position: static; box-shadow: none; border-radius: 0rem; font-size: 1.25rem} 302 nav amp-selector > ul > li#our-menu-group > ul#our-menu-list { border-radius: 0; } 303 nav amp-selector > ul > li#connect-group > ul#connect-list { background-color: transparent; padding-top: 0; } 304 nav amp-selector > ul > li#rewards-group > ul#rewards-list { background-color: transparent; padding-top: 0; } 305 nav amp-selector > ul > li#find-a-location-group > ul#find-a-location-list { background-color: transparent; } 306 nav amp-selector > ul > li#order-now-group { display: block; position: absolute; top: 12px; right: 64px; } 307 nav amp-selector > ul > li#order-now-group > a { line-height: 40px; font-size: 12px; } 308 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; } 309 section .row div[class*="col"] { margin: 0; } 310 section .row div[class*="-sm"] { margin: 0 2%; } 311 footer [class*='col'].social { max-width: 240px; margin: 0 auto; float: initial; } 312 footer .links ul { margin: 5% 0 0 15%; } 313 footer .links ul li { width: 45%; } 314 315 /* mobile effects */ 316 .hide-desktop { display: block; } 317 .hide-mobile { display: none; } 318 319 /* AMP Carousel */ 320 .indicators { display: none; } 321 } 322 323 324 /* CSS Generated by PAGE-BUILDER-CSS format script - https://github.com/doppl3r/cascade-cms-page-builder */ 325html { 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; } 326*, *:before, *:after { box-sizing: border-box; } 327/* https://github.com/doppl3r/grix */ 328.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%}} 329.row > div { width: 100%; } 330amp-script { opacity: 1; } 331section { background-size: cover; background-position: center center; } 332section, .row, [class*="col-"], .content { position: relative; } 333
334.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; } 335.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;} 336.carousel-controls span.play:before { content: 'play'; } 337.carousel-controls span.pause:before { content: 'pause'; } 338.carousel-controls button { display: inline-block; margin: 0; padding: 0; list-style: none; line-height: 16px; } 339.carousel-controls button {display: inline-block; position:relative;top:.25rem } 340.carousel-controls button.active { background-color: #fff; } 341amp-selector.carousel-controls [option][selected]{ background-color: black; } 342amp-carousel [class*="carousel-item"], amp-carousel [id*="carousel-item"] { background-size: cover; background-position: center; } 343amp-carousel .amp-carousel-button { cursor: pointer; } 344amp-carousel a:focus{border:3px solid #F15F78;} 345.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; } 346.carousel-controls button[active] { opacity: 1; border: none; } 347.amp-carousel-button { width: 32px; height: 100px; background-size: contain; background-color: transparent; opacity: 0.5; } 348.amp-carousel-button:focus { opacity: 1; } 349.amp-carousel-button-prev { background-image: url('/assets/img/arrow-left.svg');} 350.amp-carousel-button-next { background-image: url('/assets/img/arrow-right.svg');} 351amp-carousel div[user-scrollable="true"]{overflow: hidden;} 352.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} 353.hidden{display:none;visibility:hidden} 354 355.legend-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); border: 0; } 356fieldset { border: 0; padding: 0; margin: 0; } 357.address dl { display: grid; grid-template-columns: max-content 1fr; gap: 0.25rem 0.75rem; margin: 0 0 !important; } 358.address dd { margin: 0; } 359 360/* popup styling */ 361#popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; display: flex; align-items: center; } 362#popup.hide { display: none; } 363#popup .close-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background-color: rgba(0, 0, 0, 0.5); } 364#popup .wrapper { display: block; margin: auto; max-width: 600px; width: 600px; position: relative; } 365#popup .wrapper .close-button { cursor: pointer; color: #fff; padding: .75rem; position: absolute; top: 0; right: 0; z-index: 1; } 366#popup .wrapper .close-button:hover { background-color: #000; } 367#popup .wrapper a { display: block; position: relative; z-index: 0; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5); } 368#popup .wrapper a amp-img { margin: auto; } 369 370[data-name="section-1"] { background-image: url('../assets/images/contact_hero.jpg'); padding: 180px 0 180px 0; } 371[data-name="section-2"] { background-color: #ffffff; padding: 40px 0 100px 0; } 372 373 374.copy { text-align: center; } 375.copy .row { max-width: 800px; margin: auto; padding: 0 12px; box-sizing: border-box; } 376.copy h1 { font-family: "asphalts_brushregular"; font-size: 100px; font-weight: normal; margin: 40px 0 20px; } 377.copy p { font-size: 22px; } 378.copy ul { list-style: none; font-size: 22px; } 379.content a.red-button { color: #630426; font-family: 'veneer'; text-transform: uppercase;font-size: 19px; padding: 10px 15px; border: 2px solid #630426; margin: 12px 16px 16px; display: inline-block; text-decoration: none; } 380.copy .boxed li { width: 45%; display: inline-block; text-align: left; margin-bottom: 32px; vertical-align: top; } 381.copy .boxed li span { display: block; } 382.copy .boxed li a { border-bottom: 2px dashed #630426; color: #630426; text-decoration: none; } 383 384@media (max-width: 767px){ 385.copy h1 { font-size: 60px; } 386.copy p { font-size: 18px; } 387.copy ul { list-style: none; font-size: 18px; padding-left: 0; } 388.copy .boxed li { display: block; text-align: center; width: 100%; } 389} 390 391 392 393 394 395.ng #footerContainer .notification a:hover,.notification a,.notification h1,.notification p{color:#fff}.block,.notification h1{font-size:1rem}.ng #footerContainer .notification a,.ng #footerContainer .notification a:hover,.notification a{text-decoration:underline}.notification{width:100%;z-index:1000;padding:2rem;text-align:center}.cb .notification{background-color:#000;font-size:1rem}
395.cb .notification h1{font-size:1.5rem}.hai .notification{background:#f8b9cf;width:auto;padding:1rem;font-size:1.25rem}.hai .notification h1{font-size:1.5rem;color:#000}.hai .notification p{color:#000}.td .notification{width:auto;background-color:#003f89;padding:1rem;margin-top:1rem}.scs .notification{background-color:#d9f3fa}.scs .notification a,.scs .notification h1,.scs .notification p{color:#1a6578;font-size:1.25rem}.ss .notification{background-color:#5aa29a;width:auto;padding:1rem}.cd .notification h1,.ss .notification h1{margin:0 0 1.5rem;font-size:2.25rem}.cd .notification p,.rz .notification p,.ss .notification p{margin-bottom:0}.rz .notification{width:auto;padding:4rem;background-color:#000}.r1 .notification{background-color:#ffcb08;width:auto}.r1 .notification a,.r1 .notification h1,.r1 .notification p{color:#000;font-size:1.25rem}.r1 .notification h1{font-family:Gupter,serif;letter-spacing:1px}.ng .notification{background-color:#eba612;width:auto;padding:.25rem;margin-top:1rem}.ng .notification p{font-size:.9rem}.cy .notification{background-color:#8d0615;font-size:.75rem;padding:.5rem}.kb .notification{background-color:#a92a30;padding:.5rem}.kb .notification h1{font-size:1.85rem}.cd .notification{background-color:#be1e2e;width:auto;padding:1rem;color:#fff}.hide{display:none}.block{color:#646466;display:block;text-align:center;position:fixed;bottom:5rem;left:33%;background-color:#fff;box-shadow:0 0 6px rgba(0,0,0,.25);width:34%;padding:0 1rem 1rem;z-index:3000}.block p{margin:1rem 0}#footerContainer .block a,.block a{color:#646466;text-decoration:underline}.block,.block .btn{font-family:verdana-pro,sans-serif;border:none}.block button{background-color:#646466;text-transform:uppercase;padding:.5rem;color:#fff;border:none}@media(max-width:967px){.block{left:0;bottom:0;width:100%;box-shadow:none}} 396 397 </style> 398 399 400 401 </head> 402 <body class="cb"> 403 <div class="wrapper"> 404 <nav> 405 <div class="navwrapper"> 406 <a class="skip" href="#mainwrap">skip to content</a> 407 <a class="logo" href="/index.php"> 408 <amp-img alt="AMP" height="80" layout="responsive" noloading="" src="../assets/images/Logo_2Color.svg" width="156"> 409 </amp-img> 410 </a> 411 <amp-selector id="nav-selector" layout="container" multiple="" role="navigation"> 412 <a aria-haspopup="true" aria-label="open menu" aria-selected="false" class="mobile-toggle" option="1" role="option"> 413 <amp-img alt="menu icon" height="35" layout="fixed" src="https://www.bajafresh.com/assets/img/nav/menu-icon.svg" width="35"> 414 </amp-img> 415 </a> 416 <ul> 417 418 419 <li id="menu-group"> 420 <a aria-label="menu" href="../menu/index.php" target="_blank" title="menu">menu</a> 421</li> 422 423 424 <li id="locations-group"> 425 <a aria-label="locations" href="../locator" target="_self" title="locations">locations</a> 426</li> 427 428 429 <li id="order-online-group"> 430 <a aria-label="order online" href="https://order.thecounter.com" target="_self" title="order online">order online</a> 431</li> 432 433 434 <li id="catering-group"> 435 <a aria-label="catering" href="../catering/index.php" target="_self" title="catering">catering</a> 436</li> 437 438 439 <li id="loyalty-group"> 440 <a aria-label="loyalty" href="../loyalty/index.php" target="_self" title="loyalty">loyalty</a> 441</li> 442 443 444 <li id="gift-cards-group"> 445 <a aria-label="Gift Cards" href="../gift-cards/index.php" target="_self" title="Gift Cards">Gift Cards</a> 446</li> 447 448 449 <li id="franchise-group"> 450 <a aria-label="Franchise" href="https://www.thecounterfranchise.com/" target="_blank" title="Franchise">Franchise</a> 451</li> 452 </ul> 453 </amp-selector> 454 </div> 455</nav> 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476<section class='top-image' data-name="section-1"> 477 478 479 480 481 482 483 484 485 486<div class='row'> 487 488 489 490 491 492 493 494 495 496<div class='col-12'> 497 498 499 500 501 502 503 504 505 506<div class='content'> 507 508 509 510 511 512 513 514 515 516<div class='item'></div> 517 518 519 520 521 </div> 522 523 524 525 526 </div> 527 528 529 530 531 </div> 532 533 534 535 536 </section> 537 538 539 540 541 542 543 544 545 546 547 548 549 550<section class='copy' data-name="section-2"> 551 552 553 554 555 556 557 558 559 560<div class='row'> 561 562 563 564 565 566 567 568 569 570<div class='col-12'> 571 572 573 574 575 576 577 578 579 580<div class='content'> 581 582 583 584 585 586 587 588 589 590<div class='item'><h1>talk to us!</h1> 591<p>Customer Comments</p> 592<a class="red-button" href="/locator">store feedback</a> <a class="red-button" href="/contact/feedback">general feedback</a> 593<ul class="boxed"> 594 <li><span>General Comments or Questions: </span> <a aria-label="[email protected], link opens email client,link" href="mailto:[email protected]">[email protected]</a></li> 595 <li><span>Franchising Information: </span> <a aria-label="[email protected], link opens email client,link" href="mailto:[email protected]?subject=The Counter - Franchise Inquiry">[email protected]</a></li> 596 <li><span>Real Estate Inquiries: </span> <a aria-label="[email protected], link opens email client,link" href="mailto:[email protected]?subject=The Counter - Franchise Real Estate Inquiry">[email protected]</a></li> 597 <li><span>Media Inquiries: </span> <a aria-label="[email protected], link opens email client,link" href="mailto:[email protected]">[email protected]</a></li> 598 <li><span>Loyalty: </span> <a href="mailto:[email protected]">[email protected]</a></li> 599 <li><span>National Marketing and Advertising Opportunities: </span> <a aria-label="[email protected], link opens email client,link" href="mailto:[email protected]">[email protected]</a></li> 600</ul> 601<p>*Please direct all local advertising, marketing, donation and sponsorship requests to the owner or manager of your neighborhood store.</p> 602<ul> 603 <li><strong>Corporate Offices</strong></li> 604 <li>Kahala Mgmt.</li> 605 <li>9311 East Via de Ventura</li> 606 <li>Scottsdale, Arizona 85258</li> 607 <li>
607Phone:(480)362-4800</li> 608 <li>Toll Free: (866) 4-KAHALA (866) 452-4252</li> 609 <li>Fax:(480)362-4812</li> 610</ul></div> 611 612 613 614 615 </div> 616 617 618 619 620 </div> 621 622 623 624 625 </div> 626 627 628 629 630 </section> 631 632 633 634 635 636 637 638 639 <footer> 640 <div class="row"> 641 642 <div class="nav-logo col-3 social"> 643 <amp-img alt="AMP" height="80" layout="responsive" noloading="" src="../assets/images/Logo_2Color.svg" width="156"> 644 </amp-img> 645 <ul> 646 <li> 647 <a aria-label="facebook, Link opens in new tab, link" href="https://www.facebook.com/TheCounter/" target="_blank"> 648 <amp-img alt="facebook" height="24" layout="responsive" noloading="" src="../assets/images/facebook_navy.svg" width="24"> 649 </amp-img> 650 </a> 651 </li> 652 <li> 653 <a aria-label="twitter, Link opens in new tab, link" href="https://twitter.com/counterburger?lang=en" target="_blank"> 654 <amp-img alt="twitter" height="24" layout="responsive" noloading="" src="../assets/images/twitter_navy.svg" width="24"> 655 </amp-img> 656 </a> 657 </li> 658 <li> 659 <a aria-label="instagram, Link opens in new tab, link" href="https://www.instagram.com/thecounterburger/?hl=en" target="_blank"> 660 <amp-img alt="instagram" height="24" layout="responsive" noloading="" src="../assets/images/instagram_navy.svg" width="24"> 661 </amp-img> 662 </a> 663 </li> 664 </ul> 665 </div> 666 <div class="nav-group col-9 links"> 667 <ul> 668 <li> 669 <a aria-label="home" href="../index.php" target="_self">home</a> 670 </li> 671 <li> 672 <a aria-label="menu" href="../menu/index.php" target="_self">menu</a> 673 </li> 674 <li> 675 <a aria-label="locations" href="../locator/index.php?brand=32&mode=desktop&pagesize=25&q=23226" target="_self">locations</a> 676 </li> 677 <li> 678 <a aria-label="order online" href="https://order.thecounter.com/" target="_blank">order online</a> 679 </li> 680 <li> 681 <a aria-label="catering" href="../catering/index.php" target="_self">catering</a> 682 </li> 683 <li> 684 <a aria-label="loyalty" href="../loyalty" target="_self">loyalty</a> 685 </li> 686 <li> 687 <a aria-label="app" href="../app/index.php" target="_self">app</a> 688 </li> 689 <li> 690 <a aria-label="join our team" href="../join-our-team/index.php" target="_self">join our team</a> 691 </li> 692 <li> 693 <a aria-label="contact" href="index.php" target="_self">contact</a> 694 </li> 695 <li> 696 <a aria-label="press" href="../pressroom/index.php" target="_self">press</a> 697 </li> 698 <li> 699 <a aria-label="franchise" href="https://www.thecounterfranchise.com/" target="_blank">franchise</a> 700 </li> 701 <li> 702 <a aria-label="privacy" href="../privacy/index.php" target="_self">privacy</a> 703 </li> 704 <li> 705 <a aria-label="card balance" href="https://www.valuteccardsolutions.com/Customers/balance.aspx" target="_blank">card balance</a> 706 </li> 707 <li> 708 <a aria-label="accessibility" href="../accessibility/index.php" target="_self">accessibility</a> 709 </li> 710 <li> 711 <a aria-label="terms and conditions" href="../terms/index.php" target="_self">terms and conditions</a> 712 </li> 713 <li> 714 <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> 715 </li> 716 </ul> 717 </div> 718 </div> 719</footer> 720 721 722 723 724 725 726 727 728 </div> 729
729<script type="text/javascript">!function(){var b=function(){window.__AudioEyeSiteHash = "021fda364767390ed06aaa2166e49547"; var a=document.createElement("script");a.src="https://wsv3cdn.audioeye-services.com/aem.js?h=021fda364767390ed06aaa2166e49547";a.type="text/javascript";a.crossOrigin="anonymous";a.setAttribute("async","");document.getElementsByTagName("body")[0].appendChild(a)};"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",b):window.attachEvent&&window.attachEvent("onload",b):b()}();</script>
729 730 731 732 733<!-- Google Tag Manager -->
734<script>
vendor: 331 bytes, lines 734-738
734(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 735new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 736j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 737'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 738})(window,document,'script','dataLayer','
738GTM-TJ5LZWN
vendor: 3 bytes, line 738
738');
738</script>
738 739<!-- End Google Tag Manager --> 740 741 742 743 744 745 </body> 746</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.