1<!DOCTYPE html> 2�<html lang="en"><head><!-- Google tag (gtag.js) -->
vendor: 71 bytes, line 2
2<script async="async" src="https://www.googletagmanager.com/gtag/js?id=
2G-VG24VK2VKT
vendor: 11 bytes, line 2
2"></script>
2<script> 3 window.dataLayer = window.dataLayer || []; 4 function gtag(){dataLayer.push(arguments);} 5 gtag('set', 'linker', {'domains': ['tmt.spotapps.co','spothopperapp.com']}); 6 gtag('js', new Date()); 7 gtag('config', 'G-V1WLF42FQM'); 8 gtag('config', 'G-VG24VK2VKT'); 9 </script>
9<!-- wcache 2026-09-24 10:46:54.995689Z --><!-- 10smart_footer: true, 11smart_footer_version: 2, 12scripting_active: false 13--><link href="https://76house.com/" rel="canonical"/><meta charset="utf-8"/><meta content="IE=edge" http-equiv="X-UA-Compatible"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="The â76 House, America's oldest restaurant, is a three hundred year old structure lovingly restored to pristine condition by the Norden Family. Listed as a National Landmark, the establishment offers much more than historical significance." name="description"/><meta content="" name="author"/><meta content="The Old '76 House - Tappan, Tappan, NY" property="og:title"/><meta content="website" property="og:type"/><meta content="http://76house.com/" property="og:url"/><meta content="The â76 House, America's oldest restaurant, is a three hundred year old structure lovingly restored to pristine condition by the Norden Family. Listed as a National Landmark, the esta..." property="og:description"/><meta content="https://static.spotapps.co/website_images/ab_websites/627396_website_v1/shared_image.jpg" property="og:image"/><meta content="The Old '76 House" property="og:image:alt"/><meta content="image/png" property="og:image:type"/><meta content="509760608878245" property="fb:app_id"/><meta content="summary_large_image" name="twitter:card"/><meta content="The Old '76 House - Tappan, Tappan, NY" name="twitter:title"/><meta content="The â76 House, America's oldest restaurant, is a three hundred year old structure lovingly restored to pristine condition by the Norden Family. Listed as a National Landmark, the esta..." name="twitter:description"/><meta content="https://static.spotapps.co/website_images/ab_websites/627396_website_v1/shared_image.jpg" name="twitter:image"/><title>The Old '76 House - Tappan, Tappan, NY</title>
13<script>document.cookie='resolution='+Math.max(screen.width,screen.height)+("devicePixelRatio" in window ? ","+devicePixelRatio : ",1")+'; path=/';</script>
13<script type="application/ld+json"> 14{"@context":"https://schema.org","@type":"Restaurant","image":"https://static.spotapps.co/website_images/ab_websites/627396_website_v1/shared_image.jpg","name":"The Old '76 House","address":{"@type":"PostalAddress","streetAddress":"110 Main St","addressLocality":"Tappan","addressRegion":"NY","postalCode":"10983","addressCountry":"US"},"geo":{"@type":"GeoCoordinates","latitude":41.0219050953801,"longitude":-73.94810162164},"url":"76house.com","telephone":"8453595476","servesCuisine":"Restaurant"}</script>
14<link href="https://static.spotapps.co/website_images/ab_websites/627396_website_v1/favicons/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png"/><link href="https://static.spotapps.co/website_images/ab_websites/627396_website_v1/favicons/favicon.svg" rel="icon" type="image/svg+xml"/><link href="https://static.spotapps.co/website_images/ab_websites/627396_website_v1/favicons/favicon.ico" rel="shortcut icon"/><link href="https://static.spotapps.co/website_images/ab_websites/627396_website_v1/favicons/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/><meta content="The Old '76 House" name="apple-mobile-web-app-title"/><link href="https://static.spotapps.co/website_images/ab_websites/627396_website_v1/favicons/site.webmanifest" rel="manifest"/><link href="https://static.spotapps.co/web/76house--com/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/76house--com/lib/gallery/gallery.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/76house--com/lib/fancybox/source/jquery.fancybox.css" media="screen" rel="stylesheet" type="text/css"/><link href="https://static.spotapps.co/web/76house--com/lib/fancybox/source/helpers/jquery.fancybox-thumbs.css" rel="stylesheet" type="text/css"/><link href="//static.spotapps.co/web-lib/leaflet/[email protected]/dist/leaflet-gesture-handling.min.css" rel="stylesheet" type="text/css"/><link href="https://static.spotapps.co/web/76house--com/lib/uikit/css/uikit.docs.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/76house--com/lib/uikit/css/slidenav.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/76house--com/lib/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/76house--com/lib/hover_css/css/hover-min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/76house--com/lib/owlcarousel/owl.carousel.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/76house--com/lib/owlcarousel/owl.theme.default.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web-lib/leaflet/[email protected]/dist/leaflet.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/76house--com/css/style.css?version2" id="mainCSS" rel="stylesheet"/><link href="https://static.spotapps.co/web/76house--com/css/bottom_navigation_v1.css?v1790082645" rel="stylesheet"/><link href="css/custom.css?v1790082645&domain=76house.com" rel="stylesheet"/><link href="https://static.spotapps.co/web/76house--com/lib/icons_font/css/social_icons.css" rel="stylesheet"/><!--[if IE 7]><link rel="stylesheet" href="lib/icons_font/css/social_icons-ie7.css"><![endif]--><link href="https://static.spotapps.co/web/76house--com/lib/twitter_x_font_icon/css/twitter_x.css" rel="stylesheet"/><!--[if IE 7]><link rel="stylesheet" href="lib/twitter_x_font_icon/css/twitter_x-ie7.css"><![endif]--><!--[if lt IE 9]> 15
15<script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
15 16
16<script src="//oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
16 17 <![endif]--><style> 18 19#accessibility-footer { 20 padding: 20px 5px; 21 background-color: #353638; 22 color: #fff; 23 text-align: center; 24} 25#accessibility-footer p { 26 margin: 0; 27 padding: 0; 28 font-family: inherit; 29 font-size: initial; 30 color: #fff; 31} 32#accessibility-footer .accessibility-link { 33 display: inline-block; 34 color: inherit; 35 text-decoration: underline; 36 font-weight: 600; 37} 38 39@media (max-width: 767px) { 40 #accessibility-footer .accessibility-link { 41 display: block; 42 } 43 44 /* additionl css in case that there is a CTA mobile bar (id="bottom-navbar") on the website */ 45 #accessibility-footer { 46 position: relative; 47 top: -60px; 48 padding-bottom: 70px; 49 } 50} 51 52</style>
52<script src="https://static.spotapps.co/websites/lib/lazysizes/lazysizes.min.js" async=""></script>
52<script> 53function ga_check(){ 54 return true; 55} 56</script>
56<script> 57function universal_ga(action, type, category, ev_action, label){ 58 if(typeof ga === 'function') 59 { 60 if(!(action && label)) 61 ga(action, type, category) 62 else 63 ga(action, type, category, ev_action, label) 64 } 65 66 if(typeof gtag === 'function') 67 { 68 if(!(action && label)) 69 { 70 hash = category 71 ev_label = hash["eventLabel"] 72 var splits = ev_label.match(/.{1,100}/g) ?? []; 73 delete(hash["eventLabel"]) 74 75 if(splits.length <= 1) 76 hash["eventLabel"] = ev_label 77 else 78 { 79 for (let i = 0; i < splits.length; i++) { 80 var key = "eventLabel_"+i 81 hash[key] = splits[i] 82 } 83 } 84 console.log(hash) 85 gtag("event", hash["eventCategory"], hash); 86 } 87 else 88 { 89 var hash = { 90 eventCategory: category, 91 eventAction: ev_action 92 } 93 94 var splits = label.match(/.{1,100}/g) ?? []; 95 if(splits.length <= 1) 96 hash["eventLabel"] = label 97 else 98 { 99 for (let i = 0; i < splits.length; i++) { 100 var key = "eventLabel_"+i 101 hash[key] = splits[i] 102 } 103 } 104 gtag("event", hash["eventCategory"], hash); 105 } 106 } 107} 108</script>
108<script> function getPromotionUrlParams(){ 109 var params_str = sessionStorage.getItem('shUrlParams'); 110 if (params_str != null){ 111 return JSON.parse(params_str); 112 }else{ 113 return {}; 114 } 115 } 116 117 function getPromotionSourceDetails(){ 118 var params_str = localStorage.getItem('promotionSourceDetails'); 119 if (params_str != null){ 120 return JSON.parse(params_str); 121 }else{ 122 return {}; 123 } 124 } 125 126 function getLastEmailVisitInDays(){ 127 var promotionSourceDetails = getPromotionSourceDetails(); 128 if (!promotionSourceDetails['last_visit_email'] ){ 129 return null; 130 } 131 return Math.floor((new Date() - new Date(promotionSourceDetails['last_visit_email'])) / (1000 * 60 * 60 * 24)); 132 } 133 134 function getLastSocialVisitInDays(){ 135 var promotionSourceDetails = getPromotionSourceDetails(); 136 if (!promotionSourceDetails['last_visit_social'] ){ 137 return null; 138 } 139 return Math.floor((new Date() - new Date(promotionSourceDetails['last_visit_social'])) / (1000 * 60 * 60 * 24)); 140 } 141 142 var shUrlParams = getPromotionUrlParams(); 143 var promotionSourceDetails = getPromotionSourceDetails(); 144 145 new URL(document.location).searchParams.forEach(function(value, paramName){ 146 147 shUrlParams[paramName] = value; 148 149 if (paramName == 'source' && value =='social' ){ 150 promotionSourceDetails['last_visit_social'] = new Date(); 151 localStorage.setItem('promotionSourceDetails', JSON.stringify(promotionSourceDetails)); 152 } 153 154 if (paramName == 'source' && value =='email' ){ 155 promotionSourceDetails['last_visit_email'] = new Date(); 156 localStorage.setItem('promotionSourceDetails', JSON.stringify(promotionSourceDetails)); 157 } 158 159 }); 160 161 sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams)) 162</script>
162<style>a:focus:not(:focus-visible){outline:none;box-shadow:none;} 163a.get-directions-footer-link{display:inline-block;transform-origin:left center;transition:transform .2s ease;} 164a.get-directions-footer-link:hover{transform:scale(1.08);} 165@media (prefers-reduced-motion:reduce){a.get-directions-footer-link{transition:none;transform:none;}} 166a.get-directions-footer-link,a.get-directions-footer-link:hover{color:inherit!important;}</style></head><body class="home-page" data-spot-id="627396"><style>.promotion-pop-up .modal-dialog { 167 margin: 0 auto; 168 top: 0; 169 transition: none; 170} 171.promotion-pop-up.fade .modal-dialog { 172 transform: none !important; 173} 174 175.promotion-pop-up .modal-content { 176 display: none; 177 border-radius: 6px; 178 background-color: #fff; 179 background-image: none; 180} 181.promotion-pop-up .modal-header { 182 border: none; 183 margin-bottom: 8px; 184} 185.promotion-pop-up .close { 186 position: absolute; 187 top: 15px; 188 right: 15px; 189 font-size: 3em; 190 font-weight: normal; 191 line-height: 0.8em; 192 color: #000; 193 opacity: 0.8; 194} 195.promotion-pop-up .modal-body { 196 margin: 20px 20px 10px 20px; 197 padding-top: 5px; 198 text-align: center; 199 color: initial; 200} 201.promotion-pop-up .modal-footer { 202 padding-bottom: 40px; 203 border-top: none; 204 text-align: center; 205} 206 207.promotion-pop-up .btn { 208 display: inline-block; 209 max-width: 90%; 210 padding: 10px 50px; 211 font-size: 1.2em; 212 background-color: #000000; 213 color: #fff; 214 transform: scale(1); 215 -webkit-transition: all 0.3s ease; 216 -moz-transition: all 0.3s ease; 217 -o-transition: all 0.3s ease; 218 transition: all 0.3s ease; 219} 220.promotion-pop-up .btn:hover { 221 background-color: #1a1a1a; 222 color: #e0e0e0; 223 box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.3); 224 transform: scale(0.98); 225} 226 227.promotion-pop-up .btn:active { 228 background-color: #0f0f0f; 229 color: #cccccc; 230 box-shadow: 231 inset 0 2px 4px rgba(255, 255, 255, 0.08), 232 inset 0 -2px 2px rgba(0, 0, 0, 0.4); 233 transform: scale(0.94); 234} 235 236.promotion-pop-up h2 { 237 margin: 5px 5px 10px 5px; 238 font-size: 2.1em; 239 line-height: 1.3; 240 color: inherit; 241 /*font-family: unset;*/ 242} 243.promotion-pop-up h3 { 244 font-size: 1.5em; 245 margin: 5px 5px 15px 5px; 246 font-family: unset; 247 text-transform: inherit; 248} 249.promotion-pop-up p { 250 margin-top: 30px; 251} 252.promotion-pop-up .modal-body a { 253 color: initial; 254} 255 256.promotion-pop-up .modal-plain-text h3 { 257 padding-top: 10px; 258} 259 260.promotion-pop-up .modal-body.modal-image-and-button { 261 overflow: auto; 262 margin: 20px; 263 padding-top: 0; 264 padding-bottom: 0; 265} 266.promotion-pop-up .modal-body.modal-image-and-button img { 267 max-height: 60vh; 268 max-width: 100%; 269} 270.promotion-pop-up .modal-body.modal-image-and-button p { 271 margin-top: 15px; 272 margin-bottom: 10px; 273} 274 275@media only screen and (max-width: 1024px) { 276 .promotion-pop-up .modal-body.modal-image-and-button { 277 margin-bottom: 10px; 278 } 279 .promotion-pop-up h2 { 280 font-size: 1.9em; 281 } 282 .promotion-pop-up h3 { 283 font-size: 1.4em; 284 } 285 .promotion-pop-up .modal-body.modal-image-and-button img { 286 max-height: 65vh; 287 } 288} 289 290@media only screen and (max-width: 767px) { 291 .promotion-pop-up .modal-dialog { 292 margin: 0 10px; 293 } 294 .promotion-pop-up .modal-body { 295 margin-top: 18px; 296 } 297 .promotion-pop-up .modal-body.modal-image-and-button img { 298 max-height: 55vh; 299 } 300 .promotion-pop-up h2 { 301 font-size: 1.8em; 302 } 303 .promotion-pop-up h3 { 304 font-size: 1.3em; 305 } 306 .promotion-pop-up .modal-body.modal-image-and-button p { 307 font-size: 1.1em; 308 } 309} 310@media only screen and (max-width: 500px) { 311 .promotion-pop-up .modal-footer { 312 padding-top: 10px; 313 padding-bottom: 35px; 314 } 315 .promotion-pop-up .modal-body { 316 margin: 17px 15px 5px 15px; 317 } 318 .promotion-pop-up .btn { 319 padding: 9px 40px; 320 font-size: 1.1em; 321 } 322 .promotion-pop-up .modal-body.modal-image-and-button img { 323 max-height: 50vh; 324 } 325} 326@media only screen and (max-width: 400px) { 327 .promotion-pop-up h2 { 328 font-size: 1.7em; 329 } 330 .promotion-pop-up h3 { 331 font-size: 1.2em; 332 } 333 .promotion-pop-up .btn { 334 padding: 8px 35px; 335 font-size: 1.1em; 336 } 337}</style><div aria-label="Promotion" class="modal fade promotion-pop-up" id="promotion-pop-up" role="dialog" tabindex="-1"><div class="modal-dialog" role="document"><div class="modal-content promotion_pop_up_content" data-has-image="" data-internalname="custom_promotion" data-is-custom-link="false" data-is-template-image-and-button="false" data-link-url="" id="7884992"><!-- Modal Header --><div class="modal-header"><button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">Ã</span></button></div><!-- Modal body -->
337<div class="modal-body modal-plain-text"><h2 class="section-header">Letâs ensure you get a great table: Book today!</h2><h3>To make a reservation, please call us at (845) 359-5476.</h3><p></p></div><div class="modal-footer"></div></div><div class="modal-content promotion_pop_up_content" data-has-image="" data-internalname="custom_promotion" data-is-custom-link="false" data-is-template-image-and-button="false" data-link-url="" id="7885004"><!-- Modal Header --><div class="modal-header"><button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">Ã</span></button></div><!-- Modal body --><div class="modal-body modal-plain-text"><h2 class="section-header">Choose us for your next special occasion or get-together.</h2><h3>Call us today at (845) 359-5476 and let us know how we can make your special occasion perfect.</h3><p></p></div><div class="modal-footer"></div></div></div></div><style> 338 339 340.navbar.nav-v6 .container { 341 padding-top: 10px; 342 padding-bottom: 10px; 343} 344.navbar.nav-v6.nav-scroll .container { 345 padding-top: 0px; 346 padding-bottom: 0px; 347} 348.navbar.nav-v6 .header-logo img { 349 max-width: 100%; 350} 351.navbar.nav-v6.nav-scroll .header-logo img { 352 max-width: 80%; 353} 354 355@media (max-width: 767px) { 356 /* DO NOT change mobile nav height on page scroll */ 357 .navbar.nav-v6 .navbar-header, 358 .navbar.nav-v6.nav-scroll .navbar-header { 359 padding-top: 10px; 360 padding-bottom: 10px; 361 } 362 .navbar.nav-v6 .socialnav, 363 .navbar.nav-v6.nav-scroll .socialnav { 364 margin-top: 10px; 365 } 366 .navbar.nav-v6 .container, 367 .navbar.nav-v6.nav-scroll .container { 368 padding-top: 0; 369 padding-bottom: 0; 370 } 371 .navbar.nav-v6 .header-logo, 372 .navbar.nav-v6.nav-scroll .header-logo { 373 height: 70px; 374 } 375 .navbar.nav-v6 .header-logo img { 376 max-height: 100%; 377 } 378 .navbar.nav-v6.nav-scroll .header-logo img { 379 max-width: 100%; 380 } 381 /* HOME page CHANGE mobile nav height on page scroll */ 382 /* Remove body.home-page from below code if there should be mobile nav height change on ALL pages */ 383 body.home-page .navbar.nav-v6 .navbar-header { 384 padding-top: 10px; 385 padding-bottom: 10px; 386 } 387 body.home-page .navbar.nav-v6.nav-scroll .navbar-header{ 388 padding-top: 0px; 389 padding-bottom: 0px; 390 } 391 body.home-page .navbar.nav-v6 .socialnav { 392 margin-top: 10px; 393 } 394 body.home-page .navbar.nav-v6.nav-scroll .socialnav { 395 margin-top: 0px; 396 } 397 body.home-page .navbar.nav-v6 .container{ 398 padding-top: 0; 399 padding-bottom: 0; 400 } 401 body.home-page .navbar.nav-v6.nav-scroll .container { 402 padding-top: 0; 403 padding-bottom: 0; 404 } 405 body.home-page .navbar.nav-v6 .header-logo { 406 height: 70px; 407 } 408 body.home-page .navbar.nav-v6.nav-scroll .header-logo { 409 height: 50px; 410 } 411 body.home-page .navbar.nav-v6 .header-logo img { 412 max-height: 100%; 413 max-width: 100%; 414 } 415 body.home-page .navbar.nav-v6.nav-scroll .header-logo img { 416 max-width: 80%; 417 } 418} 419 420 421.navbar-regular .navbar-collapse.collapse.in { 422 background-color: transparent; 423 width: 100%; 424} 425.navbar.nav-v6{ 426 background-color: #F8F1E5; 427 -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); 428 -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); 429 box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); 430 -moz-transition: all 0.3s ease-in-out; 431 -webkit-transition: all 0.3s ease-in-out; 432 -o-transition: all 0.3s ease-in-out; 433 transition: all 0.3s ease-in-out; 434} 435.navbar.nav-v6.nav-scroll{ 436 background-color: #F8F1E5; 437 -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); 438 -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); 439 box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); 440} 441.drink-menu .navbar.nav-v6{ 442 background-color: #F8F1E5; 443 -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); 444 -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); 445 box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); 446 -moz-transition: all 0.3s ease-in-out; 447 -webkit-transition: all 0.3s ease-in-out; 448 -o-transition: all 0.3s ease-in-out; 449 transition: all 0.3s ease-in-out; 450} 451.drink-menu .navbar.nav-v6.nav-scroll{ 452 background-color: #F8F1E5; 453 -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); 454 -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); 455 box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); 456} 457.navbar-regular.nav-v6 .navbar-nav>li>a, 458.navbar-regular.nav-v6 .navbar-nav>li>a:hover, 459.navbar-regular.nav-v6 .navbar-nav>.active>a, 460.navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 461.navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 462 border: none; 463 border-right: 1px solid #230707; 464 background-color: transparent; 465 color: #230707; 466 -moz-transition: all 0.3s ease-in-out; 467 -webkit-transition: all 0.3s ease-in-out; 468 -o-transition: all 0.3s ease-in-out; 469 transition: all 0.3s ease-in-out; 470} 471.navbar-regular.nav-v6 .navbar-nav>li>a { 472 color: #230707; 473} 474.drink-menu .navbar.nav-v6 .navbar-nav>li>a { 475 color: #230707; 476 border-right: 1px solid #230707; 477} 478.drink-menu .navbar-regular.nav-v6 .navbar-nav>li>a:hover, 479.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a, 480.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 481.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 482 color: #230707; 483} 484li.drop-down-link .sub-menu { 485 background-color: #F8F1E5; 486 color: #230707; 487 } 488.nav-scroll li.drop-down-link .sub-menu { 489 background-color: #F8F1E5; 490 color: #230707; 491} 492.drink-menu li.drop-down-link .sub-menu { 493 background-color: #F8F1E5; 494 color: #230707; 495 } 496.drink-menu .nav-scroll li.drop-down-link .sub-menu { 497 background-color: #F8F1E5; 498 color: #230707; 499} 500li.drop-down-link .sub-menu a, 501li.drop-down-link div.drop-down { 502 color: #230707; 503} 504.nav-scroll li.drop-down-link .sub-menu a, 505.nav-scroll li.drop-down-link li.drop-down-link div.drop-down { 506 color: #230707; 507} 508.drink-menu li.drop-down-link .sub-menu a, 509.drink-menu li.drop-down-link div.drop-down { 510 color: #230707; 511} 512.drink-menu .nav-scroll li.drop-down-link .sub-menu a, 513.drink-menu .nav-scroll li.drop-down-link div.drop-down { 514 color: #230707; 515} 516 517li.drop-down-link .sub-menu a:hover, 518li.drop-down-link .sub-menu a:focus { 519 color: #230707; 520} 521.drink-menu li.drop-down-link .sub-menu a:hover, 522.drink-menu li.drop-down-link .sub-menu a:focus { 523 color: #230707; 524} 525
526.navbar-regular.nav-v6 .navbar-toggle .icon-bar { 527 background-color: #230707; 528 -moz-transition: all 0.3s ease-in-out; 529 -webkit-transition: all 0.3s ease-in-out; 530 -o-transition: all 0.3s ease-in-out; 531 transition: all 0.3s ease-in-out; 532} 533.drink-menu .navbar-regular.nav-v6 .navbar-toggle .icon-bar { 534 background-color: #230707; 535} 536.navbar-regular.nav-v6 [aria-expanded="true"].navbar-toggle .icon-bar { 537 background-color: #230707; 538} 539.drink-menu .navbar-regular.nav-v6 [aria-expanded="true"].navbar-toggle .icon-bar{ 540 background-color: #230707; 541} 542.navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a, 543.navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 544.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 545.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 546.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{ 547 border: none; 548 border-right: 1px solid #230707; 549 color: #230707; 550} 551.navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a { 552 color: #230707; 553} 554.drink-menu .navbar.nav-v6.nav-scroll .navbar-nav>li>a { 555 color: #230707; 556 border-right: 1px solid #230707; 557} 558.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 559.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 560.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 561.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{ 562 color: #230707; 563} 564 565.nav-scroll li.drop-down-link .sub-menu a:hover, 566.nav-scroll li.drop-down-link .sub-menu a:focus { 567 color: #230707; 568} 569.drink-menu .nav-scroll li.drop-down-link .sub-menu a:hover, 570.drink-menu .nav-scroll li.drop-down-link .sub-menu a:focus { 571 color: #230707; 572} 573 574.navbar-regular.nav-v6.nav-scroll .navbar-toggle .icon-bar { 575 background-color: #230707; 576} 577.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-toggle .icon-bar { 578 background-color: #230707; 579} 580.navbar-regular.nav-v6.nav-scroll [aria-expanded="true"].navbar-toggle .icon-bar { 581 background-color: #230707; 582} 583.drink-menu .navbar-regular.nav-v6.nav-scroll [aria-expanded="true"].navbar-toggle .icon-bar{ 584 background-color: #230707; 585} 586.navbar.nav-v6 .header-logo-text{ 587 color: #230707; 588 -moz-transition: all 0.3s ease-in-out; 589 -webkit-transition: all 0.3s ease-in-out; 590 -o-transition: all 0.3s ease-in-out; 591 transition: all 0.3s ease-in-out; 592} 593.navbar.nav-v6.nav-scroll .header-logo-text{ 594 color: #230707; 595} 596.navbar.nav-v6 .social-icon{ 597 color: #230707; 598 -moz-transition: all 0.3s ease-in-out; 599 -webkit-transition: all 0.3s ease-in-out; 600 -o-transition: all 0.3s ease-in-out; 601 transition: all 0.3s ease-in-out; 602} 603.navbar.nav-v6.nav-scroll .social-icon{ 604 color: #230707; 605} 606.navbar.nav-v6 .social-square .contact-icon:hover { 607 color: #230707; 608 background-color: #230707; 609} 610.navbar.nav-v6.nav-scroll .social-square .contact-icon:hover { 611 color: #230707; 612 background-color: #230707; 613} 614 615.drink-menu .navbar.nav-v6 .header-logo-text{ 616 color: #230707; 617} 618.drink-menu .navbar.nav-v6.nav-scroll .header-logo-text{ 619 color: #230707; 620} 621.drink-menu .navbar.nav-v6 .social-icon{ 622 color: #230707; 623} 624.drink-menu .navbar.nav-v6.nav-scroll .social-icon{ 625 color: #230707; 626} 627.drink-menu .navbar.nav-v6 .social-square .contact-icon:hover { 628 color: #230707; 629 background-color: #230707; 630} 631.drink-menu .navbar.nav-v6.nav-scroll .social-square .contact-icon:hover { 632 color: #230707; 633 background-color: #230707; 634} 635.navbar.nav-v6 .container { 636 border-bottom: 1px solid transparent; 637 -moz-transition: all 0.3s ease-in-out; 638 -webkit-transition: all 0.3s ease-in-out; 639 -o-transition: all 0.3s ease-in-out; 640 transition: all 0.3s ease-in-out; 641} 642.navbar.nav-v6.nav-scroll .container { 643 border-bottom: 1px solid transparent; 644} 645.drink-menu .navbar.nav-v6 .container { 646 border-bottom: 1px solid transparent; 647} 648.drink-menu .navbar.nav-v6.nav-scroll .container { 649 border-bottom: 1px solid transparent; 650} 651@media(min-width: 768px) { 652 .nav-v6 .navbar-collapse { 653 display: flex !important; 654 justify-content: end; 655 } 656 .nav-v6 .navbar-nav, 657 .nav-v6 .socialnav.hidden-xs { 658 float: none !important; 659 } 660} 661@media (max-width: 767px) { 662 .navbar.nav-v6 .container, 663 .navbar.nav-v6.nav-scroll .container, 664 .drink-menu .navbar.nav-v6 .container, 665 .drink-menu .navbar.nav-v6.nav-scroll .container { 666 border-bottom: none; 667 } 668 .navbar.nav-v6 .navbar-header { 669 border-bottom: 2px solid transparent; 670 } 671 .navbar.nav-v6.nav-scroll .navbar-header { 672 border-bottom: 2px solid transparent; 673 } 674 .drink-menu .navbar.nav-v6 .navbar-header { 675 border-bottom: 2px solid transparent; 676 } 677 .drink-menu .navbar.nav-v6.nav-scroll .navbar-header { 678 border-bottom: 2px solid transparent; 679 } 680 li.drop-down-link .sub-menu, 681 .drink-menu li.drop-down-link .sub-menu { 682 width: 100% !important; 683 background-color: transparent; 684 } 685 .nav-scroll li.drop-down-link .sub-menu, 686 .drink-menu .nav-scroll li.drop-down-link .sub-menu { 687 background-color: transparent; 688 } 689 /* Mobile home background */ 690 .navbar.nav-v6.navbar-regular.mobile-full-height .navbar-collapse.collapse, 691 .navbar.nav-v6.navbar-regular.mobile-full-height .navbar-collapse.collapsing, 692 .navbar.nav-v6.navbar-regular.mobile-full-height .navbar-collapse.collapse.in { 693 background-color: #f8f1e5; 694 } 695 /* Mobile home background scroll */ 696 .navbar.nav-v6.navbar-regular.nav-scroll.mobile-full-height .navbar-collapse.collapse, 697 .navbar.nav-v6.navbar-regular.nav-scroll.mobile-full-height .navbar-collapse.collapsing, 698 .navbar.nav-v6.navbar-regular.nav-scroll.mobile-full-height .navbar-collapse.collapse.in { 699 background-color: #f8f1e5; 700 } 701 /* Mobile pages background */ 702 .drink-menu .navbar.nav-v6.navbar-regular.mobile-full-height .navbar-collapse.collapse, 703 .drink-menu .navbar.nav-v6.navbar-regular.mobile-full-height .navbar-collapse.collapsing, 704 .drink-menu .navbar.nav-v6.navbar-regular.mobile-full-height .navbar-collapse.collapse.in { 705 background-color: #f8f1e5; 706 } 707 /* Mobile pages background scroll */ 708 .drink-menu .nav-v6.navbar-regular.nav-scroll.mobile-full-height .navbar-collapse.collapse, 709 .drink-menu .nav-v6.navbar-regular.nav-scroll.mobile-full-height .navbar-collapse.collapsing, 710 .drink-menu .nav-v6.navbar-regular.nav-scroll.mobile-full-height .navbar-collapse.collapse.in { 711 background-color: #f8f1e5; 712 } 713 .navbar-regular.nav-v6 .navbar-nav>li>a:hover, 714 .navbar-regular.nav-v6 .navbar-nav>.active>a, 715 .navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 716 .navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 717 background-color: #230707; 718 color: #230707; 719 } 720 .navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 721 .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 722 .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 723 .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{ 724 background-color: #230707; 725 color: #230707; 726 } 727 .drink-menu .navbar-regular.nav-v6 .navbar-nav>li>a:hover, 728 .drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a, 729 .drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 730 .drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 731 background-color: #230707; 732 color: #230707; 733 } 734 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 735 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 736 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 737 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{ 738 background-color: #230707; 739 color: #230707; 740 } 741 742 .navbar-regular.nav-v6 li.drop-down-link.active .drop-down .fa.fa-angle-up { 743 color: #230707; 744 } 745 .navbar-regular.nav-v6.nav-scroll li.drop-down-link.active .drop-down .fa.fa-angle-up { 746 color: #230707; 747 } 748 749 .drink-menu .navbar-regular.nav-v6 li.drop-down-link.active .drop-down .fa.fa-angle-up { 750 color: #230707; 751 } 752 .drink-menu .navbar-regular.nav-v6.nav-scroll li.drop-down-link.active .drop-down .fa.fa-angle-up { 753 color: #230707; 754 } 755 756} 757</style><!-- nav --><nav class="navbar nav-v4 nav-v6 nav-v6-drop navbar-regular navbar-fixed-top mobile-full-height" id="navbar" role="navigation"><div id="skip"><a class="visuallyhidden skip-content" href="#content">Skip to main content</a></div><div class="container"><a class="header-logo logo-top" href="/#"><img alt="The Old '76 House logo top - Homepage" aria-label="Homepage" class="img-responsive logo-top" src="https://static.spotapps.co/website_images/ab_websites/627396_website_v1/logo.png"/></a><a class="header-logo logo-scroll" href="/"><img alt="The Old '76 House logo scroll - Homepage" aria-label="Homepage" class="img-responsive logo-scroll" src="https://static.spotapps.co/website_images/ab_websites/627396_website_v1/logo.png"/></a><ul class="socialnav visible-xs">
757<li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.facebook.com/509760608878245" target="_blank"><i class="social-icon fa fa-facebook"></i><span>Facebook page</span></a></li><li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.instagram.com/old76house" target="_blank"><i class="social-icon fa fa-instagram"></i><span>Instagram page</span></a></li><li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.google.com/search?q=The+Old+%2776+House+110+Main+St&oq=The+Old+%2776+House+110+Main+St&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIHCAEQABiABDIKCAIQABiABBiiBDIKCAMQABiABBiiBNIBCDEzNzlqMGo3qAIAsAIA&sourceid=chrome&ie=UTF-8#lrd=0x89c2eeb205017521:0xf218d4f342c866c3,1,,,," target="_blank"><i aria-hidden="true" class="social-icon fa fa-google"></i><span>Google page</span></a></li></ul><div class="navbar-header"><button aria-expanded="false" class="navbar-toggle" data-target="#navbar-collapse-1" data-toggle="collapse" type="button"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button></div><div class="collapse navbar-collapse" id="navbar-collapse-1"><ul class="nav navbar-nav navbar-right"><li class=" nav-menu-page"><a class="" href="/food-menu" id="nav_tab_1_link" target="_self"> 758 759 Menu 760 761 </a></li><li class=" "><a class="" href="/drink-menu" id="nav_tab_2_link" target="_self"> 762 763 Drinks 764 765 </a></li><li class=" "><a class="editor-empty-element" href="/specials" id="nav_tab_3_link" target="_self"> 766 767 * 768 769 </a></li><li class=" "><a class="" href="/music-calendar" id="nav_tab_4_link" target="_self"> 770 771 music calendar 772 773 </a></li><li class=" "><a class="" href="/history" id="nav_tab_5_link" target="_self"> 774 775 History 776 777 </a></li><li class=" "><a class="" href="/giftcards-merch" id="nav_tab_10_link" target="_self"> 778 779 cards/Merch 780 781 </a></li><li class=" "><a class="" href="/happenings" id="nav_tab_11_link" target="_self"> 782 783 Happenings 784 785 </a></li><li class=" "><a class="" href="/private-events" id="nav_tab_12_link" target="_self"> 786 787 Private Events 788 789 </a></li></ul><ul class="socialnav hidden-xs"><li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.facebook.com/509760608878245" target="_blank"><i class="social-icon fa fa-facebook"></i><span>Facebook page</span></a></li><li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.instagram.com/old76house" target="_blank"><i class="social-icon fa fa-instagram"></i><span>Instagram page</span></a></li><li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.google.com/search?q=The+Old+%2776+House+110+Main+St&oq=The+Old+%2776+House+110+Main+St&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIHCAEQABiABDIKCAIQABiABBiiBDIKCAMQABiABBiiBNIBCDEzNzlqMGo3qAIAsAIA&sourceid=chrome&ie=UTF-8#lrd=0x89c2eeb205017521:0xf218d4f342c866c3,1,,,," target="_blank"><i aria-hidden="true" class="social-icon fa fa-google"></i><span>Google page</span></a></li></ul></div></div></nav><header class="header cover-type-video" style=" 790 background-image: url(https://static.spotapps.co/website_images/ab_websites/627396_website_v1/video_poster.jpg); 791 background-image: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url(https://static.spotapps.co/website_images/ab_websites/627396_website_v1/video_poster.jpg); 792 background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://static.spotapps.co/website_images/ab_websites/627396_website_v1/video_poster.jpg); 793 794 background-repeat: no-repeat; 795 background-position: center center fixed; 796 -webkit-background-size: cover; 797 -moz-background-size: cover; 798 -o-background-size: cover; 799 background-size: cover; 800 z-index: 98; position: relative; overflow: hidden; 801 "><div id="home_page_cover" style="height:100%;"><style> 802 803video#coverVideo { 804 z-index: 99; 805 background: url(https://static.spotapps.co/website_images/ab_websites/627396_website_v1/video_poster.jpg) no-repeat; 806 background-size: cover; 807} 808 809@media (min-width: 768px) { 810 811 812 @media (min-width: 1025px) { 813 814 video#coverVideo { 815 position: absolute; 816 top: 50%; 817 left: 50%; 818 min-width: 100%; 819 min-height: 100%; 820 width: auto; 821 height: auto; 822 -ms-transform: translateX(-50%) translateY(-50%); 823 -moz-transform: translateX(-50%) translateY(-50%); 824 -webkit-transform: translateX(-50%) translateY(-50%); 825 transform: translateX(-50%) translateY(-50%); 826 max-width: none; 827 vertical-align: baseline; 828} 829 } 830 831 @media (max-width: 1024px) { 832 833 video#coverVideo { 834 width: 100%; 835} 836.header { 837 max-height: 100vh; 838 background-image: none !important; 839 width: initial; 840 height: initial; 841} 842body.home-page { 843 background-color: transparent; 844} 845 } 846 847 848} 849 850@media (max-width: 767px) { 851 video#coverVideo { 852 width: 100%; 853} 854.header { 855 max-height: 100vh; 856 background-image: none !important; 857 width: initial; 858 height: initial; 859} 860body.home-page { 861 background-color: transparent; 862}} 863 864 .video-volume-btn, .video-controls-btn { 865 color: rgba(255, 255, 255, 0.9); 866 } 867 868</style>
868<video autoplay="autoplay" id="coverVideo" loop="loop" muted="muted" playsinline="playsinline" poster="https://static.spotapps.co/website_images/ab_websites/627396_website_v1/video_poster.jpg"><source src="https://static.spotapps.co/website_videos/The%20Old%20%2776%20House%20Video_Vimeo720p30.mp4" type="video/mp4"/></video><button aria-label="The decorative video is currently playing, pause the video" class="video-controls-btn" id="cover_video_controls_btn" type="button"><span class="off-screen">The decorative video is currently playing</span><i aria-hidden="true" class="fa fa-play"></i><i aria-hidden="true" class="fa fa-pause"></i></button><button aria-label="The decorative video sound is off, turn it on" class="video-volume-btn" type="button"><span class="off-screen">The decorative video sound is off</span><i aria-hidden="true" class="fa fa-volume-off"></i><i aria-hidden="true" class="fa fa-volume-up"></i></button></div></header><main id="content" role="main"><h1 class="visuallyhidden">The Old '76 House - Tappan, Tappan, NY</h1><article class="hide-show-section" data-hidden="no"><style></style><div class="custom_html_1-section section-wrapper" id="custom_html_1"><div class="container"><h2 class="section-header">The Old <br/> '76 House, Tappan</h2><h3>dive into a history of a historical American treasure</h3><p style="text-align: center;">The â76 House, America's oldest restaurant, is a three hundred year old structure lovingly restored to pristine condition by the Norden Family. Listed as a National Landmark, the establishment offers much more than historical significance. </p><p><a class="custom-temp-btn hvr-fade" href="/history" target="_self">learn more<span class="visuallyhidden">about Our History</span></a></p></div></div></article><article class="hide-show-section" data-hidden="no"><style> 869.slideshow-v2-wrapper .slideshow-controls-btn { 870 color: rgba(255, 255, 255, 0.8); 871} 872 873</style><div class="slideshow-v2-wrapper" id="slideshow_v2"><div aria-label="slideshow carousel" class="uk-slidenav-position" data-uk-slideshow="data-uk-slideshow" role="region" style="height:650px"><button aria-label="The slideshow is currently playing, pause the slideshow" class="slideshow-controls-btn playing" type="button"><span class="off-screen">slideshow start stop playing</span><i aria-hidden="true" class="fa fa-play"></i><i aria-hidden="true" class="fa fa-pause"></i></button><ul class="uk-dotnav uk-dotnav-contrast uk-position-bottom uk-flex-center"><li data-uk-slideshow-item="0"><a href="" role="button"><span class="off-screen">Slide 1 content</span></a></li><li data-uk-slideshow-item="1"><a href="" role="button"><span class="off-screen">Slide 2 content</span></a></li><li data-uk-slideshow-item="2"><a href="" role="button"><span class="off-screen">Slide 3 content</span></a></li></ul><a class="uk-slidenav uk-slidenav-contrast uk-slidenav-previous" data-uk-slideshow-item="previous" href=""><span class="off-screen">previous slide</span></a><a class="uk-slidenav uk-slidenav-contrast uk-slidenav-next" data-uk-slideshow-item="next" href=""><span class="off-screen">next slide</span></a><ul class="uk-slideshow "><li><img alt="slideshow photo number 1" src="//cdn.spotapps.co/spothopper/image/fetch/f_auto,q_auto:best,c_fit,h_1200/http://static.spotapps.co/spots/b6/bdd9ba29c74d2982b924ef9deb7e06/:original"/><div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center"><div class="container"><h2>private parties</h2><div class="slide-text">Perfect place to make your own history</div><div class="slide-text">Call us today at <a href="tel:+18453595476">(845) 359-5476</a> and let us know how we can make your special occasion perfect.</div></div></div></li><li><img alt="slideshow photo number 2" src="//cdn.spotapps.co/spothopper/image/fetch/f_auto,q_auto:best,c_fit,h_1200/http://static.spotapps.co/spots/b8/46d0845b5b4a388061a24ca4d1efc8/:original"/><div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center"><div class="container"><h2>reserve your table</h2><div class="slide-text">Easy to Book, Hard to Forget</div><div class="slide-text">To make a reservation, please call us at <a href="tel:+18453595476">(845) 359-5476</a>.</div></div></div></li><li><img alt="slideshow photo number 3" src="//cdn.spotapps.co/spothopper/image/fetch/f_auto,q_auto:best,c_fit,h_1200/http://static.spotapps.co/spots/ae/c0d2cb85e54a16825e24618115a7e3/:original"/><div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center"><div class="container"><h2>a historical american treasure</h2><div class="slide-text">The Old '76 House, Tappan</div><div class="buttons-group-holder"><a class="custom-temp-btn hvr-fade" href="/history" target="_self">Our History</a></div></div></div></li></ul></div></div></article><article class="hide-show-section" data-hidden="no"><style> 874 875.specials-v3.home-specials { 876 background-color: #6BA1B8; 877 } 878.specials-v3.home-specials .section-header { 879 color: #230707; 880} 881.specials-v3.home-specials .specials-text, .specials-v3.home-specials .specials-hours { 882 color: #230707; 883} 884</style><div class="specials-v3 home-specials section-wrapper" id="specials_v3"><div class="section-content-holder specials-content-holder"><div class="empty-content-message"><h2 class="section-header">Specials</h2><h2>We are updating our specials</h2><p><strong>Please stay tuned</strong></p></div></div></div></article><article class="hide-show-section" data-hidden="no"><style> 885.about-us-v8-wrapper { 886 padding: 5% 0% 5% 0%; 887} 888.about-us-v8-wrapper:before { 889 background-color: #F8F1E5; 890 background-image: url('https://static.spotapps.co/website_images/ab_websites/627396_website_v1/about_back.jpg'); 891 } 892 893 894.about-us-v8-wrapper .container { 895 padding: 0; 896 width: 100%; 897} 898 899 900 901 902 903 #aboutus_v8 .about-us-v8-item-0 .text-wrapper { 904 padding: 14% 10% 14% 10%; 905 } 906 907 908 909 #aboutus_v8 .about-us-v8-item-0 .about-us-v8-content .text-content h3, 910 #aboutus_v8 .about-us-v8-item-0 .about-us-v8-content .text-content h2:not(.about-title) { 911 color: #230707; 912 } 913 914
915 @media (max-width: 1024px) { 916 #aboutus_v8 .about-us-v8-item-0 .text-wrapper { 917 padding: 14% 10% 14% 10%; 918 } 919 } 920 921 @media (max-width: 767px) { 922 #aboutus_v8 .about-us-v8-item-0 .about-us-v8-image { 923 margin: 0; 924 height: 300px; 925 } 926 } 927 928 929 930 931 #aboutus_v8 .about-us-v8-item-1 .text-wrapper { 932 padding: 14% 10% 14% 10%; 933 } 934 935 936 937 #aboutus_v8 .about-us-v8-item-1 .about-us-v8-content .text-content h3, 938 #aboutus_v8 .about-us-v8-item-1 .about-us-v8-content .text-content h2:not(.about-title) { 939 color: #230707; 940 } 941 942 943 @media (max-width: 1024px) { 944 #aboutus_v8 .about-us-v8-item-1 .text-wrapper { 945 padding: 14% 10% 14% 10%; 946 } 947 } 948 949 @media (max-width: 767px) { 950 #aboutus_v8 .about-us-v8-item-1 .about-us-v8-image { 951 margin: 0; 952 height: 300px; 953 } 954 } 955 956@-webkit-keyframes grow { 957 from { 958 opacity: 0; 959 width: 0px; 960 } 961 to { 962 opacity: 1; 963 width: 80%; 964 } 965} 966@-moz-keyframes grow { 967 from { 968 opacity: 0; 969 width: 0px; 970 } 971 to { 972 opacity: 1; 973 width: 80%; 974 } 975} 976@keyframes grow { 977 from { 978 opacity: 0; 979 width: 0px; 980 } 981 to { 982 opacity: 1; 983 width: 80%; 984 } 985} 986 987.safari-mac .about-us-v8-item .about-us-v8-image-bar { 988 width: 80%; 989} 990 991 992@media (max-width: 767px) { 993 .about-us-v8-wrapper { 994 padding: 0; 995 } 996 .about-us-v8-wrapper .container { 997 padding: 0; 998 width: 100%; 999 } 1000 .about-us-v8-item { 1001 padding: 0 !important; 1002 } 1003} 1004 1005</style><div class="about-us-v8-wrapper section-wrapper" id="aboutus_v8"><div class="container about-us-v8"><section><div class="about-us-v8-item about-us-v8-item-0 about-us-v8-item-left" style="padding: 0;"><!-- start About us item --><div class="about-us-v8-image image-size-cover image-size-mobile-cover" style="background-image: url('https://static.spotapps.co/website_images/ab_websites/627396_website_v1/reservations.jpg'); width: 55%; 1006 "><!-- start Left About us image --></div><!-- end Left About us image --><div class="about-us-v8-content content-left" style="width: 45%; 1007 color: #230707; 1008 background: rgba(250, 250, 250, 0); text-align: left;"><div class="text-wrapper"><div class="text-content "><h2 class="about-title bar-left" style="color: #230707;"><span>Reservations</span></h2><div class="text-holder"><h3>Easy to Book, Hard to Forget</h3><p>If you're planning a date night or dining solo, we'd love to have you at The Old '76 House. Choose from our famous Shepherd's Pie, signature Pork Chop, or Vegan Moussaka and experience how every meal here tastes a little special. We are ready to welcome you with warmth, good food, and timeless charm. Your perfect table is one click away!</p><p>To make a reservation, please call us at <a class="phone-cta" href="tel:+18453595476">(845) 359-5476</a>.</p></div></div></div></div><!-- end Right About us image --></div><!-- end About us item --></section><section><div class="about-us-v8-item about-us-v8-item-1 about-us-v8-item-right" style="padding: 5% 0% 0% 0%;"><!-- start About us item --><div class="about-us-v8-image visible-xs image-size-cover image-size-mobile-cover" style="background-image: url('https://static.spotapps.co/website_images/ab_websites/627396_website_v1/parties.jpg'); width: 45%; 1009 "><!-- start Left About us image --></div><!-- end Left About us image --><div class="about-us-v8-content content-left" style="width: 55%; 1010 color: #230707; 1011 background: rgba(250, 250, 250, 0); text-align: left;"><div class="text-wrapper"><div class="text-content "><h2 class="about-title bar-left" style="color: #230707;"><span>Party & group reservations</span></h2><div class="text-holder"><h3>Not just a party spot, but a story to be told!</h3><p>Whether it's a Wedding, a Holiday Dinner Party, or a baby shower, The Old '76 House offers the perfect setting for life's most memorable moments. With four beautifully appointed dining rooms, our oldest tavern in America blends warmth, charm, and elegance. We have prepared custom menus and a setting tailored to your needs!</p><p>To make a reservation, please call us at <a class="phone-cta" href="tel:+18453595476">(845) 359-5476</a>.</p></div></div></div></div><!-- start Right About us image --><div class="about-us-v8-image hidden-xs image-size-cover image-size-mobile-cover" style="background-image: url('https://static.spotapps.co/website_images/ab_websites/627396_website_v1/parties.jpg'); width: 45%; 1012 "></div><!-- end Right About us image --></div><!-- end About us item --></section></div></div><!-- For mobile devices animate the about_v8 section on page load if the video is on the cover and this section is 1st or 2nd below the cover. --></article><article class="hide-show-section" data-hidden="no"><style> 1013 1014
1015.reviews-v2-wrapper .carousel-controls .carousel-control-btn { 1016 color: #230707; 1017} 1018</style><div class="carousel-wrapper reviews-v2-wrapper section-wrapper" id="reviews_v2"><h2 class="section-header">Reviews</h2><div class="container"><div aria-label="reviews carousel" class="row" role="region"><div class="carousel-controls" id="ReviewesCarouselControls"><button aria-label="The Reviews carousel is currently playing, pause the Reviews carousel" class="carousel-control-btn stop-carousel" type="button"><i aria-hidden="true" class="fa fa-pause"></i><i aria-hidden="true" class="fa fa-play"></i><span class="visuallyhidden"> Start stop reviews carousel</span></button></div><ul class="owl-dots"><li class="owl-dot"></li><li class="owl-dot"></li><li class="owl-dot"></li></ul><div class="col-md-12 col-xs-12"><div class="owl-carousel owl-theme"><section><div class="item"><h3 class="review-by">Review by - Google</h3><h4 class="reviewer"><span class="visuallyhidden">five star review by</span> 1019 Regina H: 1020 <i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i></h4><div class="review-text"><div aria-hidden="true" class="review-quote quote-left"><i class="fa fa-quote-left"></i></div><div aria-hidden="true" class="review-quote quote-right"><i class="fa fa-quote-right"></i></div><blockquote><p>Lovely and cozy, lots of history within these walls. I really enjoyed the old photos on the wall (Rumor has it that Washington even turned one of them upside down himself) and a live-in ghost. The thanksgiving Spring rolls were life-changing. They sound weird, I know, but TRUST me- ah-mazing. Staff was attentive and pleasant.</p></blockquote></div></div></section><section><div class="item"><h3 class="review-by">Review by - google</h3><h4 class="reviewer"><span class="visuallyhidden">five star review by</span> 1021 Ann B: 1022 <i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i></h4><div class="review-text"><div aria-hidden="true" class="review-quote quote-left"><i class="fa fa-quote-left"></i></div><div aria-hidden="true" class="review-quote quote-right"><i class="fa fa-quote-right"></i></div><blockquote><p>Someone had recommended I visit this tavern because I love Revolutionary War history. I am so happy I took the time to go! This is a must if you love colonial history. The owner was very nice, and took the time to show me around the restaurant, and tell me about a few of the historic relics. My eggs benedict (Arnold) was great too.</p></blockquote></div></div></section><section><div class="item"><h3 class="review-by">Review by - google</h3><h4 class="reviewer"><span class="visuallyhidden">five star review by</span> 1023 Terrance C: 1024 <i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i></h4><div class="review-text"><div aria-hidden="true" class="review-quote quote-left"><i class="fa fa-quote-left"></i></div><div aria-hidden="true" class="review-quote quote-right"><i class="fa fa-quote-right"></i></div><blockquote><p>We were traveling in for some personal business from Lansing, Michigan. Just us and another couple seated not far from us. Just boom! Everthing out of the park. Point blank period. The entire staff was on point. Enough said. Just go and experience the fabulous menu atmosphere and classy staff.</p></blockquote></div></div></section></div></div></div></div></div></article><article class="hide-show-section" data-hidden="no"><style> 1025.about-us-v8-wrapper.custom-about-us-v8-wrapper { 1026 padding: 0; 1027} 1028.about-us-v8-wrapper.custom-about-us-v8-wrapper:before { 1029 background-color: #F8F1E5; 1030 background-image: url('https://static.spotapps.co/website_images/ab_websites/627396_website_v1/about_custom_back.jpg'); 1031 1032 -webkit-filter: none; 1033 -moz-filter: none; 1034 -o-filter: none; 1035 -ms-filter: none; 1036 filter: none; 1037 } 1038 1039 1040.about-us-v8-wrapper.custom-about-us-v8-wrapper .container { 1041 padding: 0; 1042 width: 100%; 1043} 1044 1045 1046 1047 1048 1049 #aboutus_v8_custom .about-us-v8-item-0 .text-wrapper { 1050 padding: 14% 10% 14% 10%; 1051 } 1052 1053 #aboutus_v8_custom .about-us-v8-item-0 .about-us-v8-content .text-content.title-image h2.about-title::after, 1054 #aboutus_v8_custom .about-us-v8-item-0 .about-us-v8-content .text-content.title-image h2.about-title::before { 1055 background-image: url('https://static.spotapps.co/website_images/ab_websites/627396_website_v1/title_decoration.png'); 1056 height: 80px; 1057 } 1058 #aboutus_v8_custom .about-us-v8-item-0 .about-us-v8-content .text-content.title-image h2.about-title::before { 1059 display: block; 1060 } 1061 1062
1063 #aboutus_v8_custom .about-us-v8-item-0 .about-us-v8-content .text-content h3, 1064 #aboutus_v8_custom .about-us-v8-item-0 .about-us-v8-content .text-content h2:not(.about-title) { 1065 color: #230707; 1066 } 1067 1068 1069 @media (max-width: 1024px) { 1070 #aboutus_v8_custom .about-us-v8-item-0 .text-wrapper { 1071 padding: 14% 10% 14% 10%; 1072 } 1073 } 1074 1075 @media (max-width: 767px) { 1076 #aboutus_v8_custom .about-us-v8-item-0 .about-us-v8-image { 1077 margin: 0; 1078 height: 300px; 1079 } 1080 } 1081 1082 1083@-webkit-keyframes grow { 1084 from { 1085 opacity: 0; 1086 width: 0px; 1087 } 1088 to { 1089 opacity: 1; 1090 width: 80%; 1091 } 1092} 1093@-moz-keyframes grow { 1094 from { 1095 opacity: 0; 1096 width: 0px; 1097 } 1098 to { 1099 opacity: 1; 1100 width: 80%; 1101 } 1102} 1103@keyframes grow { 1104 from { 1105 opacity: 0; 1106 width: 0px; 1107 } 1108 to { 1109 opacity: 1; 1110 width: 80%; 1111 } 1112} 1113 1114.safari-mac .custom-about-us-v8-wrapper .about-us-v8-item .about-us-v8-image-bar { 1115 width: 80%; 1116} 1117 1118 1119@media (max-width: 767px) { 1120 .about-us-v8-wrapper.custom-about-us-v8-wrapper { 1121 padding: 0; 1122 } 1123 .about-us-v8-wrapper.custom-about-us-v8-wrapper .container { 1124 padding: 0; 1125 width: 100%; 1126 } 1127 .custom-about-us-v8-wrapper .about-us-v8-item { 1128 padding: 0 !important; 1129 } 1130} 1131 1132</style><div class="about-us-v8-wrapper custom-about-us-v8-wrapper section-wrapper" id="aboutus_v8_custom"><div class="container about-us-v8"><section><div class="about-us-v8-item about-us-v8-item-0 about-us-v8-item-left" style="padding: 0;"><!-- start About us item --><div class="about-us-v8-image image-size-cover image-size-mobile-cover" style="background-image: url('https://static.spotapps.co/website_images/ab_websites/627396_website_v1/menu.jpg'); width: 55%; 1133 "><!-- start Left About us image --></div><!-- end Left About us image --><div class="about-us-v8-content content-left" style="width: 45%; 1134 color: #230707; 1135 background: rgba(250, 250, 250, 0); text-align: left;"><div class="text-wrapper"><div class="text-content title-image"><h2 class="about-title bar-left" style="color: #230707;"><span>a historical american treasure</span></h2><div class="text-holder"><h3>Where every meal feels timeless, and every moment lasts forever</h3><p>Today, patrons enjoy fabulous food prepared by our acclaimed chef, in a one-of-a-kind setting. Four glowing fireplaces, live music, a gorgeous garden patio, romantic porch, wine dinners and our famous Sunday brunch have elevated the '76 House to one of the area's top dining destinations. We look forward to welcoming you!</p></div><div class="buttons-holder buttons-row-parent buttons-left"><div class="buttons-row"><a class="custom-temp-btn hvr-fade" href="/food-menu" target="_self"> 1136 menu card </a></div></div></div></div></div><!-- end Right About us image --></div><!-- end About us item --></section></div></div><!-- For mobile devices animate the about_v8 section on page load if the video is on the cover and this section is 1st or 2nd below the cover. --></article><article class="hide-show-section" data-hidden="no"><style> 1137.gallery { 1138 background-color: #F8F1E5; 1139 color: #000; 1140 background-image: url('https://static.spotapps.co/website_images/ab_websites/627396_website_v1/gallery_back.jpg'); 1141 } 1142 1143</style><div class="gallery gallery_v1 section-wrapper" id="gallery"><div class="container text-center"><button class="visuallyhidden skip-content gallery-toggle gt-off">Skip Photo Gallery</button><div class="row"><div class="col-lg-3 col-md-3 col-xs-6 thumb gallery-item gallery-hover animation_1"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/dd/eb4369ca044255b04e8850084c95a1/full"><div class="img"><img alt="Chicken tenders and veggies." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/dd/eb4369ca044255b04e8850084c95a1/medium" data-srcset="//static.spotapps.co/spots/dd/eb4369ca044255b04e8850084c95a1/small 200w, //static.spotapps.co/spots/dd/eb4369ca044255b04e8850084c95a1/medium 400w, //static.spotapps.co/spots/dd/eb4369ca044255b04e8850084c95a1/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div></a></div><div class="col-lg-3 col-md-3 col-xs-6 thumb gallery-item gallery-hover animation_1"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/49/ee996e956b4c4099171f2ed993e19f/full"><div class="img"><img alt="Chicken tenders and veggies, closeup." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/49/ee996e956b4c4099171f2ed993e19f/medium" data-srcset="//static.spotapps.co/spots/49/ee996e956b4c4099171f2ed993e19f/small 200w, //static.spotapps.co/spots/49/ee996e956b4c4099171f2ed993e19f/medium 400w, //static.spotapps.co/spots/49/ee996e956b4c4099171f2ed993e19f/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div></a></div><div class="col-lg-3 col-md-3 col-xs-6 thumb gallery-item gallery-hover animation_1"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/66/7845df1ad7419981e036923f8a4d1e/full"><div class="img">
1143<img alt="The Famous Onion Soup Lafayette." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/66/7845df1ad7419981e036923f8a4d1e/medium" data-srcset="//static.spotapps.co/spots/66/7845df1ad7419981e036923f8a4d1e/small 200w, //static.spotapps.co/spots/66/7845df1ad7419981e036923f8a4d1e/medium 400w, //static.spotapps.co/spots/66/7845df1ad7419981e036923f8a4d1e/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div></a></div><div class="col-lg-3 col-md-3 col-xs-6 thumb gallery-item gallery-hover animation_1"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/fe/a8c7afee304f29a420975482af07b0/full"><div class="img"><img alt="Chicken Pot Pie." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/fe/a8c7afee304f29a420975482af07b0/medium" data-srcset="//static.spotapps.co/spots/fe/a8c7afee304f29a420975482af07b0/small 200w, //static.spotapps.co/spots/fe/a8c7afee304f29a420975482af07b0/medium 400w, //static.spotapps.co/spots/fe/a8c7afee304f29a420975482af07b0/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div></a></div><div class="col-lg-3 col-md-3 col-xs-6 thumb gallery-item gallery-hover animation_1"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/3e/46d4923d7e467d9afe0c3a0b267e9d/full"><div class="img"><img alt="Classic Chicken Cordon Bleu." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/3e/46d4923d7e467d9afe0c3a0b267e9d/medium" data-srcset="//static.spotapps.co/spots/3e/46d4923d7e467d9afe0c3a0b267e9d/small 200w, //static.spotapps.co/spots/3e/46d4923d7e467d9afe0c3a0b267e9d/medium 400w, //static.spotapps.co/spots/3e/46d4923d7e467d9afe0c3a0b267e9d/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div></a></div><div class="col-lg-3 col-md-3 col-xs-6 thumb gallery-item gallery-hover animation_1"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/ab/92b57973b84409be8f936543d2a915/full"><div class="img"><img alt="Lemon Shortbread Tart." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/ab/92b57973b84409be8f936543d2a915/medium" data-srcset="//static.spotapps.co/spots/ab/92b57973b84409be8f936543d2a915/small 200w, //static.spotapps.co/spots/ab/92b57973b84409be8f936543d2a915/medium 400w, //static.spotapps.co/spots/ab/92b57973b84409be8f936543d2a915/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div></a></div><div class="col-lg-3 col-md-3 col-xs-6 thumb gallery-item gallery-hover animation_1"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/7f/c51de9011140868562d65b4319f255/full"><div class="img"><img alt="Thanksgiving Spring Rolls." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/7f/c51de9011140868562d65b4319f255/medium" data-srcset="//static.spotapps.co/spots/7f/c51de9011140868562d65b4319f255/small 200w, //static.spotapps.co/spots/7f/c51de9011140868562d65b4319f255/medium 400w, //static.spotapps.co/spots/7f/c51de9011140868562d65b4319f255/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div></a></div><div class="col-lg-3 col-md-3 col-xs-6 thumb gallery-item gallery-hover animation_1"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/7b/304a20ff4c4f0398b7c576507d1a8a/full"><div class="img"><img alt="French Martini." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/7b/304a20ff4c4f0398b7c576507d1a8a/medium" data-srcset="//static.spotapps.co/spots/7b/304a20ff4c4f0398b7c576507d1a8a/small 200w, //static.spotapps.co/spots/7b/304a20ff4c4f0398b7c576507d1a8a/medium 400w, //static.spotapps.co/spots/7b/304a20ff4c4f0398b7c576507d1a8a/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div></a></div></div></div></div></article><article class="hide-show-section" data-hidden="no"><style> 1144.map-newsletter .text-wrapper:before { 1145 } 1146 1147</style><div class="googlemap-v3-wrapper openstreetmap-v3-wrapper maps-wrapper section-wrapper" id="openstreetmap_v3"><div class="row map-holder"><section><div class="col-md-6 col-sm-12 col-xs-12 map-item map-newsletter"><div class="text-wrapper"><div class="text-content"><h2 class="section-header">Newsletter</h2>
1147<script id="sph-widget-627396" type="text/javascript"> 1148 (function() { 1149 function async_load(){ 1150 var s = document.createElement('script'); 1151 s.type = 'text/javascript'; 1152 s.async = true; 1153 s.src = 'https://www.spothopperapp.com/spots/627396/widgets/newsletter.js?template=newsletter_widget1'; 1154 var embedder = document.getElementById('sph-widget-627396'); 1155 embedder.parentNode.insertBefore(s, embedder); 1156 1157 // Modify widget's html 1158 setTimeout(function(){ 1159 $( '<span class="bar"></span>' ).insertAfter( '.sph-email-input' ); 1160 $('.sph-submit-button').addClass('custom-temp-btn hvr-fade'); 1161 1162 // Replace <h2> with <p> 1163 document.querySelectorAll('.section-wrapper .sph-email-subscription h2').forEach(h2 => { 1164 const p = document.createElement('p'); 1165 1166 // Copy all attributes from h2 to p 1167 [...h2.attributes].forEach(attr => { 1168 p.setAttribute(attr.name, attr.value); 1169 }); 1170 1171 // Copy inner HTML content 1172 p.innerHTML = h2.innerHTML; 1173 1174 // Replace h2 with p 1175 h2.parentNode.replaceChild(p, h2); 1176 }); 1177 }, 2000); 1178 1179 } 1180 if (window.attachEvent) 1181 window.attachEvent('onload', async_load); 1182 else 1183 window.addEventListener('load', async_load, false); 1184 })(); 1185 </script>
1185</div></div></div></section><section><div class="col-md-6 col-sm-12 col-xs-12 map-item"><div aria-label="OpenStreet map" id="map-v3-container" role="region"></div></div></section></div><div class="map-footer text-center"><div class="triangle"></div></div></div></article><article class="hide-show-section" data-hidden="no"><style> 1186 1187.contact-v3 .hours-title, .contact-v3 .social-title, .contact-v3 .contact-us-title { 1188 color: #FFF8EC; 1189} 1190.contact a:hover, .contact a:active, .contact-us a:hover, .contact-us a:active { 1191 color: #FFF8EC; 1192} 1193.contact-v3 .social-circle .contact-icon { 1194 color: rgba(255, 255, 255, 0.8); 1195} 1196 .contact-v3 .social-square .contact-icon { 1197 color: #FFF8EC; 1198 } 1199 .contact-v3 .social-square .contact-icon:hover { 1200 color: #230707; 1201 background-color: #FFF8EC; 1202 } 1203 1204</style><div class="contact-v3 contact-v3-center section-wrapper" id="contact_v3"><div class="container"><div class="row"><div class="col-md-4 col-sm-4 col-xs-12"><section><div class="contact-location"><div class="hours-title"><h2>Location</h2></div><div class="address">110 Main St</div><div class="city-state">Tappan, NY</div><div class="zip">10983</div></div></section></div><div class="col-md-4 col-sm-4 col-xs-12"><section><div class="hours"><div class="hours-title"><h2>Hours</h2></div><div>Monday â Thursday</div><div>Lunch: 12:00â3:00</div><div>Dinner: 5:00â9:00</div><br/><div>Friday â Saturday</div><div>Lunch: 12:00â3:00</div><div>Dinner: 5:00â10:00</div><br/><div>Sunday</div><div>Sunday Brunch Buffet only 11:30-3:00</div><div>Dinner: 3:00â8:00</div></div></section></div><div class="col-md-4 col-sm-4 col-xs-12"><div class="find-us"><section><div class="social"><div class="social-title"><h2>Find us on...</h2></div><div class="social-links social-icons-holder social-square"><a class="contact-icon" href="https://www.facebook.com/509760608878245" target="_blank"><i class="social-icon fa fa-facebook"></i><span>Facebook page</span></a><a class="contact-icon" href="https://www.instagram.com/old76house" target="_blank"><i class="social-icon fa fa-instagram"></i><span>Instagram page</span></a><a class="contact-icon google-icon" href="https://www.google.com/search?q=The+Old+%2776+House+110+Main+St&oq=The+Old+%2776+House+110+Main+St&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIHCAEQABiABDIKCAIQABiABBiiBDIKCAMQABiABBiiBNIBCDEzNzlqMGo3qAIAsAIA&sourceid=chrome&ie=UTF-8#lrd=0x89c2eeb205017521:0xf218d4f342c866c3,1,,,," target="_blank"><i aria-hidden="true" class="social-icon fa fa-google"></i><span>Google page</span></a></div></div></section><section><div class="contact-us"><div class="contact-us-title"><h2>Contact us</h2></div><p><a href="tel:+18453595476" id="contact_us_v3_section_phone_link"><span class="visuallyhidden">Call us at </span>(845)-359-5476</a></p><p><a href="mailto:[email protected]"><span class="visuallyhidden">Write us at </span>[email protected]</a></p></div></section></div></div></div></div></div></article><article class="hide-show-section" data-hidden="no"><div class="footer-v2-wrapper" id="footer_v2"><div class="container"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><p>Powered by: <a aria-label="SpotHopper homepage" class="applicationsLink" href="https://www.spothopperapp.com/" target="_blank"><img alt="SpotHopper logo" class="logoimg" src="https://static.spotapps.co/website_images/default_template_images/spothopper_logo.png"/></a></p></div><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><a aria-label="Website design, Social Media marketing, and Email marketing provided by SpotHopper. Contact Us form" class="applicationsLink" href="https://www.spothopperapp.com/contact-us?contact_reason=demo" target="_blank">Website design, Social Media marketing and Email marketing provided by SpotHopper.</a></div></div></div></div></article></main><style type="text/css"> 1205 .navbar-fixed-bottom.nav-v1 { 1206 bottom: -100px; 1207 } 1208 .navbar-fixed-bottom.nav-v1 .nav.navbar-nav.navbar-right { 1209 background-color: #230707; 1210 } 1211 .navbar-fixed-bottom.nav-v1 .bottom-svg-border path, 1212 .navbar-fixed-bottom.nav-v1 .bottom-svg-border polygon { 1213 fill: #000; 1214 } 1215 .navbar-fixed-bottom.nav-v1 .bottom-list-item a { 1216 color: #FFF8EC; 1217 } 1218 .navbar-fixed-bottom.nav-v1 .bottom-list-item a:hover, 1219 .navbar-fixed-bottom.nav-v1 .bottom-list-item a:focus { 1220 color: #FFF8EC; 1221 } 1222</style><nav aria-label="mobile footer" class="navbar-fixed-bottom nav-v1" id="bottom-navbar"><div><ul class="nav navbar-nav navbar-right"></ul></div></nav><div aria-hidden="true" aria-label="newsletter dialog" class="modal fade custom-modal" id="CustomModal" role="dialog" tabindex="-1"><div class="modal-dialog modal-md" role="document"><div class="modal-content"><div class="custom-modal-close"><button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">Ã</span></button></div><div class="modal-body"><div class="row"><div class="col-md-12"><div class="newsletter-popup"><h2 class="section-header">Newsletter</h2>
1222<script id="sph-widget-2ce08bd156a46491d83342eb4a039092" type="text/javascript"> 1223 (function() { 1224 function async_load(){ 1225 var s = document.createElement('script'); 1226 s.type = 'text/javascript'; 1227 s.async = true; 1228 s.src = 'https://www.spothopperapp.com/spots/627396/widgets/newsletter.js?template=newsletter_widget2'; 1229 var embedder = document.getElementById('sph-widget-2ce08bd156a46491d83342eb4a039092'); 1230 embedder.parentNode.insertBefore(s, embedder); 1231 1232 // Modify widget's html 1233 setTimeout(function(){ 1234 document.querySelectorAll('.custom-modal .sph-email-subscription h2').forEach(h2_p => { 1235 const p_p = document.createElement('p'); 1236 1237 // Copy all attributes from h2 to p 1238 [...h2_p.attributes].forEach(attr => { 1239 p_p.setAttribute(attr.name, attr.value); 1240 }); 1241 1242 // Copy inner HTML content 1243 p_p.innerHTML = h2_p.innerHTML; 1244 1245 // Replace h2 with p 1246 h2_p.parentNode.replaceChild(p_p, h2_p); 1247 }); 1248 }, 2000); 1249 } 1250 if (window.attachEvent) 1251 window.attachEvent('onload', async_load); 1252 else 1253 window.addEventListener('load', async_load, false); 1254 })(); 1255 </script>
1255</div></div></div></div></div></div></div>
1255<script src="https://static.spotapps.co/web/76house--com/lib/jquery/jquery.min.js"></script>
1255<script src="https://static.spotapps.co/web/76house--com/lib/jquery/jquery.browser.min.js"></script>
1255<script src="https://static.spotapps.co/web/76house--com/lib/bootstrap/js/bootstrap.min.js"></script>
1255<script src="https://static.spotapps.co/web/76house--com/lib/owlcarousel/owl.carousel.min.js"></script>
1255<script src="https://static.spotapps.co/web/76house--com/lib/masonry/masonry.pkgd.min.js"></script>
1255<script src="https://static.spotapps.co/web/76house--com/lib/uikit/js/uikit.min.js" type="text/javascript"></script>
1255<script src="https://static.spotapps.co/web/76house--com/lib/uikit/js/slideshow.min.js" type="text/javascript"></script>
1255<script src="https://static.spotapps.co/web/76house--com/lib/uikit/js/slideshow-fx.min.js"></script>
1255<script src="https://static.spotapps.co/iframeResizer.js" type="text/javascript"></script>
1255<script src="//static.spotapps.co/web-lib/leaflet/[email protected]/dist/leaflet.js"></script>
1255<script src="//static.spotapps.co/web-lib/leaflet/leaflet-providers.js"></script>
1255<script src="//static.spotapps.co/web-lib/leaflet/[email protected]/dist/leaflet-gesture-handling.min.js"></script>
1255<script src="https://static.spotapps.co/web/76house--com/lib/fancybox/source/jquery.fancybox.js" type="text/javascript"></script>
1255<script src="https://static.spotapps.co/web/76house--com/lib/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script>
1255<script src="https://static.spotapps.co/web/76house--com/lib/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7" type="text/javascript"></script>
1255<script src="https://static.spotapps.co/web/76house--com/lib/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6" type="text/javascript"></script>
1255<script type="text/javascript"> 1256 1257 1258 1259 $('.header-logo, .nav-v2-home-btn').click(function(event) { 1260 if ( window.location.pathname == '/' || window.location.pathname == '/index.php') { 1261 event.preventDefault(); 1262 var windowScrollTop = $(window).scrollTop(); 1263 if(windowScrollTop > 150) { 1264 $('html, body').animate({scrollTop: 0}, 750); 1265 } 1266 } 1267 }); 1268 1269$(".banner-section a.banner-pin").click(function(e) { 1270 // target element id 1271 var id = $(this).attr('href'); 1272 1273 // target element 1274 var section = $(id); 1275 if (section.length === 0) { 1276 return; 1277 } 1278 1279 // prevent standard hash navigation (avoid blinking in IE) 1280 e.preventDefault(); 1281 1282 // top position relative to the document 1283 var pos = section.offset().top - 100 + 10; 1284 1285 // animated top scrolling 1286 $('body, html').animate({scrollTop: pos}, 750); 1287}); 1288 1289$(document).ready(function() { 1290 var navHeight = $('nav.navbar').height(); 1291 $('html').css("scroll-padding-top", navHeight); 1292}); 1293$(document).on('scroll', function (e) { 1294 if($(document).scrollTop() > 0) { 1295 $('.navbar.nav-v6').addClass('nav-scroll'); 1296 }else { 1297 $('.navbar.nav-v6').removeClass('nav-scroll'); 1298 } 1299}); 1300 1301function scrollStop (callback, refresh = 66) { 1302 1303 // Make sure a valid callback was provided 1304 if (!callback || typeof callback !== 'function') return; 1305 1306 // Setup scrolling variable 1307 let isScrolling; 1308 1309 // Listen for scroll events 1310 window.addEventListener('scroll', function (event) { 1311 1312 // Clear our timeout throughout the scroll 1313 window.clearTimeout(isScrolling); 1314 1315 // Set a timeout to run after scrolling ends 1316 isScrolling = setTimeout(callback, refresh); 1317 1318 }, false); 1319 1320} 1321 1322$(function() { 1323 setDropDownMenuWidth(); 1324 1325 // Function to set drop-down menu position (css top property) 1326 setDropDownMenuTop(); 1327 1328 function setDropDownMenuWidth() { 1329 var tabs_list = $('.navbar-collapse .navbar-nav'); 1330 $(tabs_list).find('li.drop-down-link').each(function() { 1331 var sub_menu_width = $(this).outerWidth(true); 1332 if (sub_menu_width < 100) { 1333 sub_menu_width = 100; 1334 } 1335 $(this).find('.sub-menu').css('width', sub_menu_width+'px'); 1336 1337 }); 1338 }; 1339 1340 function setDropDownMenuTop() { 1341 var sub_menu_top = ($('.navbar.nav-v6 .container').outerHeight() + $('.drop-down-link').outerHeight())/2; 1342 $('li.drop-down-link .sub-menu').css('top', sub_menu_top-2 +'px'); 1343 }; 1344 1345 $( window ).resize(function() { 1346 setDropDownMenuWidth(); 1347 setDropDownMenuTop(); 1348 }); 1349 1350 $(window).on('scroll', function (e) { 1351 setDropDownMenuTop(); 1352 }); 1353 1354 scrollStop(function () { 1355 setDropDownMenuTop(); 1356 if($(document).scrollTop() == 0) { 1357 setTimeout(setDropDownMenuTop, 200); 1358 } 1359 }); 1360 1361 $('.nav a:not(.drop-down)').on('click', function () { 1362 $('.navbar-collapse').collapse('hide'); 1363 }); 1364 1365}); 1366 1367$( '.drop-down-link .drop-down' ).click(function(event) { 1368 event.preventDefault(); 1369 event.stopPropagation(); 1370 var drop_down = $(this).closest('.drop-down-link'); 1371 var drop_down_a = $(this); 1372 1373 if($(drop_down_a).attr("aria-expanded") == "true") { 1374 $(drop_down_a).attr("aria-expanded",false) 1375 } else { 1376 $(drop_down_a).attr("aria-expanded",true) 1377 } 1378 1379 var sub_menu = $(this).closest('.drop-down-link').find( '.sub-menu' ); 1380 if ( $(sub_menu).is( ':hidden' ) ) { 1381 $(sub_menu).slideDown(); 1382 $(drop_down).addClass('active'); 1383 } else { 1384 $(sub_menu).slideUp(); 1385 $(drop_down).removeClass('active'); 1386 } 1387}); 1388$('#navbar-collapse-1').on('hide.bs.collapse', function (e) { 1389 var clickedElement = $(event.target); 1390 if (clickedElement.hasClass('drop-down')) { 1391 return false; 1392 } 1393}); 1394$('#navbar-collapse-1').on('hidden.bs.collapse', function () { 1395 closeOpenedDropDownMenus(); 1396 function closeOpenedDropDownMenus() { 1397 var tabs_list = $('.navbar-collapse .navbar-nav'); 1398 $(tabs_list).find('li.drop-down-link').each(function() { 1399 if( $(this).hasClass('active') ) { 1400 var sub_menu = $(this).find('.sub-menu'); 1401 $(sub_menu).slideUp(); 1402 $(this).removeClass('active'); 1403 } 1404 }); 1405 }; 1406}); 1407 1408const mobileDrop = document.querySelector('.mobile-full-height #navbar-collapse-1 .navbar-nav'); 1409const mobileDropButton = document.querySelector('.mobile-full-height .navbar-toggle'); 1410const mobileHeader = document.querySelector('.mobile-full-height .navbar-header'); 1411 1412mobileDropButton?.addEventListener('click', () => { 1413 mobileHeaderBottomPos = mobileHeader.getBoundingClientRect().bottom; 1414 mobileDrop.style.paddingTop = mobileHeaderBottomPos + 'px'; 1415}); 1416 1417(function () { 1418 const isSafari = (() => { 1419 const ua = navigator.userAgent; 1420 return ua.includes('Safari') && // Safari must be present
1421 !ua.includes('Chrome') && // Exclude Chrome (has 'Safari' in UA) 1422 !ua.includes('Edg'); // Exclude Edge 1423 })(); 1424 1425 if (!isSafari) return; 1426 const menu = document.getElementById('navbar-collapse-1'); 1427 1428 // When coming back from a _blank tab or bfcache restore, force a repaint. 1429 function nudgeRepaint() { 1430 if (!menu || !menu.classList.contains('in')) return; 1431 // toggle display to flush rendering, then poke will-change for one frame 1432 const prev = menu.style.display; 1433 menu.style.display = 'none'; 1434 // force reflow 1435 void menu.offsetHeight; 1436 menu.style.display = prev || ''; 1437 menu.style.willChange = 'opacity'; 1438 requestAnimationFrame(() => { menu.style.willChange = 'auto'; }); 1439 } 1440 1441 document.addEventListener('visibilitychange', () => { 1442 if (document.visibilityState === 'visible') nudgeRepaint(); 1443 }); 1444 1445 // iOS/macOS Safari often restores pages from bfcache 1446 window.addEventListener('pageshow', (e) => { 1447 if (e.persisted) nudgeRepaint(); 1448 else nudgeRepaint(); 1449 }, { passive: true }); 1450 1451 // Keep menu open when clicking links that open in a new tab 1452 menu?.addEventListener('click', (e) => { 1453 const a = e.target.closest('a'); 1454 if (!a) return; 1455 if (a.target === '_blank') { 1456 // avoid any delegated "close on link click" handlers firing first 1457 e.stopPropagation(); 1458 // allow navigation; after we return, repaint nudge will run 1459 } 1460 }, true); 1461})(); 1462 $(document).ready(function() { 1463 var video = $("#coverVideo")[0]; 1464 1465 // Cover video Play/pause 1466 $(".video-controls-btn").click(function () { 1467 if (video.paused) { 1468 video.play(); 1469 $(".video-controls-btn").focus(); 1470 $(".video-controls-btn i.fa-play").hide(); 1471 $(".video-controls-btn i.fa-pause").show(); 1472 $(".video-controls-btn").attr("aria-label", "The decorative video is currently playing, pause the video"); 1473 $(".video-controls-btn .off-screen").text("The decorative video is currently playing"); 1474 } else { 1475 video.pause(); 1476 $(".video-controls-btn").focus(); 1477 $(".video-controls-btn i.fa-play").show(); 1478 $(".video-controls-btn i.fa-pause").hide(); 1479 $(".video-controls-btn").attr("aria-label", "The decorative video is currently paused, play the video"); 1480 $(".video-controls-btn .off-screen").text("The decorative video is currently paused"); 1481 } 1482 }); 1483 // Cover video sound on/off 1484 if (video.muted) { 1485 $(".video-volume-btn").addClass('off'); 1486 } 1487 1488 $(".video-volume-btn").click(function () { 1489 if (video.muted) { 1490 video.muted = false; 1491 $(".video-volume-btn").removeClass('off'); 1492 $(".video-volume-btn").addClass('on'); 1493 $(".video-volume-btn").attr("aria-label", "The decorative video sound is on, turn it off"); 1494 $(".video-volume-btn .off-screen").text("The decorative video sound is on"); 1495 } else { 1496 video.muted = true; 1497 $(".video-volume-btn").removeClass('on'); 1498 $(".video-volume-btn").addClass('off'); 1499 $(".video-volume-btn").attr("aria-label", "The decorative video sound is off, turn it on"); 1500 $(".video-volume-btn .off-screen").text("The decorative video sound is off"); 1501 } 1502 }); 1503 }); 1504 $(document).ready(function() { 1505 1506 var slideshow = UIkit.slideshow('[data-uk-slideshow]', { 1507 autoplay: true, 1508 height: '100%', 1509 animation: 'swipe', 1510 duration: 500, 1511 autoplayInterval: 4000, 1512 pauseOnHover: false 1513 }); 1514 1515 //play or pause slideshow functions 1516 $('.slideshow-v2-wrapper .slideshow-controls-btn').click(function () { 1517 if($(this).hasClass('playing')){ 1518 slideshow.stop(); 1519 $(this).removeClass('playing'); 1520 $(this).addClass('paused'); 1521 $(this).attr( "aria-label", "The slideshow is currently paused, play the slideshow"); 1522 }else { 1523 slideshow.start(); 1524 $(this).removeClass('paused'); 1525 $(this).addClass('playing'); 1526 $(this).attr( "aria-label", "The slideshow is currently playing, pause the slideshow"); 1527 } 1528 }); 1529 1530 $('.slideshow-v2-wrapper .uk-dotnav a, .slideshow-v2-wrapper a.uk-slidenav').click(function () { 1531 $('.slideshow-v2-wrapper .slideshow-controls-btn').removeClass('playing'); 1532 $('.slideshow-v2-wrapper .slideshow-controls-btn').addClass('paused'); 1533 $('.slideshow-v2-wrapper .slideshow-controls-btn').attr( "aria-label", "The slideshow is currently paused, play the slideshow"); 1534 }); 1535 1536 (function( func ) { 1537 $.fn.addClass = function() { // replace the existing function on $.fn 1538 func.apply( this, arguments ); // invoke the original function 1539 this.trigger('classChanged'); // trigger the custom event 1540 return this; // retain jQuery chainability 1541 } 1542 })($.fn.addClass); // pass the original function as an argument 1543 1544 (function( func ) { 1545 $.fn.removeClass = function() { 1546 func.apply( this, arguments ); 1547 this.trigger('classChanged'); 1548 return this; 1549 } 1550 })($.fn.removeClass); 1551 $('.uk-slideshow li').each(function(index) { 1552 $(this).find('.custom-temp-btn').attr("tabindex", -1); 1553 $(this).on('classChanged', function(){ 1554 if($(this).hasClass('uk-active')){ 1555 $(this).find('.custom-temp-btn').attr("tabindex", 0); 1556 $(slideDot[index]).attr('aria-current', 'true'); 1557 } else { 1558 $(this).find('.custom-temp-btn').attr("tabindex", -1); 1559 $(slideDot[index]).attr('aria-current', 'false'); 1560 } 1561 }); 1562 }); 1563 1564 var slideDot = $('.slideshow-v2-wrapper .uk-dotnav li a'); 1565 1566 slideDot.attr('aria-current', 'false'); 1567 $(slideDot[0]).attr('aria-current', 'true'); 1568 1569 }); 1570 1571$(document).ready(function() { 1572 1573 if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Mac') != -1 && navigator.userAgent.indexOf('Chrome') == -1 && $(window).width() > 767) { 1574
1575 // Turn Off animations on Safari browser for Mac desktop 1576 $('html').addClass('safari-mac'); 1577 1578 } 1579 else { 1580 1581 var animation_item_elements = $('.about-us-v8-item'); 1582 var window_var = $(window); 1583 1584 function check_if_item_in_view() { 1585 var window_var_height = window_var.height(); 1586 var window_var_top_position = window_var.scrollTop(); 1587 var window_var_bottom_position = (window_var_top_position + window_var_height/2 + 100); 1588 1589 $.each(animation_item_elements, function() { 1590 var element_var = $(this); 1591 var element_var_height = element_var.outerHeight(); 1592 var element_var_top_position = element_var.offset().top; 1593 var element_var_bottom_position = (element_var_top_position + element_var_height/2 + 100); 1594 1595 //check to see if this current container is within viewport 1596 if ((element_var_bottom_position >= window_var_top_position) && 1597 (element_var_top_position <= window_var_bottom_position)) { 1598 element_var.addClass('animate'); 1599 } else { 1600 // element_var.removeClass('in-view'); 1601 } 1602 }); 1603 } 1604 1605 window_var.on('scroll resize', check_if_item_in_view); 1606 window_var.trigger('scroll'); 1607 1608 } 1609 1610 1611}); 1612 $(document).ready(function() { 1613 1614 if ( $(window).width() < 768 ) { 1615 1616 var home_sections = $('article'); 1617 var home_section_id; 1618 var about_v8_section_position; 1619 1620 for (var i = 0; i < home_sections.length; i++) { 1621 home_section_id = $(home_sections[i]).find(".section-wrapper").attr("id"); 1622 if (home_section_id == "aboutus_v8") { 1623 about_v8_section_position = i; 1624 } 1625 } 1626 1627 if ( (about_v8_section_position == 0) || (about_v8_section_position == 1) ) { 1628 // Turn Off animations 1629 $('html').addClass('safari-mac'); 1630 } 1631 } 1632 1633 }); $(document).ready(function() { 1634 1635 var owlReviews = $('#reviews_v2 .owl-carousel'); 1636 owlReviews.owlCarousel({ 1637 onInitialized: function (property) { 1638 //check if show dots is true in config 1639 if(true){ 1640 $('.reviews-v2-wrapper .owl-dot').each(function( index ) { 1641 var i = index + 1; 1642 $(this).html('<button aria-label="Review '+i+'"><span class="visuallyhidden">Review '+i+'</span></button>'); 1643 }); 1644 } 1645 //check if show arrows is true in config 1646 if(true && !true){ 1647 reviewsHandleArrowTabbing(owlReviews); 1648 } 1649 //prevent voiceover from reading hidden content 1650 $('.reviews-v2-wrapper').find('.owl-item').attr('aria-hidden','true'); 1651 $(property.target).find(".owl-item").eq(property.item.index).attr('aria-hidden','false'); 1652 }, 1653 margin: 0, 1654 nav: true, 1655 dots: true, 1656 dotsContainer: '#reviews_v2 .owl-dots', 1657 autoplay: true, 1658 autoplayTimeout: 6000, 1659 autoplayHoverPause: false, 1660 loop: true, 1661 navText: [ '<button aria-label="previous review">‹</button>', '<button aria-label="next review">›</button>' ], 1662 responsive: { 1663 0: { 1664 items: 1 1665 }, 1666 600: { 1667 items: 1 1668 }, 1669 1000: { 1670 items: 1 1671 } 1672 } 1673 }); 1674 1675 function discontinuousReviews(func){ 1676 var timer; 1677 return function(event){ 1678 if(timer) clearTimeout(timer); 1679 timer = setTimeout(func,200,event); 1680 }; 1681 } 1682 1683 $('#reviews_v2 .owl-dot button').attr('aria-current', 'false'); 1684 $('#reviews_v2 .owl-dot:first button').attr('aria-current', 'true'); 1685 1686 function reviewsCarouselStop() { 1687 owlReviews.trigger('stop.owl.autoplay'); 1688 owlReviews.data('owl.carousel').settings.autoplay = false; 1689 $('#reviews_v2 .carousel-control-btn').removeClass('stop-carousel'); 1690 $('#reviews_v2 .carousel-control-btn').addClass('play-carousel'); 1691 $('#reviews_v2 .carousel-control-btn').attr('aria-label', 'The Reviews carousel is currently paused, play the Reviews carousel'); 1692 } 1693 1694 function reviewsCarouselPlay() { 1695 owlReviews.trigger('play.owl.autoplay',[1000]); 1696 owlReviews.data('owl.carousel').settings.autoplay = true; 1697 $('#reviews_v2 .carousel-control-btn').removeClass('play-carousel'); 1698 $('#reviews_v2 .carousel-control-btn').addClass('stop-carousel'); 1699 $('#reviews_v2 .carousel-control-btn').attr('aria-label', 'The Reviews carousel is currently playing, pause the Reviews carousel'); 1700 } 1701 1702 $('#reviews_v2 .carousel-control-btn').on('click',function(){ 1703 if ($(this).hasClass('stop-carousel')) { 1704 reviewsCarouselStop(); 1705 } else if ($(this).hasClass('play-carousel')) { 1706 reviewsCarouselPlay(); 1707 } 1708 }); 1709 1710 $('#reviews_v2 .owl-dot').click(function () { 1711 owlReviews.trigger('to.owl.carousel', [$(this).index(), 300]); 1712 reviewsCarouselStop(); 1713 }); 1714 1715 $('#reviews_v2 .owl-nav').click(function () { 1716 reviewsCarouselStop(); 1717 }); 1718 1719 $(window).on("resize", discontinuousReviews(function() { 1720 if ($('#reviews_v2 .carousel-control-btn').hasClass('play-carousel')) { 1721 setTimeout(() => reviewsCarouselStop(), 500); 1722 } 1723 })); 1724 1725 $(window).on('focus', function() { 1726 if ($('#reviews_v2 .carousel-control-btn').hasClass('stop-carousel')) { 1727 owlReviews.trigger('next.owl.carousel'); 1728 } 1729 }); 1730 1731 //prevent voiceover from reading hidden content 1732 owlReviews.on('changed.owl.carousel',function(property){ 1733 $('.reviews-v2-wrapper').find('.owl-item').attr('aria-hidden','true'); 1734 $(property.target).find(".owl-item").eq(property.item.index).attr('aria-hidden','false'); 1735 $(property.target).find(".owl-dot").find('button').attr('aria-current', 'false'); 1736 $(property.target).find(".owl-dot").filter('.active').find('button').attr('aria-current', 'true'); 1737 }); 1738 1739 //check if show arrows is true in config 1740 if(true && !true){ 1741 reviewsHandleArrowTabbing(owlReviews); 1742 } 1743 1744 function reviewsHandleArrowTabbing(widget){ 1745 widget.on('changed.owl.carousel',function(property){ 1746 //handle tabbing when previous slider button is hidden 1747 if($(property.target).find(".owl-prev").hasClass('disabled')){ 1748 $(property.target).find(".owl-prev").children().attr('tabindex', -1); 1749 $(property.target).find(".owl-prev").attr('aria-hidden','true'); 1750 } 1751 else { 1752 $(property.target).find(".owl-prev").children().attr('tabindex', 0); 1753 $(property.target).find(".owl-prev").attr('aria-hidden','false'); 1754 } 1755 //handle tabbing when next slider button is hidden 1756 if($(property.target).find(".owl-next").hasClass('disabled')){
1757 $(property.target).find(".owl-next").children().attr('tabindex', -1); 1758 $(property.target).find(".owl-next").attr('aria-hidden','true'); 1759 } 1760 else { 1761 $(property.target).find(".owl-next").children().attr('tabindex', 0); 1762 $(property.target).find(".owl-next").attr('aria-hidden','false'); 1763 } 1764 }); 1765 } 1766 1767 $('.reviews-v2-wrapper .owl-nav').insertBefore($('.reviews-v2-wrapper .owl-stage-outer')); 1768 $('.reviews-v2-wrapper .owl-dots').insertBefore($('.reviews-v2-wrapper .owl-nav')); 1769 1770 }); 1771$(document).ready(function() { 1772 1773 if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Mac') != -1 && navigator.userAgent.indexOf('Chrome') == -1 && $(window).width() > 767) { 1774 1775 // Turn Off animations on Safari browser for Mac desktop 1776 $('html').addClass('safari-mac'); 1777 1778 } 1779 else { 1780 1781 var animation_item_elements_c = $('.custom-about-us-v8-wrapper .about-us-v8-item'); 1782 var window_var_c = $(window); 1783 1784 function check_if_item_in_view_c() { 1785 var window_var_c_height = window_var_c.height(); 1786 var window_var_c_top_position = window_var_c.scrollTop(); 1787 var window_var_c_bottom_position = (window_var_c_top_position + window_var_c_height/2 + 100); 1788 1789 $.each(animation_item_elements_c, function() { 1790 var element_var_c = $(this); 1791 var element_var_c_height = element_var_c.outerHeight(); 1792 var element_var_c_top_position = element_var_c.offset().top; 1793 var element_var_c_bottom_position = (element_var_c_top_position + element_var_c_height/2 + 100); 1794 1795 //check to see if this current container is within viewport 1796 if ((element_var_c_bottom_position >= window_var_c_top_position) && 1797 (element_var_c_top_position <= window_var_c_bottom_position)) { 1798 element_var_c.addClass('animate'); 1799 } else { 1800 // element_var_c.removeClass('in-view'); 1801 } 1802 }); 1803 } 1804 1805 window_var_c.on('scroll resize', check_if_item_in_view_c); 1806 window_var_c.trigger('scroll'); 1807 1808 } 1809 1810 1811}); 1812 $(document).ready(function() { 1813 1814 if ( $(window).width() < 768 ) { 1815 1816 var home_sections_c = $('article'); 1817 var home_section_c_id; 1818 var about_v8_section_c_position; 1819 1820 for (var i = 0; i < home_sections_c.length; i++) { 1821 home_section_c_id = $(home_sections_c[i]).find(".section-wrapper").attr("id"); 1822 if (home_section_c_id == "aboutus_v8_custom") { 1823 about_v8_section_c_position = i; 1824 } 1825 } 1826 1827 if ( (about_v8_section_c_position == 0) || (about_v8_section_c_position == 1) ) { 1828 // Turn Off animations 1829 $('html').addClass('safari-mac'); 1830 } 1831 } 1832 1833 }); 1834$(document).ready(function() { 1835 var fancyboxSlider = $('#gallery .fancybox'); 1836 1837 fancyboxSlider.attr('rel', 'gallery').fancybox({ 1838 beforeShow : function() { 1839 var alt = this.element.find('img').attr('alt'); 1840 1841 this.inner.find('img').attr('alt', alt); 1842 }, 1843 padding : 15, 1844 margin: 20, 1845 arrows : true, 1846 closeBtn: true, 1847 autoPlay : false, 1848 playSpeed : 3000, 1849 loop : true, 1850 openEffect : 'fade', 1851 closeEffect : 'fade', 1852 nextEffect : 'elastic', 1853 prevEffect : 'elastic', 1854 helpers : { 1855 overlay : { 1856 css : { 1857 'background' : 'rgba(0, 0, 0, 0.5)' 1858 }, 1859 locked: false 1860 } 1861 } 1862 }); 1863 1864 var galleryToggleBtn = $('.gallery_v1 .gallery-toggle'); 1865 var galleryImages = $('.gallery-item a'); 1866 var galleryToggleTextOff = 'The Photo Gallery of ' + galleryImages.length + ' images can be accessed, hide the Photo Gallery from the Screen Reader'; 1867 var galleryToggleTextOn = 'The Photo Gallery of ' + galleryImages.length + ' images is hidden from the Screen Reader, access the Photo Gallery'; 1868 galleryToggleBtn.attr('aria-label', galleryToggleTextOff); 1869 1870 galleryToggleBtn.on('click',function(){ 1871 $(this).toggleClass('gt-off'); 1872 1873 const parentElement = $(this).closest('article'); 1874 const nextElement = $(parentElement).next(); 1875 1876 if ($(this).hasClass('gt-off')) { 1877 $(this).attr('aria-label', galleryToggleTextOff); 1878 galleryImages.each(function() { 1879 $(this).attr('aria-hidden', 'false').attr('tabindex', '0'); 1880 }); 1881 } else { 1882 $(this).attr('aria-label', galleryToggleTextOn); 1883 galleryImages.each(function() { 1884 $(this).attr('aria-hidden', 'true').attr('tabindex', '-1'); 1885 }); 1886 1887 if (nextElement.length !== 0) { 1888 const scrollTo = $(nextElement).offset().top - 100; 1889 $('html, body').animate({ scrollTop: scrollTo }, 1000); 1890 } 1891 } 1892 }); 1893 1894 }); 1895 1896iFrameResize({ 1897 enablePublicMethods: true, 1898 enableInPageLinks: true 1899}); 1900 1901var marker_icon = ""; 1902var additionalPins = ''; 1903if (additionalPins) { 1904 var locationsArray = JSON.parse(''); 1905} 1906 1907var google_map_url = 'https://www.google.com/maps/place/' + ",110 Main St,Tappan,NY,10983".split(' ').join('+'); 1908function open_google_map() { 1909 window.open(google_map_url, '_blank') 1910} 1911 1912function discontinuous(func){ 1913 var timer; 1914 return function(event){ 1915 if(timer) clearTimeout(timer); 1916 timer = setTimeout(func,200,event); 1917 }; 1918} 1919 1920function init_open_street_map() { 1921 if (additionalPins) { 1922 var map = L.map('map-v3-container', { 1923 minZoom: 3, 1924 zoomControl: false, 1925 zoomSnap: 1, 1926 gestureHandling: true 1927 }); 1928 1929 var allMarkers = []; 1930 1931 var marker = L.marker([41.02190509538, -73.94810162164], {title: '110 Main St, Tappan', alt: 'View 110 Main St, Tappan on Google maps - opens in a new tab'}).addTo(map); 1932 allMarkers.push(marker); 1933 1934 marker.on('click keypress', open_google_map); 1935 1936 locationsArray.forEach(function(element, index) { 1937 var additionalMarker = L.marker([element.lat_coords, element.lng_coords], {title: element.pin_title, alt: 'View ' + element.pin_title + ' on Google maps - opens in a new tab'}).addTo(map); 1938 1939 additionalMarker.on('click keypress', function() { 1940 window.open(element.pin_link, '_blank'); 1941 }); 1942 1943 allMarkers.push(additionalMarker); 1944 1945 }); 1946 1947 function fitBoundsToMarkers(osmap, markers) { 1948 osmap.invalidateSize(); 1949 var group = new L.featureGroup(markers); 1950 osmap.fitBounds(group.getBounds(), {padding: [50, 50]}); 1951 } 1952 1953 fitBoundsToMarkers(map, allMarkers); 1954 1955 document.querySelector('.reset-zoom-btn').addEventListener('click', function () { 1956 fitBoundsToMarkers(map, allMarkers); 1957 }); 1958 1959 window.addEventListener("resize", discontinuous(function(e) { 1960 fitBoundsToMarkers(map, allMarkers); 1961 })); 1962 } else { 1963 var map = L.map('map-v3-container', { 1964 center: [ 41.02190509538, -73.94810162164], 1965 zoom: 16, 1966 dragging: false, 1967 minZoom: 3, 1968 zoomControl: false, 1969 }); 1970 1971 var marker = L.marker([41.02190509538, -73.94810162164], {title: '110 Main St, Tappan', alt: 'View 110 Main St, Tappan on Google maps - opens in a new tab'}).addTo(map); 1972 1973 marker.on('click keypress', open_google_map); 1974 1975 map.scrollWheelZoom.disable(); 1976 } 1977 1978 if (marker_icon.length>0){ 1979 var myIcon = L.icon({ 1980 iconUrl: marker_icon, 1981 iconSize: [35,35] 1982 }); 1983 1984 if(allMarkers) {
1985 allMarkers.forEach(marker => { 1986 marker.setIcon(myIcon); 1987 marker.update(); 1988 }); 1989 } else { 1990 marker.setIcon(myIcon); 1991 marker.update(); 1992 } 1993 } 1994 1995 L.tileLayer.provider('OpenStreetMap.Mapnik').addTo(map); 1996 L.control.zoom({ 1997 position:'bottomleft' 1998 }).addTo(map); 1999 2000 $('.openstreetmap-v3-wrapper #map-v3-container').removeAttr('tabindex'); 2001 $('.leaflet-touch .leaflet-bar a').attr('tabindex', '-1'); 2002 $('.leaflet-container .leaflet-marker-pane img').attr('role', 'link'); 2003} 2004 2005$(document).ready(function() { 2006 init_open_street_map(); 2007}); 2008$("#contact_us_v3_section_phone_link").on("click", function(){ 2009 if (ga_check()) 2010 universal_ga('send', 'event', 'Button', 'Click', 'Phone'); 2011}); 2012 setTimeout(function(){ 2013 $('.navbar-fixed-bottom.nav-v1').addClass('show-bottom-nav'); triggerShowFooterEvents(); 2014 }, 4000); 2015 2016 var navigation_alpha_starts_from = 0; 2017 var navigation_background_color = "rgba(0, 0, 0,"; 2018 var navigation_darkens_on_scroll = "1"; 2019 var top_nav_new_style = !navigation_darkens_on_scroll && ($(window).width() > 767); 2020 var custom_nav_style = "1"; 2021 if(!custom_nav_style){ 2022 $('.navbar-regular').css('background-color', 'rgba(255, 255, 255,' + navigation_alpha_starts_from + ')'); 2023 $('.navbar-inverse').css('background-color', navigation_background_color + (top_nav_new_style ? 0 : navigation_alpha_starts_from) + ')'); 2024 } 2025 2026 if (navigation_darkens_on_scroll && !custom_nav_style) { 2027 $(document).on('scroll', function (e) { 2028 var alpha = navigation_alpha_starts_from + $(document).scrollTop() / 1950; 2029 $('.navbar-inverse').css('background-color', navigation_background_color + alpha + ')'); 2030 $('.navbar-regular').css('background-color', 'rgba(255, 255, 255,' + alpha + ')'); 2031 }); 2032 } 2033 2034 if (!navigation_darkens_on_scroll && !custom_nav_style) { 2035 $(window).resize(function() { 2036 if ($(window).width() > 767) 2037 $('.navbar-inverse').css('background-color', navigation_background_color + 0 + ')'); 2038 else 2039 $('.navbar-inverse').css('background-color', navigation_background_color + navigation_alpha_starts_from + ')'); 2040 }); 2041 } 2042 2043</script>
2043<script type="text/javascript"> 2044 function openPopUp() { 2045 2046 document.touchmove = function (e) { 2047 e.preventDefault(); 2048 }; 2049 $(function () { 2050 $('body').css('overflow', 'hidden'); 2051 2052 $('#CustomModal').modal({ 2053 show: true 2054 }); 2055 2056 $(document).on('shown.bs.modal', '.modal', function () { 2057 //handle reader focus 2058 focusModal(); 2059 }); 2060 $(document).on("hidden.bs.modal", ".modal", function (event, ui) { 2061 //handle reader focus 2062 focusNavbar(); 2063 $('body').css('overflow', ''); 2064 document.touchmove = function () {}; 2065 }); 2066 }); 2067 } 2068 2069 function focusModal() { 2070 $('.modal-dialog') 2071 .css('outline', 'none') 2072 .attr('tabindex', '-1') 2073 .focus(); 2074 } 2075 2076 function focusNavbar(){ 2077 //handle which header exists 2078 if($(".navbar")){ 2079 var element = $(".navbar"); 2080 }else{ 2081 var element = $(".navbar-normal"); 2082 } 2083 element.css('outline', 'none') 2084 .attr('tabindex', '-1') 2085 .focus(); 2086 } 2087 2088 var showPopupPerSession = false; 2089 // Check if popup is set to show once per session 2090 if (!showPopupPerSession || (showPopupPerSession && !sessionStorage.getItem("newsletter_popup_shown"))) { 2091 var t = setTimeout(openPopUp, 10000); 2092 sessionStorage.setItem("newsletter_popup_shown", "yes"); 2093 } 2094 2095 </script>
2095<script> 2096 var animate_sections = ["banner","aboutus_v2","gallery_v3","aboutus_v7"]; 2097 2098 for (var i = 0; i < animate_sections.length; i++) { 2099 $('#'+animate_sections[i]).addClass('animation-element'); 2100 } 2101 2102 var $animation_elements = $('.animation-element'); 2103 var $window = $(window); 2104 2105 function check_if_in_view() { 2106 var window_height = $window.height(); 2107 var window_top_position = $window.scrollTop(); 2108 var window_bottom_position = (window_top_position + window_height/2); 2109 2110 $.each($animation_elements, function() { 2111 var $element = $(this); 2112 var element_height = $element.outerHeight(); 2113 var element_top_position = $element.offset().top; 2114 var element_bottom_position = (element_top_position + element_height/2); 2115 2116 //check to see if this current container is within viewport 2117 if ((element_bottom_position >= window_top_position) && 2118 (element_top_position <= window_bottom_position)) { 2119 $element.addClass('animate'); 2120 } else { 2121 // $element.removeClass('in-view'); 2122 } 2123 }); 2124 } 2125 2126 $window.on('scroll resize', check_if_in_view); 2127 $window.trigger('scroll'); 2128 </script>
2128<script> 2129$(function () { 2130 //If Newsletter widget (popup or section) is on 2131 if ($('.newsletter-popup').length || $('.map-newsletter').length || $('.newsletter-section').length) { 2132 //Inject html needed for ADA 2133 var waitSPHWidget = setInterval(function(){ 2134 if ($('.sph-email-input').length) { 2135 // 2136 $('.sph-loading-img img').attr('alt', 'Newsletter Loader icon'); 2137 clearInterval(waitSPHWidget) 2138 } 2139 }, 300); 2140 } 2141}); 2142</script>
2142<script> 2143// Functions needed for Newsletter (sh widget) subscription submit (case when texting is Off in SH) 2144function isEmail(email) { 2145 var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 2146 return regex.test(email); 2147} 2148function submitEmail(input_id) { 2149 var shp_email_to_subscribe = $("#sph-newsletter-input-" + input_id); 2150 if (!isEmail(shp_email_to_subscribe.val())) { 2151 alert('Please enter valid email address'); 2152 return; 2153 } 2154 var sph_email_form_div = $(".sph-email-form"); 2155 var sph_loading_img = $(".sph-loading-img"); 2156 var sph_response_message_div = $(".sph-response-message"); 2157 var sph_submit_label = $(".sph-submit-label"); 2158 sph_submit_label.hide(); 2159 sph_loading_img.show(); 2160 var request = $.ajax({ 2161 method: "POST", 2162 url: "https://www.spothopperapp.com/api/spots/627396/contacts/add", 2163 crossDomain: true, 2164 dataType: 'json', 2165 data: { email: shp_email_to_subscribe.val() }, 2166 success: function (data) { 2167 sph_response_message_div.html(data); 2168 sph_email_form_div.hide(); 2169 sph_response_message_div.show(); 2170 }, 2171 error: function (data) { 2172 sph_response_message_div.html("Something went wrong. Please try again later."); 2173 sph_email_form_div.hide(); 2174 sph_response_message_div.show(); 2175 } 2176 }); 2177} 2178</script>
2178<script>(function() { 2179 const MODAL_ID = 'promotion-pop-up'; 2180 const SESSION_KEY = 'promotion-pop-up-container-ids'; 2181 const PADDING = 70; 2182 const RESIZE_DEBOUNCE_MS = 150; 2183 const INITIAL_DELAY = typeof promotion_pop_up_initial_delay === 'undefined' ? 2184 2000 : 2185 promotion_pop_up_initial_delay; 2186 2187 const POP_UP_PRIORITY = ["holiday_party"]; 2188 const _norm = s => (s || "").toString().trim().toLowerCase(); 2189 const PRIORITY_RANK = new Map(POP_UP_PRIORITY.map((n, i) => [_norm(n), i])); 2190 2191 function displayPromotionPopUp() { 2192 const items = document.getElementsByClassName('promotion_pop_up_content'); 2193 2194 // Track shown IDs as a Set (no dups, fast lookups) 2195 const shownIds = new Set( 2196 (sessionStorage.getItem(SESSION_KEY) || '') 2197 .split(',') 2198 .map(s => s.trim()) 2199 .filter(Boolean) 2200 ); 2201 2202 // Hide all; collect items not shown this session 2203 const availableItems = []; 2204 Array.prototype.forEach.call(items, item => { 2205 item.style.display = 'none'; 2206 2207 // --- Exclusion logic --- 2208 // Block popups whose non-custom CTA link is a phone number (tel:) 2209 const isCustomLink = item.getAttribute("data-is-custom-link") ?? "false"; 2210 const linkUrl = item.getAttribute("data-link-url") || ""; 2211 2212 const excludeItem = 2213 isCustomLink === "false" && 2214 linkUrl.trim().toLowerCase().startsWith("tel"); 2215 2216 if (excludeItem) { 2217 return; // Skip this popup entirely 2218 } 2219 2220 if (!shownIds.has(item.id)) { 2221 availableItems.push(item); 2222 } 2223 }); 2224 2225 if (availableItems.length === 0) return false; 2226 2227 // --- Priority logic --- 2228 const norm = s => (s || '').toString().trim().toLowerCase(); 2229 const prioritySource = Array.isArray(POP_UP_PRIORITY) 2230 ? POP_UP_PRIORITY 2231 : Array.isArray(window.pop_up_priority) 2232 ? window.pop_up_priority 2233 : []; 2234 const rank = new Map(prioritySource.map((name, i) => [norm(name), i])); 2235 2236 const records = availableItems.map(el => { 2237 const internal = norm(el.getAttribute('data-internalname')); 2238 const priority = rank.has(internal) ? rank.get(internal) : Infinity; 2239 return { el, priority }; 2240 }); 2241 2242 let selectedItem; 2243 const minPriority = Math.min(...records.map(r => r.priority)); 2244 2245 if (isFinite(minPriority)) { 2246 // Randomize within the highest-priority bucket only 2247 const topBucket = records.filter(r => r.priority === minPriority); 2248 const pick = topBucket[Math.floor(Math.random() * topBucket.length)]; 2249 selectedItem = pick.el; 2250 } else { 2251 // Pure random among all available when no priorities match 2252 selectedItem = availableItems[Math.floor(Math.random() * availableItems.length)]; 2253 } 2254 2255 // Show popup 2256 selectedItem.style.display = 'block'; 2257 2258 // Analytics + persist shown id (unless preview param present) 2259 if (window.location.search.indexOf('spot_promotion_channel_id=') === -1) { 2260 shownIds.add(selectedItem.id); 2261 do_promotion_analytics( 2262 selectedItem.getAttribute('data-internalname'), 2263 selectedItem.id, 2264 selectedItem.getAttribute('data-link-url'), 2265 selectedItem.getAttribute('data-has-image'), 2266 selectedItem.getAttribute('data-is-template-image-and-button') 2267 ); 2268 } 2269 2270 sessionStorage.setItem(SESSION_KEY, Array.from(shownIds).join(',')); 2271 return true; 2272 } 2273 2274 function preloadImages(container, callback) { 2275 const images = container.querySelectorAll('img'); 2276 if (images.length === 0) return callback(); 2277 2278 let loaded = 0; 2279 Array.prototype.forEach.call(images, function(img) { 2280 if (img.complete) { 2281 if (++loaded === images.length) callback(); 2282 } else { 2283 img.addEventListener('load', check); 2284 img.addEventListener('error', check); 2285 } 2286 2287 function check() { 2288 if (++loaded === images.length) callback(); 2289 } 2290 }); 2291 } 2292 2293 function centerModal() { 2294 const modal = document.getElementById(MODAL_ID); 2295 const dialog = modal.querySelector('.promotion-pop-up .modal-dialog'); 2296 if (!dialog) return; 2297 2298 modal.style.display = 'block'; 2299 modal.style.visibility = 'hidden'; 2300 2301 const height = dialog.offsetHeight; 2302 const winHeight = window.innerHeight; 2303 const top = Math.max(0, (winHeight - height) / 2); 2304 dialog.style.top = `${top}px`; 2305 2306 modal.style.visibility = ''; 2307 } 2308 2309 function centerModalVisible() { 2310 const modal = document.getElementById(MODAL_ID); 2311 const dialog = modal.querySelector('.promotion-pop-up .modal-dialog'); 2312 if (!dialog) return; 2313 2314 const height = dialog.offsetHeight; 2315 const winHeight = window.innerHeight; 2316 const top = Math.max(0, (winHeight - height) / 2); 2317 dialog.style.top = `${top}px`; 2318 } 2319 2320 function lockScroll() { 2321 document.body.style.overflow = 'hidden'; 2322 document.ontouchmove = function(e) { 2323 e.preventDefault(); 2324 }; 2325 } 2326 2327 function unlockScroll() { 2328 document.body.style.overflow = ''; 2329 document.ontouchmove = null; 2330 } 2331 2332 function setupModalLayout(modalId) { 2333 const modal = document.getElementById(modalId); 2334 const content = modal?.querySelector('.promotion_pop_up_content[style*="display: block"]'); 2335 if (!content) return; 2336 2337 const header = content.querySelector('.modal-header'); 2338 const footer = content.querySelector('.modal-footer'); 2339 const body = content.querySelector('.modal-body'); 2340 if (!body) return; 2341 2342 const windowHeight = window.innerHeight; 2343 const headerHeight = header?.offsetHeight || 0; 2344 const footerHeight = footer?.offsetHeight || 0;
2345 const maxBodyHeight = windowHeight - headerHeight - footerHeight - PADDING; 2346 2347 body.style.maxHeight = `${maxBodyHeight}px`; 2348 body.style.overflowY = 'auto'; 2349 2350 centerModalVisible(); 2351 } 2352 2353 function prepareModalForDisplay(modalId) { 2354 const modal = document.getElementById(modalId); 2355 const visibleContent = modal?.querySelector('.promotion_pop_up_content[style*="display: block"]'); 2356 if (!visibleContent) return; 2357 2358 modal.style.display = 'block'; 2359 modal.style.visibility = 'hidden'; 2360 2361 preloadImages(visibleContent, function() { 2362 const header = visibleContent.querySelector('.modal-header'); 2363 const footer = visibleContent.querySelector('.modal-footer'); 2364 const body = visibleContent.querySelector('.modal-body'); 2365 2366 if (body) { 2367 const windowHeight = window.innerHeight; 2368 const headerHeight = header?.offsetHeight || 0; 2369 const footerHeight = footer?.offsetHeight || 0;
2370 const maxBodyHeight = windowHeight - headerHeight - footerHeight - PADDING; 2371 2372 body.style.maxHeight = `${maxBodyHeight}px`; 2373 body.style.overflowY = 'auto'; 2374 } 2375 2376 centerModal(); 2377 modal.style.visibility = ''; 2378 lockScroll(); 2379 2380 $('#' + modalId).modal({ 2381 show: true, 2382 focus: true, 2383 backdrop: true 2384 }); 2385 }); 2386 } 2387 2388 // === Main Timer Logic === 2389 setTimeout(function() { 2390 if (displayPromotionPopUp()) { 2391 if (typeof t !== 'undefined') { 2392 clearTimeout(t); 2393 } 2394 2395 const timeoutDuration = INITIAL_DELAY > 500 ? INITIAL_DELAY - 500 : 0; 2396 2397 setTimeout(function() { 2398 prepareModalForDisplay(MODAL_ID); 2399 }, timeoutDuration); 2400 } 2401 }, 500); 2402 2403 // === Cleanup on modal close === 2404 $(document).on('hidden.bs.modal', `#${MODAL_ID}`, function() { 2405 unlockScroll(); 2406 }); 2407 2408 // === Responsive layout recalculation === 2409 let resizeTimeout; 2410 window.addEventListener('resize', function() { 2411 clearTimeout(resizeTimeout); 2412 resizeTimeout = setTimeout(function() { 2413 const modal = document.getElementById(MODAL_ID); 2414 if (modal && $(modal).hasClass('in')) { 2415 void modal.offsetHeight; 2416 setupModalLayout(MODAL_ID); 2417 } 2418 }, RESIZE_DEBOUNCE_MS); 2419 }); 2420 2421 // === Embedded analytics helpers === 2422 function obtain_analytics_function() { 2423 if (typeof sph_widgets_ga === 'function') return sph_widgets_ga; 2424 if (typeof ga === 'function') return ga; 2425 if (typeof gtag === 'function') return gtag; 2426 return null; 2427 } 2428 2429 function do_promotion_analytics(eventLabel, spot_promotion_channel_id, data_link_url, hasImage, is_template_image_and_button) { 2430 analytics = obtain_analytics_function(); 2431 if (!analytics) return null; 2432 2433 var pop_up_template = (is_template_image_and_button == 'true' ? 'text,image&button' : 'text&button'); 2434 var image_enabled_disabled = (hasImage ? 'image_enabled' : 'image_disabled'); 2435 var additional_info = (is_template_image_and_button == 'true' ? '|' + image_enabled_disabled : ''); 2436 2437 universal_ga('send', 'event', 'Pop Up Promotion', 'View', eventLabel + '|||' + data_link_url + '|' + pop_up_template + additional_info); 2438 2439 // universal_ga('send', 'event', 'Pop Up Promotion', 'View', eventLabel); 2440 if (typeof $ === 'function') { 2441 $(".promotion_pop_up_content a").on("click", function(event) { 2442 universal_ga('send', 'event', { 2443 eventCategory: 'Pop Up Promotion Button', 2444 eventAction: 'Click', 2445 eventLabel: eventLabel + '|||' + event.target.href + '|' + pop_up_template + additional_info, 2446 transport: 'beacon' 2447 }); 2448 $("#promotion-pop-up").modal('hide'); 2449 return true; 2450 }); 2451 } 2452 } 2453 2454})();</script>
2454<script>// ALL_PAGES_COMPONENT 2455var smart_footer_active = 'true' == 'true'; 2456var smart_footer_version = '2'; 2457 2458</script>
2458<footer id="accessibility-footer"><p>We strive to make our website accessible to everybody. <a aria-label="Learn More About our website accessibility" class="accessibility-link" href="/accessibility-page-01" target="_self">Learn More.</a></p></footer>
2458<script> 2459(function() { 2460 var name = "The Old '76 House"; 2461 var pid = "ChIJIXUBBbLuwokRw2bIQvPUGPI"; 2462 function build_url() { 2463 var q = encodeURIComponent(name).replace(/'/g, "%27"); 2464 return "https://www.google.com/maps/search/?api=1" 2465 + "&query=" + q 2466 + "&query_place_id=" + encodeURIComponent(pid); 2467 } 2468 window.google_map_url = build_url(); 2469 window.open_google_map = function() { 2470 window.open(build_url(), "_blank"); 2471 }; 2472})(); 2473</script>
2473<script> 2474 2475 var spot_id = 627396; 2476 var sh_generic_form_params=JSON.parse('{"generic_contact_form_active":true,"texting_permissions_active":true,"title":"Contact us","instructions":"Please fill out the form and we will be in touch.","reasons":["To apply for a job","Other Questions"],"custom_hours":"","hours":"","active_tmt_cta_links":{"cta_private_party":null,"cta_catering":null,"cta_reservations":null,"cta_jobs":null},"spot_name":"The Old â76 House","label_for_texting_permission":"Iâd like to get texts about specials, events, and other exclusive offers and announcements not available to general public"}'); 2477 2478 if (false){ 2479 console.log("Check SpotHopper configuration. Probably there is no 'WEBSITE::DOMAIN_NAME' key for your website"); 2480 } 2481 2482 if (navigator.userAgent.match(/iPhone/i) 2483 || navigator.userAgent.match(/iPad/i) 2484 || navigator.userAgent.match(/iPod/i)){ 2485 $(document).ready(function(){ 2486 document.body.className += " " + "webkit-mobile-body"; 2487 }); 2488 } 2489 2490 var promotion_url_param_domain = getPromotionUrlParams()['domain']; 2491 if ( promotion_url_param_domain && ( new URL(document.location).host == 'localhost:4000' || new URL(document.location).host == 'wcache.spotapps.co' || new URL(document.location).host == 'website-editor.spotapps.co' || new URL(document.location).host == 'website-editor-staging.spotapps.co' || new URL(document.location).host == 'wcache-staging.spotapps.co')){ 2492 $("a[href^='/']").each(function(){ 2493 if (this.href.indexOf('domain=') == -1){ 2494 var sh_internal_url = new URL(this.href); 2495 sh_internal_url.searchParams.set("domain", promotion_url_param_domain); 2496 this.href = sh_internal_url.toString(); 2497 } 2498 }) 2499 } 2500 2501 2502 function cta_link_matches_href(href, url){ 2503 var domain = '76house.com'; 2504 if(typeof url === 'undefined'){ 2505 return false; 2506 } 2507 var partsOfURL = url.split(domain); 2508 if (partsOfURL.length != 2){ 2509 return href == url; 2510 }else{ 2511 var urlPath = partsOfURL[1]; 2512 if (urlPath.substring(0,1) == "/"){ 2513 urlPath = urlPath.substring(1,urlPath.length); 2514 } 2515 return href.indexOf(urlPath, domain.length + href.indexOf(domain)-1) !== -1; 2516 } 2517 } 2518 2519 var all_cta_links = [{"id":1994916,"spot_id":627396,"url":"https://76house.com/food-menu","cta_link_type":"food_menu","created_at":"2026-06-22T19:13:43.889+00:00","updated_at":"2026-06-24T16:57:11.606+00:00","made_of_food":false,"link_name":""},{"id":1994915,"spot_id":627396,"url":"https://76house.com/drink-menu","cta_link_type":"drink_menu","created_at":"2026-06-22T19:13:43.863+00:00","updated_at":"2026-06-24T16:57:11.582+00:00","made_of_food":false,"link_name":""},{"id":1994914,"spot_id":627396,"url":"https://76house.com/music-calendar","cta_link_type":"events","created_at":"2026-06-22T19:13:43.828+00:00","updated_at":"2026-06-24T16:57:11.553+00:00","made_of_food":false,"link_name":""}]; 2520 2521 function find_cta_link(href) { 2522 for (var i=0; i< all_cta_links.length; i++){ 2523 var cta_link = all_cta_links[i]; 2524 if ( cta_link_matches_href(href, cta_link.url)){ 2525 return cta_link; 2526 } 2527 } 2528 } 2529 2530 function find_cta_links(href) { 2531 var cta_links = [] 2532 for (var i=0; i< all_cta_links.length; i++){ 2533 var cta_link = all_cta_links[i]; 2534 if ( cta_link_matches_href(href, cta_link.url)){ 2535 cta_links.push(cta_link); 2536 } 2537 } 2538 return cta_links; 2539 } 2540 2541 2542 function get_current_page_cta_link_types(){ 2543 var types = []; 2544 var cta_links = find_cta_links(document.location.href); 2545 for (var i=0; i<cta_links.length; i++){ 2546 types.push(cta_links[i].cta_link_type); 2547 } 2548 return types; 2549 } 2550 2551 2552 function is_food_menu_page(){ 2553 var cta_link_types = get_current_page_cta_link_types(); 2554 for (var i=0; i<cta_link_types.length; i++){ 2555 if ('food_menu' == cta_link_types[i]) 2556 return true; 2557 } 2558 return false; 2559 } 2560 2561 2562 function get_form_cat_from_cta(){ 2563 var cta_link = find_cta_link(document.location.href); 2564 if (cta_link == null) { 2565 return null; 2566 } 2567 if (cta_link.cta_link_type == 'private_parties'){ 2568 return 'private_party'; 2569 }else if (cta_link.cta_link_type == 'reservations'){ 2570 return 'reservation'; 2571 }else if (cta_link.cta_link_type == 'catering'){ 2572 return 'catering'; 2573 }else if (cta_link.cta_link_type == 'job_listing'){ 2574 return 'job_listings'; 2575 }else if (cta_link.cta_link_type == 'gift_cards'){ 2576 return 'gift_cards'; 2577 } 2578 return null; 2579 } 2580 2581 function element_has_events_defined(elem){ 2582 if ($._data(elem, "events") === undefined){ 2583 return false;
2584 } 2585 return true; 2586 } 2587 2588 function create_ga_events_for_cta_clicks(){ 2589 if (typeof $ === 'function'){ 2590 2591 var cta_link_of_the_page = find_cta_link(location.href); 2592 2593 2594 $("a").each(function(index, elem){ 2595 var href = $(elem).attr('href'); 2596 2597 if (href === undefined ){ 2598 return; 2599 } 2600 2601 if (href.substring(0,4) == 'tel:'){ 2602 if (!element_has_events_defined(elem)){ // not footer links 2603 $(elem).on("click", function(){ 2604 universal_ga('send', 'event', { 2605 eventCategory: 'Button', 2606 eventAction: 'Click', 2607 eventLabel: 'Phone', 2608 transport: 'beacon' 2609 }); 2610 }); 2611 2612 if (cta_link_of_the_page){ 2613 $(elem).on("click", function(){ 2614 universal_ga('send', 'event', { 2615 eventCategory: 'Button', 2616 eventAction: 'Click', 2617 eventLabel: cta_link_of_the_page.cta_link_type + ' page phone', 2618 transport: 'beacon' 2619 }); 2620 }); 2621 } 2622 } else { 2623 if (cta_link_of_the_page){ 2624 $(elem).on("click", function(){ 2625 universal_ga('send', 'event', { 2626 eventCategory: 'Button', 2627 eventAction: 'Click', 2628 eventLabel: cta_link_of_the_page.cta_link_type + ' page phone footer', 2629 transport: 'beacon' 2630 }); 2631 }); 2632 } 2633 } 2634 2635 2636 }else{ 2637 var cta_link = find_cta_link(href); 2638 if (elem.className != null && elem.className.indexOf("bottom-link") > -1){ 2639 // console.log("bottom link detected"); 2640 }else{ 2641 if (cta_link != null){ 2642 $(elem).on("click", function(){ 2643 universal_ga('send', 'event', { 2644 eventCategory: 'Website Link', 2645 eventAction: 'Click', 2646 eventLabel: cta_link.cta_link_type, 2647 transport: 'beacon' 2648 }); 2649 }); 2650 } 2651 } 2652 } 2653 2654 2655 }); 2656 } 2657 } 2658 2659 if (typeof angular === "undefined") { 2660 create_ga_events_for_cta_clicks(); 2661 } else { 2662 angular.element(document).ready(function () { 2663 create_ga_events_for_cta_clicks(); 2664 }); 2665 } 2666 2667 2668 function triggerShowFooterEvents(){ 2669 if (window.screen.availWidth < 768){ 2670 universal_ga('send', 'event', { 2671 eventCategory: 'Mobile Footer', 2672 eventAction: 'View', 2673 eventLabel: '', 2674 transport: 'beacon' 2675 }); 2676 } 2677 } 2678 2679 2680 2681 2682 //////////// 2683 function smartFooterV2() 2684 { 2685 var list= document.getElementsByClassName("bottom-list-item"); 2686 if (!list) return; 2687 2688 if (document.getElementById("bottom-navbar") == null){ 2689 return; 2690 } 2691 2692 var bottomNav = document.querySelector('#bottom-navbar .navbar-nav'); 2693 var footerLinkPaddingLeft = $('#bottom-navbar .navbar-nav li a').css('padding-left'); 2694 var footerLinkPaddingRight = $('#bottom-navbar .navbar-nav li a').css('padding-right'); 2695 2696 bottomNav.innerHTML = ''; 2697 var linksWithPosition = all_cta_links.filter(e => e.position != null && e.position >= 0); 2698 linksWithPosition.sort(function(a,b) { 2699 return a.position - b.position; 2700 }); 2701 2702 var footerLinkStyle = (footerLinkPaddingLeft == '0px' || footerLinkPaddingRight == '0px' ? 'style="padding-left: 8px; padding-right: 8px;"' : ''); 2703 2704 linksWithPosition.forEach((e, i) => { 2705 var target = e.target || getUrlTarget(e.url); 2706 bottomNav.insertAdjacentHTML('beforeend', 2707 `<li class="bottom-list-item" style="white-space: nowrap;width: auto;"><a ${footerLinkStyle} class="bottom-link smart-footer-link" data-type="${e.cta_link_type}" data-position="${i}" target="${target}" href="${e.url}">${e.website_footer_label}</a></li>`); 2708 }) 2709 2710 var intervalCount = 0 2711 var interval = setInterval(() => { 2712 if(intervalCount == 50){ 2713 clearInterval(interval); 2714 } 2715 removeOverflowingFooterLinks(); 2716 intervalCount ++; 2717 }, 200); 2718 2719 $('.smart-footer-link').on("click", function(){ 2720 if (typeof shUrlParams !== "undefined" && shUrlParams['source'] === undefined){ 2721 shUrlParams['source'] = 'footer'; 2722 sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams)); 2723 } 2724 2725 var visibleLinks = $('.smart-footer-link').map(function (e) { 2726 return $(this).data('type'); 2727 }).toArray().join(','); 2728 2729 universal_ga('send', 'event', { 2730 eventCategory: 'Button', 2731 eventAction: 'Click_footer_2', 2732 eventLabel: "type:" + $(this).data('type') + "|position:" + $(this).data('position') + "|visible:" + visibleLinks, 2733 transport: 'beacon' 2734 }); 2735 }); 2736 } 2737 2738 function removeOverflowingFooterLinks(){ 2739 var bottomNavLinks = document.querySelectorAll('#bottom-navbar .navbar-nav li'); 2740 var width_sum = 0; 2741 2742 bottomNavLinks.forEach(e => { 2743 width_sum += e.getBoundingClientRect().width; 2744 if ((width_sum) > window.innerWidth) { 2745 console.log(`%cLink %c${e.textContent} %cdeleted couldn't fit screen`,"color: #fff;background: #202124;", "background: red;color: #fff", "color: #fff;background: #202124;"); 2746 e.remove(); 2747 } 2748 }); 2749 } 2750 2751 function getUrlTarget(url){ 2752 if(url.startsWith('tel')){ 2753 return '_self'; 2754 } 2755 if(url.startsWith('/') || url.includes('tmt.spotapps.co') || url.includes(window.location.host)){ 2756 return '_self'; 2757 } 2758 return '_blank'; 2759 } 2760 2761 function npb() 2762 { 2763 var list= document.getElementsByClassName("bottom-list-item"); 2764 if (!list) return; 2765 2766 if (document.getElementById("bottom-navbar") == null){ 2767 return; 2768 } 2769 2770 var url = "" 2771 for (var i=0; i < all_cta_links.length; i++) 2772 { 2773 if (all_cta_links[i].cta_link_type == "order"){ 2774 url = all_cta_links[i].url; 2775 } 2776 } 2777 2778 if ( url == ""){ 2779 return; 2780 } 2781 2782 for (i=0; i < list.length; i++) 2783 { 2784 console.log(cta_link_matches_href(list[i].firstChild.href, url)); 2785 if (cta_link_matches_href(list[i].firstChild.href,url)) return; 2786 2787 }; 2788 2789 var item = list[list.length-1] 2790 document.getElementById("bottom-navbar").getElementsByClassName("nav navbar-nav")[0].appendChild(item.cloneNode(true)); 2791 var width_sum = 0; 2792 for (i=0; i < list.length; i++) { 2793 width_sum += list[i].getBoundingClientRect().width; 2794 } 2795 2796 var item = list[list.length-1] 2797 if ((width_sum - 10) > window.innerWidth) { item.parentNode.removeChild(item); console.log("link deleted couldn't fit screen"); return; } 2798 2799 item.firstChild.text = "Order"; 2800 item.firstChild.href = url; 2801 item.firstChild.id = "bottom_link_" + list.length; 2802 2803 $(item.firstChild).on("click", function(){ 2804 2805 if (typeof shUrlParams !== "undefined" && shUrlParams['source'] === undefined){ 2806 shUrlParams['source'] = 'footer'; 2807 sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams)); 2808 } 2809 2810 universal_ga('send', 'event', { 2811 eventCategory: 'Button', 2812 eventAction: 'Click', 2813 eventLabel: 'Plan B-2 Order', 2814 transport: 'beacon' 2815 }); 2816 }); 2817 2818 2819 } 2820 2821function activateSmartFooter(){ 2822 var smart_footer_active = true; 2823 var smart_footer_version = 2; 2824 var man_bottom_active = false;
2825 if(window.location.hash == '#smartFooterV2=enabled'){ 2826 smartFooterV2(); 2827 return; 2828 } 2829 if (smart_footer_active && !man_bottom_active){ 2830 if(smart_footer_version == 2 ){ 2831 smartFooterV2(); 2832 }else { 2833 npb(); 2834 } 2835 } 2836 } 2837 2838 activateSmartFooter(); 2839 2840 var corona_config_str = '{"id":620698,"spot_id":627396,"promote_pick_up":true,"promote_gift_cards":true,"promote_happy_hour":true,"promote_events":true,"instructions_on_food_page":false,"food_page_instruction_text":null,"food_page_instruction_phone":null,"created_at":"2025-10-01T15:25:03.993+00:00","updated_at":"2025-10-13T23:04:52.444+00:00","food_page_button_color":null,"food_page_button_text_color":null,"food_page_link_color":null,"food_page_text_color":null,"wine_and_beer_to_go_license":false,"all_alcoholic_to_go_lincense":false,"current_operating_status":"Offering To Go and Dine-in with Full Capacity","contact_tracing_active":false,"contact_tracing_text":"In cooperation with health guidelines for contact tracing, please fill out the form below.","contact_tracing_address_required":false,"collapse_all":false,"deliveries_priority_value":0,"pick_ups_priority_value":0,"reservations_priority_value":5,"private_parties_priority_value":5,"catering_priority_value":0,"gift_cards_priority_value":3,"jobs_priority_value":0,"food_and_drinks_priority_value":3,"specials_priority_value":3,"national_days_priority_value":3,"holidays_priority_value":3,"sports_priority_value":3,"walk_ins_priority_value":3,"collecting_emails_priority_value":3,"collecting_phone_numbers_priority_value":3,"growing_social_media_followers_priority_value":3,"increasing_revenue_vs_saving_time_priority_value":3,"events_priority_value":3,"shopping_cart_type":"TMT","shopping_cart_active":false}'; 2841 var corona_config = corona_config_str != '' ? JSON.parse('{"id":620698,"spot_id":627396,"promote_pick_up":true,"promote_gift_cards":true,"promote_happy_hour":true,"promote_events":true,"instructions_on_food_page":false,"food_page_instruction_text":null,"food_page_instruction_phone":null,"created_at":"2025-10-01T15:25:03.993+00:00","updated_at":"2025-10-13T23:04:52.444+00:00","food_page_button_color":null,"food_page_button_text_color":null,"food_page_link_color":null,"food_page_text_color":null,"wine_and_beer_to_go_license":false,"all_alcoholic_to_go_lincense":false,"current_operating_status":"Offering To Go and Dine-in with Full Capacity","contact_tracing_active":false,"contact_tracing_text":"In cooperation with health guidelines for contact tracing, please fill out the form below.","contact_tracing_address_required":false,"collapse_all":false,"deliveries_priority_value":0,"pick_ups_priority_value":0,"reservations_priority_value":5,"private_parties_priority_value":5,"catering_priority_value":0,"gift_cards_priority_value":3,"jobs_priority_value":0,"food_and_drinks_priority_value":3,"specials_priority_value":3,"national_days_priority_value":3,"holidays_priority_value":3,"sports_priority_value":3,"walk_ins_priority_value":3,"collecting_emails_priority_value":3,"collecting_phone_numbers_priority_value":3,"growing_social_media_followers_priority_value":3,"increasing_revenue_vs_saving_time_priority_value":3,"events_priority_value":3,"shopping_cart_type":"TMT","shopping_cart_active":false}') : null; 2842 2843 2844 //corona instuctions 2845 function show_corona_instructions(text, phone, btnText){ 2846 //format to US number 2847 var match = phone.match(/^(\d{3})(\d{3})(\d{4})$/); 2848 2849 if(corona_config.shopping_cart_type == "TMT" && corona_config.shopping_cart_active == true) { 2850 var linkLocation = "https://tmt.spotapps.co/ordering-menu/?spot_id="+corona_config.spot_id+"&images=yes&accordion=true"; 2851 var btnLinkLocation = "https://tmt.spotapps.co/ordering-menu/?spot_id="+corona_config.spot_id+"&images=yes&accordion=true"; 2852 }else { 2853 var linkLocation = 'tel:+1'+phone+''; 2854 var btnLinkLocation = 'tel:+1'+ match[1] + '-' + match[2] + '-' + match[3] +'' 2855 } 2856 var appendPhone = 'tel:+1'+phone+''; 2857 //inject html content 2858 if ($('.food-menu-nav').length) { 2859 //new template 2860 var pageEl = $('.food-menu-nav').css('margin','20px auto 10px auto'); 2861 var textColor = rgb2hex($('.section-header').css('color')); 2862 var linkColor = rgb2hex($('.food-menu-nav-item.active').css('background-color')); 2863 var fontSize = parseInt($('.food-menu-nav-item').css('font-size')); 2864 fontSize = fontSize + Math.round(fontSize * 0.25); 2865
2866 // var html = '<div id="show-corona-instructions" style="padding:20px;flex: 0 1 100%;" class="text-center"><p style="color:'+textColor+';">'+text+' <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="color:'+linkColor+';"href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></p><a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="font-size:'+fontSize+'px" class="food-menu-nav-item custom-temp-btn hvr-fade active" href="tel:+1'+phone+'">'+btnText+'</a></div>'; 2867 var html = '<div id="show-corona-instructions" style="padding:20px;flex: 0 1 100%;" class="text-center"><p style="color:'+textColor+';">'+text+' <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="text-decoration: underline;color:'+textColor+';" href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></p><a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="display: inline-block !important;font-size:'+fontSize+'px" class="food-menu-nav-item custom-temp-btn hvr-fade active" href="'+btnLinkLocation +'">'+btnText+'</a></div>'; 2868 2869 }else { 2870 //old template 2871 var pageEl = $('.tabnav'); 2872 var textColor = rgb2hex($('.menu-item-name-traditional').css('color')); 2873 var linkColor = rgb2hex($('.style-traditional .tabnav .nav>li.active>a').css('color')); 2874 2875 var linkTextColor = getContrast50(linkColor); 2876 var fontSize = parseInt($('.menu-item-name-traditional').css('font-size')); 2877 fontSize = fontSize + Math.round(fontSize * 0.25); 2878 var textTransform = $('.style-traditional .tabnav .nav>li>a').css('text-transform'); 2879 2880 // var html = '<div id="show-corona-instructions" style="padding:20px;flex: 0 1 100%;" class="text-center"><p style="color:'+textColor+';margin-bottom:20px;">'+text+' <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="color:'+linkColor+';"href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></p><a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="margin: 20px auto; padding: 10px 50px 10px 30px; cursor: pointer; background-color: '+linkColor+'; background: '+linkColor+'; text-decoration: none; color: '+textColor+'; border: 2px solid '+linkColor+';font-size:'+fontSize+'px;text-transform: '+textTransform+'" href="tel:+1'+phone+'">'+btnText+'</a></div>'; 2881 var html = '<div id="show-corona-instructions" style="padding:20px;flex: 0 1 100%;" class="text-center"><p style="color:'+textColor+';margin-bottom:20px;">'+text+' <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="text-decoration: underline;color:'+textColor+';"href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></p><a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="margin: 20px auto; padding: 10px 30px 10px 30px; cursor: pointer; background-color: '+linkColor+'; background: '+linkColor+'; text-decoration: none; color: '+linkTextColor+'; border: 2px solid '+linkColor+';font-size:'+fontSize+'px;text-transform: '+textTransform+'" href="'+btnLinkLocation+'">'+btnText+'</a></div>'; 2882 2883 } 2884 //html content 2885 pageEl.prepend(html); 2886 } 2887 2888 function rgb2hex(rgb) { 2889 if(typeof rgb !== "undefined"){ 2890 rgbColor = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); 2891 if (!rgbColor) { 2892 rgba = rgb.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(,\s*\d+\.*\d+)?\)$/); 2893 return "#" + hex(rgba[1]) + hex(rgba[2]) + hex(rgba[3]); 2894 } 2895 function hex(x) { 2896 return ("0" + parseInt(x).toString(16)).slice(-2); 2897 } 2898 return "#" + hex(rgbColor[1]) + hex(rgbColor[2]) + hex(rgbColor[3]); 2899 } 2900 return rgb; 2901 } 2902 2903 function getContrast50(hexcolor){ 2904 return (parseInt(hexcolor, 16) > 0xffffff/2) ? '#000':'#fff'; 2905 } 2906 2907 function show_corona_sidebar_instructions(text, phone){ 2908 //format to US number 2909 var match = phone.match(/^(\d{3})(\d{3})(\d{4})$/); 2910 var divWidth = 230; 2911 var top = 50; 2912 var linkSize = '1.6em'; 2913 var pSize = $('p').css('font-size'); 2914 var appendPhone = 'tel:+1'+phone+''; 2915 2916 if ($(window).width() < 1600) 2917 var top = 30; 2918 if ($(window).width() < 1200){ 2919 var divWidth = 180; 2920 var linkSize = '1.4em'; 2921 var pSize ='1.1em'; 2922 } 2923 2924 if($('.food-menu-nav').length){ //new template 2925 var textColor = $('.food-menu-nav-item.active').css('color'); 2926 var linkColor = $('.food-menu-nav-item.active').css('background-color'); 2927 2928 var linkTextColor = $('.food-menu-nav-item.active').css('color'); 2929 var parent = $('.food-menu-page'); 2930 } 2931 else { //old template 2932 var textColor = $('.menu-item-name-traditional').css('color'); 2933 var linkColor = $('.style-traditional .tabnav .nav>
2933li.active>a').css('color'); 2934 var parent = $('.food-menu').length ? $('.food-menu') : $('.drink-menu'); 2935 var linkTextColor = getContrast50(linkColor); 2936 } 2937 2938 // $(parent).append('<div id="corona-instructions-sidebar" style="display:none;position:fixed;width:'+divWidth+'px;top:'+top+'vh;right:0;background-color:'+linkColor+';padding:15px;text-align:center;color:'+textColor+';text-transform:uppercase;"><p style="margin:0 0 5px;font-size:'+pSize+';">'+text+'</p><i class="fa fa-phone" aria-hidden="true"></i> <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Food Page Side Element Phone\');" style="font-size:'+linkSize+';color:'+textColor+';" href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></div>'); 2939 $(parent).append('<div id="corona-instructions-sidebar" style="display:none;position:fixed;width:'+divWidth+'px;top:'+top+'vh;right:0;background-color:'+linkColor+';padding:15px;text-align:center;color:'+linkTextColor+';text-transform:uppercase;"><p style="margin:0 0 5px;font-size:'+pSize+';">'+text+'</p><i class="fa fa-phone" aria-hidden="true"></i> <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Food Page Side Element Phone\');this.href=\'' + appendPhone + '\';" style="font-size:'+linkSize+';color:'+linkTextColor+';" href="/call-us/'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></div>'); 2940 2941 //check if resolution is bigger than tablet resolution 2942/* if ($(window).width() > 991) { 2943 //detect scroll 2944 window.onscroll = function (e) { 2945 if ($(window).scrollTop() == 0) { 2946 $('#corona-instructions-sidebar').hide(); 2947 }else { 2948 $('#corona-instructions-sidebar').show(); 2949 } 2950 } 2951 } */ 2952 } 2953 2954 function check_corona_config(config){ 2955 console.log(config) 2956 if (config) { 2957 if (config.instructions_on_food_page && config.food_page_instruction_text && config.food_page_instruction_phone) { 2958 if (!config.promote_deliveries && config.promote_pick_up) { 2959 var btnText = 'Call For Pick Up'; 2960 } 2961 if (config.promote_deliveries && !config.promote_pick_up) { 2962 var btnText = 'Call For Delivery'; 2963 } 2964 if (config.promote_deliveries && config.promote_pick_up) { 2965 var btnText = 'Call For Pick Up Or Delivery'; 2966 } 2967 2968 if(typeof btnText !== "undefined"){ // check if pick up or delivery are true 2969 if(config.shopping_cart_type == "TMT" && config.shopping_cart_active == true) { 2970 var btnText = 'ORDER NOW'; 2971 if($('.food-menu-nav').length){ //new template 2972 var textColor = rgb2hex($('.section-header').css('color')); 2973 var linkColor = rgb2hex($('.food-menu-nav-item.active').css('background-color')); 2974 var fontSize = parseInt($('.food-menu-nav-item').css('font-size')); 2975 fontSize = fontSize + Math.round(fontSize * 0.25); 2976 } 2977 else { //old template 2978 var textColor = rgb2hex($('.menu-item-name-traditional').css('color')); 2979 var linkColor = rgb2hex($('.style-traditional .tabnav .nav>li.active>a').css('color')); 2980 2981 var linkTextColor = getContrast50(linkColor); 2982 var fontSize = parseInt($('.menu-item-name-traditional').css('font-size')); 2983 fontSize = fontSize + Math.round(fontSize * 0.25); 2984 } 2985 show_corona_instructions('For online orders, use our own <a style="text-decoration:underline;color: '+textColor+';" href="https://tmt.spotapps.co/ordering-menu/?spot_id='+config.spot_id+'&images=yes&accordion=true#"> commission free ordering platform! </a> or call:', config.food_page_instruction_phone, btnText); 2986 show_corona_sidebar_instructions(btnText, config.food_page_instruction_phone); 2987 } else { 2988 show_corona_instructions(config.food_page_instruction_text, config.food_page_instruction_phone, btnText); 2989 show_corona_sidebar_instructions(btnText, config.food_page_instruction_phone); 2990 } 2991 2992 } 2993 } 2994 } 2995 } 2996 2997 2998 if (is_food_menu_page() && !window.location.search.includes("contactless=true")){ 2999 $( document ).ready(function() { 3000 setTimeout(function(){ 3001 check_corona_config(corona_config); 3002 }, 300); 3003 }); 3004 } 3005 3006 3007 3008 function isPhone(phone){ 3009 var regex = /^(\+\d{1,2}\s?)?\(?\d{3}\)?[\s.-]?\d{3}[\s.-]?\d{4}$/; 3010 return regex.test(phone); 3011 } 3012 3013 function sendEmail_MT (input_id) { 3014 const $loader = $("[data-id=newsletter-widget-2] .sph-loading-img"); 3015 3016 const $step = { 3017 form: $("[data-id=newsletter-widget-2] .sph-email-form"), 3018 message: $("[data-id=newsletter-widget-2] .sph-response-message"), 3019 } 3020 3021 const $field = { 3022 email: $("[data-id=newsletter-widget-2] #sph-newsletter-input-" + input_id), 3023 phone: $("[data-id=newsletter-widget-2] #sph-newsletter-phone-" + input_id), 3024 consent: $("[data-id=newsletter-widget-2] #sph-newsletter-checkbox-phone-" + input_id), 3025 }; 3026 3027 const $error = { 3028 email: $("[data-id=newsletter-widget-2] #sph-newsletter-email-error-" + input_id), 3029 phone: $("[data-id=newsletter-widget-2] #sph-newsletter-phone-error-" + input_id), 3030 }; 3031 3032 if ($field.email.val().trim() === "") { 3033 $error.email 3034 .html("This field is required") 3035 .show(); 3036 } 3037 else if (!isEmail($field.email.val().trim())) { 3038 $error.email 3039 .html("Please use the format â[email protected]â") 3040 .show(); 3041 } else { 3042 $error.email 3043 .html("") 3044 .hide(); 3045 } 3046 3047 if ($field.consent.is(':checked') && $field.phone.val().trim() === "") { 3048 $error.phone 3049 .html("This field is required") 3050 .show(); 3051 } else if ($field.phone.val().trim().length > 0 && !isPhone($field.phone.val().trim())) { 3052 $error.phone 3053 .html("The phone number must contain 10 digits") 3054 .show(); 3055 } else { 3056 $error.phone 3057 .html("") 3058 .hide(); 3059 } 3060 3061 const errorField = $step.form.find('.sh-form-error:visible'); 3062 3063 if (errorField.length > 0) { 3064 const input = errorField.first().next(); 3065 3066 document.activeElement.blur(); 3067 3068 setTimeout(() => { 3069 input.focus(); 3070 }, 160) 3071 3072 return; 3073 } 3074 3075 $loader 3076 .show() 3077 .prev() 3078 .hide(); 3079 3080 $.ajax({ 3081 method: "POST", 3082 url: "https://www.spothopperapp.com/api/spots/627396/contacts/add_with_texting_permission", 3083 crossDomain: true, 3084 dataType: 'json', 3085 data: { 3086 email: $field.email.val().trim(), 3087 phone: $field.phone.val().trim(), 3088 texting_permission: $field.consent.is(':checked'), 3089 }, 3090 success: function (data) { 3091 afterRequestSubmission(data); 3092 }, 3093 error: function () { 3094 afterRequestSubmission("Something went wrong. Please try again later."); 3095 } 3096 }); 3097 3098 function afterRequestSubmission (data) { 3099 $step.form.hide(); 3100 3101 $step.message 3102 .html(data) 3103 .show() 3104 .trigger('focus'); 3105 } 3106 } 3107</script>
3107<script>function addPromotionParamsToTMTLinks() 3108{ 3109 if (sessionStorage.getItem('shUrlParams')) { 3110 let shParams = JSON.parse(sessionStorage.getItem('shUrlParams')); 3111 if (!Object.keys(shParams).length) 3112 return; 3113 if(!shParams.source) 3114 return; 3115 $('a').each(function () { 3116 if (this.href.includes('tmt.spotapps.co')) { 3117 if(this.href.includes('&source=') || this.href.includes('&destination=') || this.href.includes('&promotion=')) 3118 return; 3119 3120 this.href = this.href + '&source=' + shParams.source; 3121 if(shParams.destination) 3122 this.href = this.href + '&destination=' + shParams.destination; 3123 if(shParams.promotion) 3124 this.href = this.href + '&promotion=' + shParams.promotion; 3125 if(shParams.fb_post_id) 3126 this.href = this.href + '&fb_post_id=' + shParams.fb_post_id; 3127 if(shParams.email_post_id) 3128 this.href = this.href + '&email_post_id=' + shParams.email_post_id; 3129 } 3130 }) 3131 } 3132} 3133setTimeout(function() { 3134 addPromotionParamsToTMTLinks(); 3135 addFooterToSourceParam(); 3136},600) 3137 3138function addFooterToSourceParam() 3139{ 3140 $('.bottom-link').each(function (){ 3141 if(shouldAddSourceParam(this.href)) 3142 this.href = this.href + '&source=footer'; 3143 }) 3144 $('#sh-multiple-links-content-holder a').each(function (){ 3145 if(shouldAddSourceParam(this.href)) 3146 this.href = this.href + '&source=footer'; 3147 }) 3148} 3149function shouldAddSourceParam(link){ 3150 if (link.includes('tmt.spotapps.co') && !link.includes('&source=')){ 3151 return true; 3152 } 3153 return false; 3154} 3155</script>
3155<link href="https://static.spotapps.co/wcache-website-includes/assets/generic-form-BPJPlCcv.css" rel="stylesheet" media="screen"/>
3155<script type="module" crossorigin="crossorigin" src="https://static.spotapps.co/wcache-website-includes/assets/generic-form-CoiH5Vfl.js"></script>
3155<div id="sh-generic-form-widget"></div>
3155<script> 3156;(async () => { 3157if (typeof window.focusTrap === 'undefined') { 3158 await getScript('https://unpkg.com/tabbable/dist/index.umd.js'); 3159 await getScript('https://unpkg.com/focus-trap/dist/focus-trap.umd.js'); 3160} 3161 3162document.querySelectorAll('.modal').forEach((element) => { 3163 const trap = window.focusTrap?.createFocusTrap(element, { 3164 allowOutsideClick: true, 3165 }); 3166 3167 $(element).on('shown.bs.modal', () => { 3168 trap?.activate(); 3169 }); 3170 3171 $(element).on('hidden.bs.modal', () => { 3172 trap?.deactivate(); 3173 }); 3174}); 3175 3176async function getScript (source) { 3177 return new Promise((resolve, reject) => { 3178 const script = document.createElement('script'); 3179 script.src = source; 3180 script.async = true; 3181 3182 script.onload = resolve; 3183 script.onerror = reject; 3184 3185 document.head.appendChild(script); 3186 }); 3187} 3188})(); 3189</script>
3189<script src="https://wcache-plugins.spotapps.co/production/wcpl_bootstrap_ada_fix/wcpl_bootstrap_ada_fix.js"></script>
3189<link href="https://wcache-plugins.spotapps.co/production/wcpl_bday_club/wcpl_bday_club.css" rel="stylesheet" media="screen"/>
3189<script src="https://wcache-plugins.spotapps.co/production/wcpl_bday_club/wcpl_bday_club.js"></script>
3189<script src="https://wcache-plugins.spotapps.co/production/wcpl_ga_tracking/wcpl_ga_tracking.js"></script>
3189<script src="https://wcache-plugins.spotapps.co/production/wcpl_media_controls/script.js"></script>
3189<link href="https://wcache-plugins.spotapps.co/production/wcpl_website_editor_interpreter/website_interpreter_helper_style.css" rel="stylesheet" media="screen"/>
3189<script>var changes_log_array = {};</script>
3189<script src="https://wcache-plugins.spotapps.co/production/wcpl_website_editor_interpreter/website_interpreter.js"></script>
3189</body></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.