← back to Restaurant Directory
data/raw/facility-FA0043152-1778044396642.html
3329 lines
<!DOCTYPE html><html lang="en" class="uk-notouch" style="scroll-padding-top: 101px;"><head><!-- Google tag (gtag.js) --><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-HBSP8GSF5Z&cx=c&gtm=4e6541"></script><script async="async" src="https://www.googletagmanager.com/gtag/js?id=G-VG24VK2VKT"></script><script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('set', 'linker', {'domains': ['tmt.spotapps.co','spothopperapp.com']});
gtag('js', new Date());
gtag('config', 'G-HBSP8GSF5Z');
gtag('config', 'G-VG24VK2VKT');
</script><!-- wcache 2026-05-05 14:02:44.792942Z --><!--
smart_footer: true,
smart_footer_version: 2,
scripting_active: false
--><link href="https://onthethirty.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="Established in 2013. In the heart of Sherman Oaks, California on Ventura Blvd. On The Thirty serves up the perfect slice for any pizza lover plus a full bar and food menu. 8 wines and 16 beers on draft with seasonal cocktail options, all at an affordable price." name="description"><meta content="" name="author"><meta content="On The Thirty - Sherman Oaks, CA" property="og:title"><meta content="website" property="og:type"><meta content="http://onthethirty.com/" property="og:url"><meta content="Established in 2013. In the heart of Sherman Oaks, California on Ventura Blvd." property="og:description"><meta content="https://static.spotapps.co/website_images/ab_websites/20242_website_v1/social_share.jpg" property="og:image"><meta content="On The Thirty" property="og:image:alt"><meta content="image/png" property="og:image:type"><meta content="onthethirty" property="fb:app_id"><meta content="summary_large_image" name="twitter:card"><meta content="@Onthethirty" name="twitter:site"><meta content="On The Thirty - Sherman Oaks, CA" name="twitter:title"><meta content="Established in 2013. In the heart of Sherman Oaks, California on Ventura Blvd." name="twitter:description"><meta content="https://static.spotapps.co/website_images/ab_websites/20242_website_v1/social_share.jpg" name="twitter:image"><title>On The Thirty - Sherman Oaks, CA</title><script>document.cookie='resolution='+Math.max(screen.width,screen.height)+("devicePixelRatio" in window ? ","+devicePixelRatio : ",1")+'; path=/';</script><link href="https://static.spotapps.co/website_images/ab_websites/20242_website_v1/favicons/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"><link href="https://static.spotapps.co/website_images/ab_websites/20242_website_v1/favicons/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"><link href="https://static.spotapps.co/website_images/ab_websites/20242_website_v1/favicons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"><link href="https://static.spotapps.co/website_images/ab_websites/20242_website_v1/favicons/site.webmanifest" rel="manifest"><link color="#5bbad5" href="https://static.spotapps.co/website_images/ab_websites/20242_website_v1/favicons/safari-pinned-tab.svg" rel="mask-icon"><link href="https://static.spotapps.co/website_images/ab_websites/20242_website_v1/favicons/favicon.ico" rel="shortcut icon"><meta content="#da532c" name="msapplication-TileColor"><meta content="https://static.spotapps.co/website_images/ab_websites/20242_website_v1/favicons/browserconfig.xml" name="msapplication-config"><meta content="#ffffff" name="theme-color"><link href="https://static.spotapps.co/web/onthethirty--com/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet"><link href="https://static.spotapps.co/web/onthethirty--com/lib/gallery/gallery.css" rel="stylesheet"><link href="https://static.spotapps.co/web/onthethirty--com/lib/fancybox/source/jquery.fancybox.css" media="screen" rel="stylesheet" type="text/css"><link href="https://static.spotapps.co/web/onthethirty--com/lib/fancybox/source/helpers/jquery.fancybox-thumbs.css" rel="stylesheet" type="text/css"><link href="//static.spotapps.co/web-lib/leaflet/leaflet-gesture-handling@1.2.2/dist/leaflet-gesture-handling.min.css" rel="stylesheet" type="text/css"><link href="https://static.spotapps.co/web/onthethirty--com/lib/uikit/css/uikit.docs.min.css" rel="stylesheet"><link href="https://static.spotapps.co/web/onthethirty--com/lib/uikit/css/slidenav.css" rel="stylesheet"><link href="https://static.spotapps.co/web/onthethirty--com/lib/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"><link href="https://static.spotapps.co/web/onthethirty--com/lib/hover_css/css/hover-min.css" rel="stylesheet"><link href="https://static.spotapps.co/web/onthethirty--com/lib/owlcarousel/owl.carousel.min.css" rel="stylesheet"><link href="https://static.spotapps.co/web/onthethirty--com/lib/owlcarousel/owl.theme.default.min.css" rel="stylesheet"><link href="https://static.spotapps.co/web-lib/leaflet/leaflet@1.3.1/dist/leaflet.css" rel="stylesheet"><link href="https://static.spotapps.co/web/onthethirty--com/css/style.css?version2" id="mainCSS" rel="stylesheet"><link href="https://static.spotapps.co/web/onthethirty--com/css/bottom_navigation_v1.css?v1767792257" rel="stylesheet"><link href="css/custom.css?v1767792257&domain=onthethirty.com" rel="stylesheet"><link href="https://static.spotapps.co/web/onthethirty--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/onthethirty--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]>
<script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="//oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]--><style>
#accessibility-footer {
padding: 20px 5px;
background-color: #353638;
color: #fff;
text-align: center;
}
#accessibility-footer p {
margin: 0;
padding: 0;
font-family: inherit;
font-size: initial;
color: #fff;
}
#accessibility-footer .accessibility-link {
display: inline-block;
color: inherit;
text-decoration: underline;
font-weight: 600;
}
@media (max-width: 767px) {
#accessibility-footer .accessibility-link {
display: block;
}
/* additionl css in case that there is a CTA mobile bar (id="bottom-navbar") on the website */
#accessibility-footer {
position: relative;
top: -60px;
padding-bottom: 70px;
}
}
</style><script src="https://static.spotapps.co/websites/lib/lazysizes/lazysizes.min.js" async=""></script><script>
function ga_check(){
return true;
}
</script><script>
function universal_ga(action, type, category, ev_action, label){
if(typeof ga === 'function')
{
if(!(action && label))
ga(action, type, category)
else
ga(action, type, category, ev_action, label)
}
if(typeof gtag === 'function')
{
if(!(action && label))
{
hash = category
ev_label = hash["eventLabel"]
var splits = ev_label.match(/.{1,100}/g) ?? [];
delete(hash["eventLabel"])
if(splits.length <= 1)
hash["eventLabel"] = ev_label
else
{
for (let i = 0; i < splits.length; i++) {
var key = "eventLabel_"+i
hash[key] = splits[i]
}
}
console.log(hash)
gtag("event", hash["eventCategory"], hash);
}
else
{
var hash = {
eventCategory: category,
eventAction: ev_action
}
var splits = label.match(/.{1,100}/g) ?? [];
if(splits.length <= 1)
hash["eventLabel"] = label
else
{
for (let i = 0; i < splits.length; i++) {
var key = "eventLabel_"+i
hash[key] = splits[i]
}
}
gtag("event", hash["eventCategory"], hash);
}
}
}
</script><script> function getPromotionUrlParams(){
var params_str = sessionStorage.getItem('shUrlParams');
if (params_str != null){
return JSON.parse(params_str);
}else{
return {};
}
}
function getPromotionSourceDetails(){
var params_str = localStorage.getItem('promotionSourceDetails');
if (params_str != null){
return JSON.parse(params_str);
}else{
return {};
}
}
function getLastEmailVisitInDays(){
var promotionSourceDetails = getPromotionSourceDetails();
if (!promotionSourceDetails['last_visit_email'] ){
return null;
}
return Math.floor((new Date() - new Date(promotionSourceDetails['last_visit_email'])) / (1000 * 60 * 60 * 24));
}
function getLastSocialVisitInDays(){
var promotionSourceDetails = getPromotionSourceDetails();
if (!promotionSourceDetails['last_visit_social'] ){
return null;
}
return Math.floor((new Date() - new Date(promotionSourceDetails['last_visit_social'])) / (1000 * 60 * 60 * 24));
}
var shUrlParams = getPromotionUrlParams();
var promotionSourceDetails = getPromotionSourceDetails();
new URL(document.location).searchParams.forEach(function(value, paramName){
shUrlParams[paramName] = value;
if (paramName == 'source' && value =='social' ){
promotionSourceDetails['last_visit_social'] = new Date();
localStorage.setItem('promotionSourceDetails', JSON.stringify(promotionSourceDetails));
}
if (paramName == 'source' && value =='email' ){
promotionSourceDetails['last_visit_email'] = new Date();
localStorage.setItem('promotionSourceDetails', JSON.stringify(promotionSourceDetails));
}
});
sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams))
</script><script src="https://unpkg.com/tabbable/dist/index.umd.js" async=""></script><style type="text/css">.fancybox-margin{margin-right:0px;}</style><style type="text/css">.fancybox-margin{margin-right:0px;}</style><script src="https://unpkg.com/focus-trap/dist/focus-trap.umd.js" async=""></script></head><body class="home-page modal-open" data-spot-id="20242" style="padding-top: 40px; overflow: hidden;"><style>.promotion-pop-up .modal-dialog {
margin: 0 auto;
top: 0;
transition: none;
}
.promotion-pop-up.fade .modal-dialog {
transform: none !important;
}
.promotion-pop-up .modal-content {
display: none;
border-radius: 6px;
background-color: #fff;
background-image: none;
}
.promotion-pop-up .modal-header {
border: none;
margin-bottom: 8px;
}
.promotion-pop-up .close {
font-size: 3em;
font-weight: normal;
line-height: 0.8em;
color: #000;
opacity: 0.8;
}
.promotion-pop-up .modal-body {
margin: 20px 20px 10px 20px;
padding-top: 5px;
text-align: center;
color: initial;
}
.promotion-pop-up .modal-footer {
padding-bottom: 40px;
border-top: none;
text-align: center;
}
.promotion-pop-up .btn {
display: inline-block;
max-width: 90%;
padding: 10px 50px;
font-size: 1.2em;
background-color: #000000;
color: #fff;
transform: scale(1);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.promotion-pop-up .btn:hover {
background-color: #1a1a1a;
color: #e0e0e0;
box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.3);
transform: scale(0.98);
}
.promotion-pop-up .btn:active {
background-color: #0f0f0f;
color: #cccccc;
box-shadow:
inset 0 2px 4px rgba(255, 255, 255, 0.08),
inset 0 -2px 2px rgba(0, 0, 0, 0.4);
transform: scale(0.94);
}
.promotion-pop-up h2 {
margin: 5px 5px 10px 5px;
font-size: 2.1em;
line-height: 1.3;
color: inherit;
/*font-family: unset;*/
}
.promotion-pop-up h3 {
font-size: 1.5em;
margin: 5px 5px 15px 5px;
font-family: unset;
text-transform: inherit;
}
.promotion-pop-up p {
margin-top: 30px;
}
.promotion-pop-up .modal-body a {
color: initial;
}
.promotion-pop-up .modal-plain-text h3 {
padding-top: 10px;
}
.promotion-pop-up .modal-body.modal-image-and-button {
overflow: auto;
margin: 20px;
padding-top: 0;
padding-bottom: 0;
}
.promotion-pop-up .modal-body.modal-image-and-button img {
max-height: 60vh;
max-width: 100%;
}
.promotion-pop-up .modal-body.modal-image-and-button p {
margin-top: 15px;
margin-bottom: 10px;
}
@media only screen and (max-width: 1024px) {
.promotion-pop-up .modal-body.modal-image-and-button {
margin-bottom: 10px;
}
.promotion-pop-up h2 {
font-size: 1.9em;
}
.promotion-pop-up h3 {
font-size: 1.4em;
}
.promotion-pop-up .modal-body.modal-image-and-button img {
max-height: 65vh;
}
}
@media only screen and (max-width: 767px) {
.promotion-pop-up .modal-dialog {
margin: 0 10px;
}
.promotion-pop-up .modal-body {
margin-top: 18px;
}
.promotion-pop-up .modal-body.modal-image-and-button img {
max-height: 55vh;
}
.promotion-pop-up h2 {
font-size: 1.8em;
}
.promotion-pop-up h3 {
font-size: 1.3em;
}
.promotion-pop-up .modal-body.modal-image-and-button p {
font-size: 1.1em;
}
}
@media only screen and (max-width: 500px) {
.promotion-pop-up .modal-footer {
padding-top: 10px;
padding-bottom: 35px;
}
.promotion-pop-up .modal-body {
margin: 17px 15px 5px 15px;
}
.promotion-pop-up .btn {
padding: 9px 40px;
font-size: 1.1em;
}
.promotion-pop-up .modal-body.modal-image-and-button img {
max-height: 50vh;
}
}
@media only screen and (max-width: 400px) {
.promotion-pop-up h2 {
font-size: 1.7em;
}
.promotion-pop-up h3 {
font-size: 1.2em;
}
.promotion-pop-up .btn {
padding: 8px 35px;
font-size: 1.1em;
}
}</style><div aria-label="Promotion" class="modal fade promotion-pop-up in" id="promotion-pop-up" role="dialog" tabindex="-1" style="display: block;" aria-hidden="false"><div class="modal-dialog" role="document" style="top: 257px;"><div class="modal-content promotion_pop_up_content" data-has-image="" data-internalname="mothers_day" data-is-custom-link="false" data-is-template-image-and-button="false" data-link-url="https://onthethirty.com/-events?source=pop_up&spot_id=20242&destination=events&promotion=mothers_day" id="4886415" style="display: none;"><!-- 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">Join us on Mother's Day</h2><p>Join us on Mother's Day and treat your mom to a delicious meal!</p></div><div class="modal-footer"><a class="btn btn-modal" data-href="https://onthethirty.com/-events?source=pop_up&spot_id=20242&destination=events&promotion=mothers_day" href="https://onthethirty.com/-events?source=pop_up&spot_id=20242&destination=events&promotion=mothers_day">Learn More</a></div></div><div class="modal-content promotion_pop_up_content" data-has-image="" data-internalname="order_online" data-is-custom-link="false" data-is-template-image-and-button="false" data-link-url="https://www.doordash.com/store/on-the-thirty-los-angeles-29400/?source=pop_up&spot_id=20242&destination=order&promotion=order_online" id="2783674" style="display: none;"><!-- 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"><p>Order your favorite dishes in seconds!</p></div><div class="modal-footer"><a class="btn btn-modal" data-href="https://www.doordash.com/store/on-the-thirty-los-angeles-29400/?source=pop_up&spot_id=20242&destination=order&promotion=order_online" href="https://www.doordash.com/store/on-the-thirty-los-angeles-29400/?source=pop_up&spot_id=20242&destination=order&promotion=order_online">Order Online</a></div></div><div class="modal-content promotion_pop_up_content" data-has-image="" data-internalname="private_parties" data-is-custom-link="false" data-is-template-image-and-button="false" data-link-url="https://onthethirty.com/-private-parties-sherman-oaks?source=pop_up&spot_id=20242&destination=private_parties&promotion=private_parties" id="2780433" style="display: block;"><!-- 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" style="max-height: 699px; overflow-y: auto;"><h2 class="section-header">Let us host your special event!</h2><h3>Whether a birthday party, office function or any other special occasion - we take care of all the fine details, bringing your event to life, just as you imagined.</h3><p>Host your next party or get together </p></div><div class="modal-footer"><a class="btn btn-modal" data-href="https://onthethirty.com/-private-parties-sherman-oaks?source=pop_up&spot_id=20242&destination=private_parties&promotion=private_parties" href="https://onthethirty.com/-private-parties-sherman-oaks?source=pop_up&spot_id=20242&destination=private_parties&promotion=private_parties">Book your party</a></div></div><div class="modal-content promotion_pop_up_content" data-has-image="" data-internalname="catering" data-is-custom-link="false" data-is-template-image-and-button="false" data-link-url="https://onthethirty.com/-catering?source=pop_up&spot_id=20242&destination=catering&promotion=catering" id="2781791" style="display: none;"><!-- 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">Did you know we do catering?</h2><h3>Whatever your occasion, however big or small, we have the perfect options to choose from.</h3><p>Cater your birthday party, holiday party, corporate events, wedding festivities and more!</p></div><div class="modal-footer"><a class="btn btn-modal" data-href="https://onthethirty.com/-catering?source=pop_up&spot_id=20242&destination=catering&promotion=catering" href="https://onthethirty.com/-catering?source=pop_up&spot_id=20242&destination=catering&promotion=catering">Catering Packages</a></div></div><div class="modal-content promotion_pop_up_content" data-has-image="//static.spotapps.co/spots/04/530f2772bd4a4f8cc82fdedecb5848/:original" data-internalname="custom_promotion" data-is-custom-link="false" data-is-template-image-and-button="true" data-link-url="https://onthethirty.com/-specials?source=pop_up&spot_id=20242&destination=specials&promotion=custom_promotion" id="7114673" style="display: none;"><!-- 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-image-and-button"><img alt="" src="//static.spotapps.co/spots/04/530f2772bd4a4f8cc82fdedecb5848/:original"><p></p></div><div class="modal-footer"><a class="btn btn-modal" data-href="https://onthethirty.com/-specials?source=pop_up&spot_id=20242&destination=specials&promotion=custom_promotion" href="https://onthethirty.com/-specials?source=pop_up&spot_id=20242&destination=specials&promotion=custom_promotion">View our specials</a></div></div></div></div><style>
.prom-bar {
position: fixed;
left: 0;
width: 100%;
height: 40px;
padding: 5.5px 20px;
background-color: #353638;
text-align: center;
color: #fff;
z-index: 100;
}
.prom-bar-plugin-container{
display: none;
}
.prom-bar p {
display: inline-block;
margin-bottom: 0;
}
.prom-bar-plugin-desktop a {
margin-left: 20px;
padding: 4px 20px;
border-radius: 0;
/*background-color: #5e0e0e;*/
background-color: white;
color: black;
}
.prom-bar-plugin-desktop a:hover {
/*background-color: #470a0a;
color: #d3d3d3;*/
color: #555;
}
.prom-bar-plugin-desktop a:focus {
/*background-color: #5e0e0e;*/
color: #777;
}
.prom-bar-plugin-mobile {
display: none;
}
.prom-bar-plugin-desktop p {
font-size: 1.1em;
}
.prom-bar-plugin-desktop *+p{
margin: 0;
}
.top-contact-bar {
display: none;
}
@media (max-width: 768px) {
.prom-bar-plugin-mobile {
display: inline-block;
line-height: 1.6em;
font-size: 1.1em;
color: #fff;
}
.prom-bar-plugin-mobile a {
text-decoration: underline;
color: inherit;
}
.prom-bar-plugin-desktop p {
display: none;
}
.prom-bar-plugin-desktop a {
display: none;
}
}
</style><div class="prom-bar" id="prom-bar-plugin" style="height: 40px; top: 0px;"><div class="prom-bar-plugin-container" data-internalname="reservations" data-link-url="tel:8187880330" style="display: block;"><div aria-label="banner-Call to Inquire" class="prom-bar-plugin-desktop" role="region"><p>Reservations - We recommend making a reservation ahead of time. Book your table today!</p><a class="btn btn-sm" href="tel:8187880330">Call to Inquire</a></div><div aria-label="banner-mobile-Call to Inquire" class="prom-bar-plugin-mobile" role="region"><a href="javascript:void(0)" onclick="location.href='tel:8187880330'">Reservations - We recommend making a reservation ahead of time. Book your table today!</a></div></div></div><style>
.nav-v8 .nav-tab:nth-child(n+7) {
-webkit-box-ordinal-group: 3;
order: 3;
}
.navbar.nav-v6.nav-v8 .desktop-navigation .header-logo {
top: 0px;
}
.navbar.nav-v6.nav-v8.nav-scroll .desktop-navigation .header-logo {
top: 0px;
}
.navbar.nav-v6 .container {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar.nav-v6.nav-scroll .container {
padding-top: 0px;
padding-bottom: 0px;
}
.navbar.nav-v6 .header-logo img {
max-width: 100%;
}
@media (max-width: 767px) {
/* DO NOT change mobile nav height on page scroll */
.navbar.nav-v6 .navbar-header,
.navbar.nav-v6.nav-scroll .navbar-header {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar.nav-v6.nav-v8 .socialnav,
.navbar.nav-v6.nav-v8.nav-scroll .socialnav {
margin-top: 10px;
}
.navbar.nav-v6 .container,
.navbar.nav-v6.nav-scroll .container {
padding-top: 0;
padding-bottom: 0;
}
.navbar.nav-v6 .header-logo,
.navbar.nav-v6.nav-scroll .header-logo {
height: 70px;
}
.navbar.nav-v6 .header-logo img {
max-height: 100%;
}
.navbar.nav-v6.nav-scroll .header-logo img {
max-width: 100%;
}
/* HOME page CHANGE mobile nav height on page scroll */
/* Remove body.home-page from below code if there should be mobile nav height change on ALL pages */
body.home-page .navbar.nav-v6 .navbar-header {
padding-top: 10px;
padding-bottom: 10px;
}
body.home-page .navbar.nav-v6.nav-scroll .navbar-header{
padding-top: 0px;
padding-bottom: 0px;
}
body.home-page .navbar.nav-v6.nav-v8 .socialnav {
margin-top: 10px;
}
body.home-page .navbar.nav-v6.nav-v8.nav-scroll .socialnav {
margin-top: 0px;
}
body.home-page .navbar.nav-v6 .container{
padding-top: 0;
padding-bottom: 0;
}
body.home-page .navbar.nav-v6.nav-scroll .container {
padding-top: 0;
padding-bottom: 0;
}
body.home-page .navbar.nav-v6 .header-logo {
height: 70px;
}
body.home-page .navbar.nav-v6.nav-scroll .header-logo {
height: 50px;
}
body.home-page .navbar.nav-v6 .header-logo img {
max-height: 100%;
max-width: 100%;
}
body.home-page .navbar.nav-v6.nav-scroll .header-logo img {
max-width: 80%;
}
}
.navbar-regular .navbar-collapse.collapse.in {
background-color: transparent;
width: 100%;
}
.navbar.nav-v6 .navbar-tabs {
background-color: #26262A;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0);
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0);
}
.navbar.nav-v6.nav-scroll .navbar-tabs {
background-color: #26262A;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
}
.drink-menu .navbar.nav-v6 .navbar-tabs {
background-color: #26262A;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0);
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0);
}
.drink-menu .navbar.nav-v6.nav-scroll .navbar-tabs {
background-color: #26262A;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
}
li.drop-down-link .sub-menu {
background-color: #26262A;
color: #fff;
}
.nav-scroll li.drop-down-link .sub-menu {
background-color: #26262A;
color: #fff;
}
.drink-menu li.drop-down-link .sub-menu {
background-color: #26262A;
color: #fff;
}
.drink-menu .nav-scroll li.drop-down-link .sub-menu {
background-color: #26262A;
color: #fff;
}
li.drop-down-link .sub-menu a,
li.drop-down-link div.drop-down {
color: #fff;
}
.nav-scroll li.drop-down-link .sub-menu a,
.nav-scroll li.drop-down-link div.drop-down {
color: #fff;
}
.drink-menu li.drop-down-link .sub-menu a,
.drink-menu li.drop-down-link div.drop-down {
color: #fff;
}
.drink-menu .nav-scroll li.drop-down-link .sub-menu a,
.drink-menu .nav-scroll li.drop-down-link div.drop-down {
color: #fff;
}
.navbar-regular.nav-v6 .navbar-nav>li>a,
.navbar-regular.nav-v6 .navbar-nav>li>a:hover,
.navbar-regular.nav-v6 .navbar-nav>.active>a,
.navbar-regular.nav-v6 .navbar-nav>.active>a:focus,
.navbar-regular.nav-v6 .navbar-nav>.active>a:hover{
border: none;
background-color: transparent;
color: #B08C3F;
}
.navbar-regular.nav-v6 .navbar-nav>li>a {
color: #fff;
}
.drink-menu .navbar.nav-v6 .navbar-nav>li>a {
color: #fff;
}
.drink-menu .navbar-regular.nav-v6 .navbar-nav>li>a:hover,
.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a,
.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:focus,
.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:hover {
color: #B08C3F;
}
li.drop-down-link .sub-menu a:hover,
li.drop-down-link .sub-menu a:focus {
color: #B08C3F;
}
.drink-menu li.drop-down-link .sub-menu a:hover,
.drink-menu li.drop-down-link .sub-menu a:focus {
color: #B08C3F;
}
.drink-menu .navbar.nav-v7 .navbar-nav>li>a {
color: #fff;
}
.navbar-regular.nav-v6 .navbar-toggle .icon-bar {
background-color: #fff;
}
.drink-menu .navbar-regular.nav-v6 .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-regular.nav-v6 [aria-expanded="true"].navbar-toggle .icon-bar {
background-color: #B08C3F;
}
.drink-menu .navbar-regular.nav-v6 [aria-expanded="true"].navbar-toggle .icon-bar {
background-color: #B08C3F;
}
.navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a,
.navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover,
.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a,
.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus,
.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover {
border: none;
color: #B08C3F;
}
.navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a {
color: #fff;
}
.drink-menu .navbar.nav-v6.nav-scroll .navbar-nav>li>a {
border: none;
color: #fff;
}
.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover,
.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a,
.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus,
.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover {
color: #B08C3F;
}
.nav-scroll li.drop-down-link .sub-menu a:hover,
.nav-scroll li.drop-down-link .sub-menu a:focus {
color: #B08C3F;
}
.drink-menu .nav-scroll li.drop-down-link .sub-menu a:hover,
.drink-menu .nav-scroll li.drop-down-link .sub-menu a:focus {
color: #B08C3F;
}
.navbar-regular.nav-v6.nav-scroll .navbar-toggle .icon-bar {
background-color: #fff;
}
.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-regular.nav-v6.nav-scroll [aria-expanded="true"].navbar-toggle .icon-bar {
background-color: #B08C3F;
}
.drink-menu .navbar-regular.nav-v6.nav-scroll [aria-expanded="true"].navbar-toggle .icon-bar {
background-color: #B08C3F;
}
.navbar.nav-v6 .header-logo-text{
color: #fff;
}
.navbar.nav-v6.nav-scroll .header-logo-text{
color: #fff;
}
.navbar.nav-v6 .social-icon{
color: #fff;
}
.navbar.nav-v6.nav-scroll .social-icon{
color: #fff;
}
.navbar.nav-v6 .social-square .contact-icon:hover {
color: #fff;
background-color: #B08C3F;
}
.navbar.nav-v6.nav-scroll .social-square .contact-icon:hover {
color: #fff;
background-color: #B08C3F;
}
.drink-menu .navbar.nav-v6 .header-logo-text{
color: #fff;
}
.drink-menu .navbar.nav-v6.nav-scroll .header-logo-text{
color: #fff;
}
.drink-menu .navbar.nav-v6 .social-icon{
color: #fff;
}
.drink-menu .navbar.nav-v6.nav-scroll .social-icon{
color: #fff;
}
.drink-menu .navbar.nav-v6 .social-square .contact-icon:hover {
color: #fff;
background-color: #B08C3F;
}
.drink-menu .navbar.nav-v6.nav-scroll .social-square .contact-icon:hover {
color: #fff;
background-color: #B08C3F;
}
.navbar.nav-v6 .navbar-tabs {
border-bottom: 1px solid transparent;
}
.navbar.nav-v6.nav-scroll .navbar-tabs {
border-bottom: 1px solid transparent;
}
.drink-menu .navbar.nav-v6 .navbar-tabs {
border-bottom: 1px solid transparent;
}
.drink-menu .navbar.nav-v6.nav-scroll .navbar-tabs {
border-bottom: 1px solid transparent;
}
@media (max-width: 767px) {
.navbar.nav-v6 {
background-color: #26262A;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0);
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0);
}
.navbar.nav-v6.nav-scroll {
background-color: #26262A;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
}
.drink-menu .navbar.nav-v6 {
background-color: #26262A;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0);
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0);
}
.drink-menu .navbar.nav-v6.nav-scroll {
background-color: #26262A;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
}
.navbar.nav-v6 .container,
.navbar.nav-v6.nav-scroll .container,
.drink-menu .navbar.nav-v6 .container,
.drink-menu .navbar.nav-v6.nav-scroll .container {
border-bottom: none;
}
.navbar.nav-v6 .navbar-header {
border-bottom: 1px solid transparent;
}
.navbar.nav-v6.nav-scroll .navbar-header {
border-bottom: 1px solid transparent;
}
.drink-menu .navbar.nav-v6 .navbar-header {
border-bottom: 1px solid transparent;
}
.drink-menu .navbar.nav-v6.nav-scroll .navbar-header {
border-bottom: 1spx solid transparent;
}
li.drop-down-link .sub-menu,
.drink-menu li.drop-down-link .sub-menu {
background-color: transparent;
}
.nav-scroll li.drop-down-link .sub-menu,
.drink-menu .nav-scroll li.drop-down-link .sub-menu {
background-color: transparent;
}
.navbar-regular.nav-v6 .navbar-nav>li>a:hover,
.navbar-regular.nav-v6 .navbar-nav>.active>a,
.navbar-regular.nav-v6 .navbar-nav>.active>a:focus,
.navbar-regular.nav-v6 .navbar-nav>.active>a:hover{
background-color: #B08C3F;
color: #fff;
}
.navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover,
.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a,
.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus,
.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{
background-color: #B08C3F;
color: #fff;
}
.drink-menu .navbar-regular.nav-v6 .navbar-nav>li>a:hover,
.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a,
.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:focus,
.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:hover{
background-color: #B08C3F;
color: #fff;
}
.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover,
.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a,
.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus,
.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{
background-color: #B08C3F;
color: #fff;
}
.navbar-regular.nav-v6 li.drop-down-link.active .drop-down .fa.fa-angle-up {
color: #fff;
}
.navbar-regular.nav-v6.nav-scroll li.drop-down-link.active .drop-down .fa.fa-angle-up {
color: #fff;
}
.drink-menu .navbar-regular.nav-v6 li.drop-down-link.active .drop-down .fa.fa-angle-up {
color: #fff;
}
.drink-menu .navbar-regular.nav-v6.nav-scroll li.drop-down-link.active .drop-down .fa.fa-angle-up {
color: #fff;
}
}
</style><!-- nav --><nav class="navbar nav-v4 nav-v6 nav-v7 nav-v8 nav-top navbar-regular navbar-fixed-top" id="navbar" role="navigation" style="top: 40px;"><div id="skip"><a class="visuallyhidden skip-content" href="#content">Skip to main content</a></div><div class="desktop-navigation"><div class="navbar-tabs"><div class="container"><div class="navbar-content" style="width: 1078px;"><ul class="nav navbar-nav" style="opacity: 1;"><li class="logo-holder"><div class="header-logo logo-top"><img alt="On The Thirty logo top - Homepage" aria-label="Homepage" class="img-responsive logo-top logo-image" role="link" src="https://static.spotapps.co/website_images/ab_websites/20242_website_v1/logo.png" tabindex="0"></div><div class="header-logo logo-scroll"><img alt="On The Thirty logo scroll - Homepage" aria-label="Homepage" class="img-responsive logo-scroll logo-image" role="link" src="https://static.spotapps.co/website_images/ab_websites/20242_website_v1/logo.png" tabindex="0"></div></li><li class="nav-tab nav-menu-page"><a class="" href="/sherman-oaks-on-the-thirty-food-menu" id="/Sherman-Oaks-On-The-Thirty-food-menu_link" target="_self">
Menu
</a></li><li class="nav-tab"><a class="" href="/sherman-oaks-on-the-thirty-drink-menu" id="/Sherman-Oaks-On-The-Thirty-drink-menu_link" target="_self">
Drinks
</a></li><li class="nav-tab"><a class="" href="/sherman-oaks-on-the-thirty-happy-hours-specials" id="/Sherman-Oaks-On-The-Thirty-happy-hours-specials_link" target="_self">
Specials
</a></li><li class="nav-tab"><a class="" href="/sherman-oaks-on-the-thirty-events" id="/Sherman-Oaks-On-The-Thirty-events_link" target="_self">
Events
</a></li><li class="nav-tab additional-tab outside-link"><a class="additional-link" href="/#reservations_tmt" id="/#reservations_tmt_link" target="_self">
Reservations
</a></li><li class="nav-tab nav-parties-link"><a class="link-parties-sh" href="/sherman-oaks-on-the-thirty-private-parties-sherman-oaks#" id="/Sherman-Oaks-On-The-Thirty-private-parties-sherman-oaks#_link" target="_self">
Parties
</a></li><li class="nav-tab nav-catering-link"><a class="link-catering-sh" href="/sherman-oaks-on-the-thirty-catering#" id="/Sherman-Oaks-On-The-Thirty-catering#_link" target="_self">
Large Orders
</a></li><li class="nav-tab nav-jobs-link"><a class="link-jobs-sh" href="https://tmt.spotapps.co/job-listings?spot_id=20242&callback_url=http://onthethirty.com/#" id="https://tmt.spotapps.co/job-listings?spot_id=20242&callback_url=http://onthethirty.com/#_link" target="_self">
Jobs
</a></li><li class="nav-tab"><a class="" href="/sherman-oaks-on-the-thirty-order" id="/Sherman-Oaks-On-The-Thirty-order_link" target="_self">
Order
</a></li><li class="nav-tab helper-tab" style="margin-right: 79px;"><a href="#" id="hidden_tab_r" target="_self"><span class="visuallyhidden">Go to top</span></a></li></ul><ul class="socialnav"><li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.twitter.com/Onthethirty" target="_blank"><i class="social-icon fa icon-twitter-x"></i><span>Twitter / X page</span></a></li><li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.facebook.com/onthethirty" 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.google.com/search?q=On+The+Thirty+14622+Ventura+Blvd+Ste+112%2C+Sherman+Oaks%2C+CA+91403&oq=On+The+Thirty+14622+Ventura+Blvd+Ste+112%2C+Sherman+Oaks%2C+CA+91403&gs_lcrp=EgZjaHJvbWUyBggAEEUYOdIBCTYxNjRqMGoxNagCCLACAQ&sourceid=chrome&ie=UTF-8#ip=1&lrd=0x80c297c57824dfff:0x905f216b3f315606,1,,,," target="_blank"><i aria-hidden="true" class="social-icon fa fa-google"></i><span>Google page</span></a></li></ul></div></div></div></div><div class="mobile-navigation"><div class="container"><a class="header-logo logo-top" href="/#"><img alt="On The Thirty logo top - Homepage" aria-label="Homepage" class="img-responsive logo-top" src="https://static.spotapps.co/website_images/ab_websites/20242_website_v1/logo.png"></a><a class="header-logo logo-scroll" href="/"><img alt="On The Thirty logo scroll - Homepage" aria-label="Homepage" class="img-responsive logo-scroll" src="https://static.spotapps.co/website_images/ab_websites/20242_website_v1/logo.png"></a><ul class="socialnav"><li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.twitter.com/Onthethirty" target="_blank"><i class="social-icon fa icon-twitter-x"></i><span>Twitter / X page</span></a></li><li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.facebook.com/onthethirty" 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.google.com/search?q=On+The+Thirty+14622+Ventura+Blvd+Ste+112%2C+Sherman+Oaks%2C+CA+91403&oq=On+The+Thirty+14622+Ventura+Blvd+Ste+112%2C+Sherman+Oaks%2C+CA+91403&gs_lcrp=EgZjaHJvbWUyBggAEEUYOdIBCTYxNjRqMGoxNagCCLACAQ&sourceid=chrome&ie=UTF-8#ip=1&lrd=0x80c297c57824dfff:0x905f216b3f315606,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 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="/sherman-oaks-on-the-thirty-food-menu" id="mobile_/Sherman-Oaks-On-The-Thirty-food-menu_link" target="_self">
Menu
</a></li><li class=" "><a class="" href="/sherman-oaks-on-the-thirty-drink-menu" id="mobile_/Sherman-Oaks-On-The-Thirty-drink-menu_link" target="_self">
Drinks
</a></li><li class=" "><a class="" href="/sherman-oaks-on-the-thirty-happy-hours-specials" id="mobile_/Sherman-Oaks-On-The-Thirty-happy-hours-specials_link" target="_self">
Specials
</a></li><li class=" "><a class="" href="/sherman-oaks-on-the-thirty-events" id="mobile_/Sherman-Oaks-On-The-Thirty-events_link" target="_self">
Events
</a></li><li class=" additional-tab outside-link"><a class="additional-link" href="/#reservations_tmt" id="mobile_/#reservations_tmt_link" target="_self">
Reservations
</a></li><li class=" nav-parties-link"><a class="link-parties-sh" href="/sherman-oaks-on-the-thirty-private-parties-sherman-oaks#" id="mobile_/Sherman-Oaks-On-The-Thirty-private-parties-sherman-oaks#_link" target="_self">
Parties
</a></li><li class=" nav-catering-link"><a class="link-catering-sh" href="/sherman-oaks-on-the-thirty-catering#" id="mobile_/Sherman-Oaks-On-The-Thirty-catering#_link" target="_self">
Large Orders
</a></li><li class=" nav-jobs-link"><a class="link-jobs-sh" href="https://tmt.spotapps.co/job-listings?spot_id=20242&callback_url=http://onthethirty.com/#" id="mobile_https://tmt.spotapps.co/job-listings?spot_id=20242&callback_url=http://onthethirty.com/#_link" target="_self">
Jobs
</a></li><li class=" "><a class="" href="/sherman-oaks-on-the-thirty-order" id="mobile_/Sherman-Oaks-On-The-Thirty-order_link" target="_self">
Order
</a></li></ul></div></div></div></nav><header class="header cover-type-video" style="
background-image: url(https://static.spotapps.co/website_images/ab_websites/20242_website_v1/video_poster.jpg);
background-image: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url(https://static.spotapps.co/website_images/ab_websites/20242_website_v1/video_poster.jpg);
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(https://static.spotapps.co/website_images/ab_websites/20242_website_v1/video_poster.jpg);
background-repeat: no-repeat;
background-position: center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
z-index: 98; position: relative; overflow: hidden;
"><div id="home_page_cover" style="height:100%;"><style>
video#coverVideo {
z-index: 99;
background: url(https://static.spotapps.co/website_images/ab_websites/20242_website_v1/video_poster.jpg) no-repeat;
background-size: cover;
}
@media (min-width: 768px) {
@media (min-width: 1025px) {
video#coverVideo {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
max-width: none;
vertical-align: baseline;
}
}
@media (max-width: 1024px) {
video#coverVideo {
width: 100%;
}
.header {
max-height: 100vh;
background-image: none !important;
width: initial;
height: initial;
}
body.home-page {
background-color: transparent;
}
}
}
@media (max-width: 767px) {
video#coverVideo {
width: 100%;
}
.header {
max-height: 100vh;
background-image: none !important;
width: initial;
height: initial;
}
body.home-page {
background-color: transparent;
}}
.video-volume-btn, .video-controls-btn {
color: rgba(255, 255, 255, 0.9);
}
</style><video autoplay="autoplay" id="coverVideo" loop="loop" muted="muted" playsinline="playsinline" poster="https://static.spotapps.co/website_images/ab_websites/20242_website_v1/video_poster.jpg"><source src="https://static.spotapps.co/website_videos/On%20The%20Thirty_Video_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 off" 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"><article><div class="banner-section section-wrapper animation-element" id="banner"><div class="container"><h1><span class="off-screen">Visit us at </span>14622 Ventura Blvd Ste 112, Sherman Oaks, CA 91403<a aria-hidden="true" class="banner-pin hvr-pop" href="#map-v3-container" tabindex="-1"><i class="fa fa-map-marker"></i><span class="off-screen">map marker pin</span></a></h1></div></div></article><article><style>
.custom_html_1-section .top-svg-border path,
.custom_html_1-section .top-svg-border polygon,
.custom_html_1-section .top-svg-border rect {
fill: #B08C3F;
}
.custom_html_1-section .bottom-svg-border path,
.custom_html_1-section .bottom-svg-border polygon,
.custom_html_1-section .bottom-svg-border rect {
fill: #B08C3F;
}
.custom_html_1-section .top-line-border:before {
background: #B08C3F;
}
.custom_html_1-section .bottom-line-border:before {
background: #B08C3F;
}
</style><div class="custom_html_1-section section-wrapper animation-element" id="custom_html_1"><div class="top-svg-border"><svg data-name="Layer 1" id="Layer_1" viewBox="0 0 1920 40" xmlns="http://www.w3.org/2000/svg"><polygon points=".23 .23 .23 40.23 961.02 .64 1920.23 40.23 1920.23 .23 .23 .23"></polygon></svg></div><div class="container"><h1 class="section-header">About us</h1><p style="text-align: center;"> Established in 2013. In the heart of Sherman Oaks, California on Ventura Blvd. On The Thirty serves up the perfect slice for any pizza lover plus a full bar and food menu. 8 wines and 16 beers on draft with seasonal cocktail options, all at an affordable price.</p><p><a class="custom-temp-btn hvr-fade" href="/sherman-oaks-on-the-thirty-food-menu" target="_self">Our menu</a></p></div><div class="bottom-svg-border"><svg data-name="Layer 1" id="Layer_1" viewBox="0 0 1920 40" xmlns="http://www.w3.org/2000/svg"><polygon points=".23 40.23 .23 .23 961.02 39.82 1920.23 .23 1920.23 40.23 .23 40.23"></polygon></svg></div></div></article><article><style>
.reservations-tmt-section {
background-color: #B08C3F;
background-image: url('https://static.spotapps.co/website_images/ab_websites/20242_website_v1/reservations_back.jpg');
}
.reservations-tmt-section h1 {
color: #000;
}
.reservations-tmt-section h2 {
color: #000;
}
.reservations-tmt-section p {
color: #000;
}
</style><div class="reservations-tmt-section tmt-section section-wrapper animation-element" id="reservations_tmt"><div class="container"><h1 class="section-header">Reservations</h1><h2>BOOK YOUR TABLE FOR A PERFECT NIGHT OUT</h2><p>Whether you're planning a casual lunch, a cozy dinner, or a special celebration, our welcoming atmosphere and delectable menu are sure to impress. Booking your reservation is quick and easy - just use our online reservation system below. We look forward to serving you soon at On The Thirty!</p><script src="https://www.opentable.com/widget/reservation/loader?rid=200626&type=standard&theme=standard&color=1&dark=false&iframe=true&domain=com&lang=en-US&newtab=false&ot_source=Restaurant&website&cfe=true" type="text/javascript"></script></div></div></article><article><style>
.about-us-v8-wrapper {
padding: 0;
}
.about-us-v8-wrapper:before {
background-color: #26262A;
}
.about-us-v8-wrapper .container {
padding: 0;
width: 100%;
}
#aboutus_v8 .about-us-v8-item-0 .about-us-v8-content .text-content.title-image h1::after,
#aboutus_v8 .about-us-v8-item-0 .about-us-v8-content .text-content.title-image h1::before {
background-image: url('https://static.spotapps.co/website_images/ab_websites/20242_website_v1/title_decoration1.png');
height: 80px;
}
#aboutus_v8 .about-us-v8-item-0 .about-us-v8-content .text-content.title-image h1::before {
display: block;
}
#aboutus_v8 .about-us-v8-item-0 .about-us-v8-content .text-content h2 {
color: #fff;
}
#aboutus_v8 .about-us-v8-item-0 .about-us-v8-image {
border-width: 7px;
border-style: solid;
border-color: #B08C3F;
}
#aboutus_v8 .about-us-v8-item-1 .about-us-v8-content .text-content.title-image h1::after,
#aboutus_v8 .about-us-v8-item-1 .about-us-v8-content .text-content.title-image h1::before {
background-image: url('https://static.spotapps.co/website_images/ab_websites/20242_website_v1/title_decoration2.png');
height: 80px;
}
#aboutus_v8 .about-us-v8-item-1 .about-us-v8-content .text-content.title-image h1::before {
display: block;
}
#aboutus_v8 .about-us-v8-item-1 .about-us-v8-content .text-content h2 {
color: #fff;
}
#aboutus_v8 .about-us-v8-item-2 .about-us-v8-content .text-content.title-image h1::after,
#aboutus_v8 .about-us-v8-item-2 .about-us-v8-content .text-content.title-image h1::before {
background-image: url('https://static.spotapps.co/website_images/ab_websites/20242_website_v1/title_decoration3.png');
height: 80px;
}
#aboutus_v8 .about-us-v8-item-2 .about-us-v8-content .text-content.title-image h1::before {
display: block;
}
#aboutus_v8 .about-us-v8-item-2 .about-us-v8-content .text-content h2 {
color: #fff;
}
#aboutus_v8 .about-us-v8-item-2 .about-us-v8-image {
border-width: 7px;
border-style: solid;
border-color: #B08C3F;
}
@-webkit-keyframes grow {
from {
opacity: 0;
width: 0px;
}
to {
opacity: 1;
width: 80%;
}
}
@-moz-keyframes grow {
from {
opacity: 0;
width: 0px;
}
to {
opacity: 1;
width: 80%;
}
}
@keyframes grow {
from {
opacity: 0;
width: 0px;
}
to {
opacity: 1;
width: 80%;
}
}
.safari-mac .about-us-v8-item .about-us-v8-image-bar {
width: 80%;
}
@media (max-width: 767px) {
.about-us-v8-wrapper {
padding: 0;
}
.about-us-v8-wrapper .container {
padding: 0;
width: 100%;
}
.about-us-v8-item {
padding: 0 !important;
}
}
</style><div class="about-us-v8-wrapper section-wrapper animation-element" 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 aria-label="" class="about-us-v8-image" role="presentation" style="background-image: url('https://static.spotapps.co/website_images/ab_websites/20242_website_v1/order.png'); width: 50%;
"><!-- start Left About us image --></div><!-- end Left About us image --><div class="about-us-v8-content content-left" style="width: 50%;
color: #fff;
background: rgba(250, 250, 250, 0); text-align: left;"><div class="text-wrapper" style="padding: 60px 20px;"><div class="text-content title-image"><h1 class="bar-left" style="color: #B08C3F;"><span>Order Online</span></h1><div class="text-holder"><p>Enjoy the best of On The Thirty without leaving your home! Our convenient online ordering platform lets you choose from our full menu, customize your order, and select delivery or pickup options. Whether you're in the mood for a gourmet burger, a fresh salad, or our famous appetizers, we make it easy to enjoy your favorites.</p><div class="button-holder"><a class="custom-temp-btn hvr-fade" href="https://www.doordash.com/store/on-the-thirty-los-angeles-29400/" target="_self"><span class="visuallyhidden">Order at</span>Doordash</a><a class="custom-temp-btn hvr-fade" href="https://www.ubereats.com/store/on-the-thirty/R950n7JPVi2JqDvz37qkFA?diningMode=DELIVERY&pl=JTdCJTIyYWRkcmVzcyUyMiUzQSUyMjUzMTYlMjBSYWluaWVyJTIwQXZlJTIwUyUyMiUyQyUyMnJlZmVyZW5jZSUyMiUzQSUyMmNjM2U3NTZiLTE1YjMtYzgwOS0wMDU4LTcwNmRlNGQyNzM5ZiUyMiUyQyUyMnJlZmVyZW5jZVR5cGUlMjIlM0ElMjJ1YmVyX3BsYWNlcyUyMiUyQyUyMmxhdGl0dWRlJTIyJTNBNDcuNTU0MjE4OSUyQyUyMmxvbmdpdHVkZSUyMiUzQS0xMjIuMjc5Njk3OSU3RA%3D%3D" target="_self"><span class="visuallyhidden">Order at</span> UberEats</a></div></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: 0;"><!-- start About us item --><div aria-label="" class="about-us-v8-image visible-xs" role="presentation" style="background-image: url('https://static.spotapps.co/website_images/ab_websites/20242_website_v1/catering.jpg'); width: 50%;
"><!-- start Left About us image --></div><!-- end Left About us image --><div class="about-us-v8-content content-left" style="width: 50%;
color: #fff;
background: rgba(250, 250, 250, 0); text-align: left;"><div class="text-wrapper" style="padding: 40px 20px;"><div class="text-content title-image"><h1 class="bar-left" style="color: #B08C3F;"><span>Large Orders</span></h1><div class="text-holder"><p>Planning an event? Let On The Thirty take care of the food! Our large order services offer a wide range of delectable dishes, from savory appetizers to hearty main courses and decadent desserts. Contact us today to plan your menu and ensure your guests enjoy an unforgettable dining experience with On The Thirty's exceptional services.</p></div><p><a class="custom-temp-btn hvr-fade" href="/sherman-oaks-on-the-thirty-catering" target="_self">
Large Orders </a></p></div></div></div><!-- start Right About us image --><div aria-label="" class="about-us-v8-image hidden-xs" role="presentation" style="background-image: url('https://static.spotapps.co/website_images/ab_websites/20242_website_v1/catering.jpg'); width: 50%;
"></div><!-- end Right About us image --></div><!-- end About us item --></section><section><div class="about-us-v8-item about-us-v8-item-2 about-us-v8-item-left" style="padding: 0;"><!-- start About us item --><div aria-label="" class="about-us-v8-image" role="presentation" style="background-image: url('https://static.spotapps.co/website_images/ab_websites/20242_website_v1/parties.png'); width: 50%;
"><!-- start Left About us image --></div><!-- end Left About us image --><div class="about-us-v8-content content-left" style="width: 50%;
color: #fff;
background: rgba(250, 250, 250, 0); text-align: left;"><div class="text-wrapper" style="padding: 40px 20px;"><div class="text-content title-image"><h1 class="bar-left" style="color: #B08C3F;"><span>GROUPS AND PARTIES</span></h1><div class="text-holder"><p>Looking for a place to host your next group event? Look no further! Our welcoming space, delicious menu, and attentive staff make us the ideal choice for any celebration. From intimate gatherings to large parties, we offer customizable options to fit your event perfectly. Reserve your table or private area today and enjoy a seamless and enjoyable experience with us.</p></div><p><a class="custom-temp-btn hvr-fade" href="/sherman-oaks-on-the-thirty-private-parties-sherman-oaks" target="_self">
parties </a></p></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><style>
.specials-v3.home-specials {
background-color: #B08C3F;
}
.specials-v3.home-specials h1 {
color: #000;
}
.specials-v3.home-specials .specials-text, .specials-v3.home-specials .specials-hours {
color: #000;
}
</style><div class="specials-v3 home-specials section-wrapper animation-element" id="specials_v3"><div class="section-content-holder specials-content-holder"><h1 class="section-header">Specials</h1><div class="specials-section"><div class="specials-text">Happy Hour </div><div class="specials-hours">04:00 PM - 06:00 PM</div></div><div class="specials-section"><div class="specials-button"><a class="custom-temp-btn hvr-fade" href="/sherman-oaks-on-the-thirty-happy-hours-specials">
ALL SPECIALS </a></div></div></div></div></article><article><style>
.slideshow-v2-wrapper .slideshow-controls-btn {
color: rgba(255, 255, 255, 0.8);
}
.slideshow-v2-wrapper .top-svg-border path,
.slideshow-v2-wrapper .top-svg-border polygon,
.slideshow-v2-wrapper .top-svg-border rect {
fill: #B08C3F;
}
.slideshow-v2-wrapper .bottom-svg-border path,
.slideshow-v2-wrapper .bottom-svg-border polygon,
.slideshow-v2-wrapper .bottom-svg-border rect {
fill: #B08C3F;
}
.slideshow-v2-wrapper .top-line-border:before {
background: #B08C3F;
}
.slideshow-v2-wrapper .bottom-line-border:before {
background: #B08C3F;
}
.slideshow-v2-wrapper .uk-dotnav {
bottom: 40px;
}
@media (max-width: 1023px) {
.slideshow-v2-wrapper .uk-dotnav {
bottom: 20px;
}
}
</style><div class="slideshow-v2-wrapper animation-element" id="slideshow_v2"><div class="top-svg-border"><svg data-name="Layer 1" id="Layer_1" viewBox="0 0 1920 40" xmlns="http://www.w3.org/2000/svg"><polygon points=".23 .23 .23 40.23 961.02 .64 1920.23 40.23 1920.23 .23 .23 .23"></polygon></svg></div><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">The slideshow is currently 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" class="uk-active"><a href="" role="button" aria-current="true"><span class="off-screen">Slide 1 content</span></a></li><li data-uk-slideshow-item="1"><a href="" role="button" aria-current="false"><span class="off-screen">Slide 2 content</span></a></li><li data-uk-slideshow-item="2"><a href="" role="button" aria-current="false"><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 " style="height: 100%;"><li aria-hidden="false" class="uk-active" style="height: 100%;"><div class="uk-cover-background uk-position-cover" role="presentation" aria-label="" style="background-image: url("//res.cloudinary.com/spothopper/image/fetch/f_auto,q_auto:best,c_fit,h_1200/http://static.spotapps.co/spots/cc/3144f5bd1a407aa0c10774617c133e/:original");"></div><img alt="slideshow photo number 1" src="//res.cloudinary.com/spothopper/image/fetch/f_auto,q_auto:best,c_fit,h_1200/http://static.spotapps.co/spots/cc/3144f5bd1a407aa0c10774617c133e/:original" style="width: 100%; height: auto; opacity: 0;"><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"><h1>WHERE FLAVOR AND PASSION MEET</h1><div class="buttons-group-holder"><a class="custom-temp-btn hvr-fade" href="/sherman-oaks-on-the-thirty-food-menu" target="_self" tabindex="-1">Our Menu</a></div></div></div></li><li aria-hidden="true" style="height: 100%;"><div class="uk-cover-background uk-position-cover" role="presentation" aria-label="" style="background-image: url("//res.cloudinary.com/spothopper/image/fetch/f_auto,q_auto:best,c_fit,h_1200/http://static.spotapps.co/spots/4c/d191f1c19842c994934cacc97b751d/:original");"></div><img alt="slideshow photo number 2" src="//res.cloudinary.com/spothopper/image/fetch/f_auto,q_auto:best,c_fit,h_1200/http://static.spotapps.co/spots/4c/d191f1c19842c994934cacc97b751d/:original" style="width: 100%; height: auto; opacity: 0;"><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"><h1>UNWIND. RELAX. ENJOY</h1><div class="buttons-group-holder"><a class="custom-temp-btn hvr-fade" href="/#reservations_tmt" target="_self" tabindex="-1">Reserve<span class="visuallyhidden"> a table</span></a></div></div></div></li><li aria-hidden="true" style="height: 100%;"><div class="uk-cover-background uk-position-cover" role="presentation" aria-label="" style="background-image: url("//res.cloudinary.com/spothopper/image/fetch/f_auto,q_auto:best,c_fit,h_1200/http://static.spotapps.co/spots/75/35e118e339487ba0b1fc903a6bafc7/:original");"></div><img alt="slideshow photo number 3" src="//res.cloudinary.com/spothopper/image/fetch/f_auto,q_auto:best,c_fit,h_1200/http://static.spotapps.co/spots/75/35e118e339487ba0b1fc903a6bafc7/:original" style="width: 100%; height: auto; opacity: 0;"><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"><h1>EXPERIENCE THE DIFFERENCE</h1><div class="buttons-group-holder"><a class="custom-temp-btn hvr-fade" href="/sherman-oaks-on-the-thirty-catering" target="_self" tabindex="-1">Large Orders</a></div></div></div></li></ul></div><div class="bottom-svg-border"><svg data-name="Layer 1" id="Layer_1" viewBox="0 0 1920 40" xmlns="http://www.w3.org/2000/svg"><polygon points=".23 40.23 .23 .23 961.02 39.82 1920.23 .23 1920.23 40.23 .23 40.23"></polygon></svg></div></div></article><article><style>
#reviews_v2.carousel-wrapper {
color: #000;
background: url('https://static.spotapps.co/website_images/ab_websites/20242_website_v1/reviews_back.jpg') no-repeat center center fixed;
background: linear-gradient( rgba(250, 250, 250, 0), rgba(250, 250, 250, 0) ), url('https://static.spotapps.co/website_images/ab_websites/20242_website_v1/reviews_back.jpg') no-repeat center center fixed;
background-size: cover;
background-color: #B08C3F;
}
.reviews-v2-wrapper h3 {
color: #000;
}
@media(max-width: 1024px) {
#reviews_v2.carousel-wrapper {
background-attachment: scroll;
}
}
.reviews-v2-wrapper .carousel-controls .carousel-control-btn {
color: #000;
}
</style><div class="carousel-wrapper reviews-v2-wrapper section-wrapper animation-element" id="reviews_v2"><h1 class="section-header">Reviews</h1><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><div class="col-md-12 col-xs-12"><div class="owl-carousel owl-theme owl-loaded owl-drag"><ul class="owl-dots"><li class="owl-dot active"><button aria-label="Review 1" aria-current="true"><span class="visuallyhidden">Review 1</span></button></li><li class="owl-dot"><button aria-label="Review 2" aria-current="false"><span class="visuallyhidden">Review 2</span></button></li><li class="owl-dot"><button aria-label="Review 3" aria-current="false"><span class="visuallyhidden">Review 3</span></button></li><li class="owl-dot"><button aria-label="Review 4" aria-current="false"><span class="visuallyhidden">Review 4</span></button></li><li class="owl-dot"><button aria-label="Review 5" aria-current="false"><span class="visuallyhidden">Review 5</span></button></li></ul><div class="owl-nav"><div class="owl-prev"><button aria-label="previous review">‹</button></div><div class="owl-next"><button aria-label="next review">›</button></div></div><div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-2004px, 0px, 0px); transition: all; width: 7348px;"><div class="owl-item cloned" aria-hidden="true" style="width: 668px;"><section><div class="item"><h2>Review by - Google</h2><h3><span class="visuallyhidden">five star review by</span>
Jeff K.:
<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></h3><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>Always love this place! Great service, awesome vibe and delicious food! I've come here a few times but highly recommend the 7's cheeseboard, truffle fries, and maybe even follow it up with some buffalo cauliflower! So good. They have a full bar as well as a fairly inventive cocktail list - they have an extensive list of authentic tequilas too! Won't be disappointed.</p></blockquote></div></div></section></div><div class="owl-item cloned" aria-hidden="true" style="width: 668px;"><section><div class="item"><h2>Review by - Google</h2><h3><span class="visuallyhidden">five star review by</span>
Mara G.:
<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></h3><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>I was so impressed by this restaurant! The food was simply amazing. My husband loves the potato skins as an appetizer, and he said the garlic-infused filet was one of the best he has ever had. The shrimp alfredo is up there as one best I think I've honestly had. Inside was a little loud, but dining outside was perfect. Will be back!</p></blockquote></div></div></section></div><div class="owl-item cloned" aria-hidden="true" style="width: 668px;"><section><div class="item"><h2>Review by - Google</h2><h3><span class="visuallyhidden">five star review by</span>
Martika 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><i aria-hidden="true" class="fa fa-star"></i></h3><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>I love this place! Great ambiance. Great for watching your favorite sports, tv screens every where. Great service. Great food! My favorite to order is the poutine. It's a Canadian treat and so good. They have outdoor and indoor seating. Great Sunday Brunch spot!</p></blockquote></div></div></section></div><div class="owl-item active" aria-hidden="false" style="width: 668px;"><section><div class="item"><h2>Review by - Google</h2><h3><span class="visuallyhidden">five star review by</span>
David N.:
<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></h3><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>Overall this a great place to grab a drink or a bite to eat. The atmosphere/ambiance was nice. Plenty of seating indoors and outdoors. The service was good! Didn't take long to receive drinks, appetizers or entree's.</p></blockquote></div></div></section></div><div class="owl-item" aria-hidden="true" style="width: 668px;"><section><div class="item"><h2>Review by - Google</h2><h3><span class="visuallyhidden">five star review by</span>
Erin C.:
<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></h3><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>This place is great for everything from drinks to small bites to entrees as they have a pretty great selection of items. Love their niner cab personally! Lots of outdoor seating as well. Food is delicious, for your sweet tooth get the fried Oreos.</p></blockquote></div></div></section></div><div class="owl-item" aria-hidden="true" style="width: 668px;"><section><div class="item"><h2>Review by - Google</h2><h3><span class="visuallyhidden">five star review by</span>
Jeff K.:
<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></h3><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>Always love this place! Great service, awesome vibe and delicious food! I've come here a few times but highly recommend the 7's cheeseboard, truffle fries, and maybe even follow it up with some buffalo cauliflower! So good. They have a full bar as well as a fairly inventive cocktail list - they have an extensive list of authentic tequilas too! Won't be disappointed.</p></blockquote></div></div></section></div><div class="owl-item" aria-hidden="true" style="width: 668px;"><section><div class="item"><h2>Review by - Google</h2><h3><span class="visuallyhidden">five star review by</span>
Mara G.:
<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></h3><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>I was so impressed by this restaurant! The food was simply amazing. My husband loves the potato skins as an appetizer, and he said the garlic-infused filet was one of the best he has ever had. The shrimp alfredo is up there as one best I think I've honestly had. Inside was a little loud, but dining outside was perfect. Will be back!</p></blockquote></div></div></section></div><div class="owl-item" aria-hidden="true" style="width: 668px;"><section><div class="item"><h2>Review by - Google</h2><h3><span class="visuallyhidden">five star review by</span>
Martika 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><i aria-hidden="true" class="fa fa-star"></i></h3><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>I love this place! Great ambiance. Great for watching your favorite sports, tv screens every where. Great service. Great food! My favorite to order is the poutine. It's a Canadian treat and so good. They have outdoor and indoor seating. Great Sunday Brunch spot!</p></blockquote></div></div></section></div><div class="owl-item cloned" aria-hidden="true" style="width: 668px;"><section><div class="item"><h2>Review by - Google</h2><h3><span class="visuallyhidden">five star review by</span>
David N.:
<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></h3><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>Overall this a great place to grab a drink or a bite to eat. The atmosphere/ambiance was nice. Plenty of seating indoors and outdoors. The service was good! Didn't take long to receive drinks, appetizers or entree's.</p></blockquote></div></div></section></div><div class="owl-item cloned" aria-hidden="true" style="width: 668px;"><section><div class="item"><h2>Review by - Google</h2><h3><span class="visuallyhidden">five star review by</span>
Erin C.:
<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></h3><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>This place is great for everything from drinks to small bites to entrees as they have a pretty great selection of items. Love their niner cab personally! Lots of outdoor seating as well. Food is delicious, for your sweet tooth get the fried Oreos.</p></blockquote></div></div></section></div><div class="owl-item cloned" aria-hidden="true" style="width: 668px;"><section><div class="item"><h2>Review by - Google</h2><h3><span class="visuallyhidden">five star review by</span>
Jeff K.:
<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></h3><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>Always love this place! Great service, awesome vibe and delicious food! I've come here a few times but highly recommend the 7's cheeseboard, truffle fries, and maybe even follow it up with some buffalo cauliflower! So good. They have a full bar as well as a fairly inventive cocktail list - they have an extensive list of authentic tequilas too! Won't be disappointed.</p></blockquote></div></div></section></div></div></div></div></div></div></div></div></article><article><style></style><div class="gallery-v4-wrapper section-wrapper animation-element" id="gallery_v4"><button class="visuallyhidden skip-content gallery-toggle gt-off" aria-label="The Photo Gallery of 14 images can be accessed, hide the Photo Gallery from the Screen Reader">Skip Photo Gallery</button><div class="container"><div class="gallery-v4-grid" style="position: relative; width: 1280px; height: 1024px;"><div class="gallery-v4-grid-sizer"></div><div class="gallery-v4-grid-item gallery-v4-grid-item--width2 gallery-hover animation_1" style="position: absolute; left: 0%; top: 0px;"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/4a/a77c99a04548ad817cc7a4b7529dcd/full" rel="gallery"><div class="img"><img alt="Served Amazeballs." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/4a/a77c99a04548ad817cc7a4b7529dcd/full" data-sizes="auto" data-src="//static.spotapps.co/spots/4a/a77c99a04548ad817cc7a4b7529dcd/full" data-srcset="//static.spotapps.co/spots/4a/a77c99a04548ad817cc7a4b7529dcd/small 200w, //static.spotapps.co/spots/4a/a77c99a04548ad817cc7a4b7529dcd/medium 400w, //static.spotapps.co/spots/4a/a77c99a04548ad817cc7a4b7529dcd/full 800w" src="https://static.spotapps.co/web/placeholder.png"></div></a></div><div class="gallery-v4-grid-item gallery-hover animation_1" style="position: absolute; left: 40%; top: 0px;"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/73/54e213a3bb47d9915e9d3cc818c7ba/full" rel="gallery"><div class="img"><img alt="The interior of the restaurant." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/73/54e213a3bb47d9915e9d3cc818c7ba/full" data-sizes="auto" data-src="//static.spotapps.co/spots/73/54e213a3bb47d9915e9d3cc818c7ba/full" data-srcset="//static.spotapps.co/spots/73/54e213a3bb47d9915e9d3cc818c7ba/small 200w, //static.spotapps.co/spots/73/54e213a3bb47d9915e9d3cc818c7ba/medium 400w, //static.spotapps.co/spots/73/54e213a3bb47d9915e9d3cc818c7ba/full 800w" src="https://static.spotapps.co/web/placeholder.png"></div></a></div><div class="gallery-v4-grid-item gallery-hover animation_1" style="position: absolute; left: 60%; top: 0px;"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/95/3298d9081745429a6ca19147d40c2e/full" rel="gallery"><div class="img"><img alt="Various dishes, served." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/95/3298d9081745429a6ca19147d40c2e/full" data-sizes="auto" data-src="//static.spotapps.co/spots/95/3298d9081745429a6ca19147d40c2e/full" data-srcset="//static.spotapps.co/spots/95/3298d9081745429a6ca19147d40c2e/small 200w, //static.spotapps.co/spots/95/3298d9081745429a6ca19147d40c2e/medium 400w, //static.spotapps.co/spots/95/3298d9081745429a6ca19147d40c2e/full 800w" src="https://static.spotapps.co/web/placeholder.png"></div></a></div><div class="gallery-v4-grid-item gallery-hover animation_1" style="position: absolute; left: 80%; top: 0px;"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/23/353f08517741ce81cbc6b3f95327f3/full" rel="gallery"><div class="img"><img alt="Served Calamari, angled view." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/23/353f08517741ce81cbc6b3f95327f3/full" data-sizes="auto" data-src="//static.spotapps.co/spots/23/353f08517741ce81cbc6b3f95327f3/full" data-srcset="//static.spotapps.co/spots/23/353f08517741ce81cbc6b3f95327f3/small 200w, //static.spotapps.co/spots/23/353f08517741ce81cbc6b3f95327f3/medium 400w, //static.spotapps.co/spots/23/353f08517741ce81cbc6b3f95327f3/full 800w" src="https://static.spotapps.co/web/placeholder.png"></div></a></div><div class="gallery-v4-grid-item gallery-hover animation_1" style="position: absolute; left: 40%; top: 256px;"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/a2/e7a9de9c184022a8607395b49483f6/full" rel="gallery"><div class="img"><img alt="The restaurant's menu." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/a2/e7a9de9c184022a8607395b49483f6/full" data-sizes="auto" data-src="//static.spotapps.co/spots/a2/e7a9de9c184022a8607395b49483f6/full" data-srcset="//static.spotapps.co/spots/a2/e7a9de9c184022a8607395b49483f6/small 200w, //static.spotapps.co/spots/a2/e7a9de9c184022a8607395b49483f6/medium 400w, //static.spotapps.co/spots/a2/e7a9de9c184022a8607395b49483f6/full 800w" src="https://static.spotapps.co/web/placeholder.png"></div></a></div><div class="gallery-v4-grid-item gallery-hover animation_1" style="position: absolute; left: 60%; top: 256px;"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/37/017d2d3070444c961de8e2b3860b5b/full" rel="gallery"><div class="img"><img alt="Bacon wrapped dates." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/37/017d2d3070444c961de8e2b3860b5b/full" data-sizes="auto" data-src="//static.spotapps.co/spots/37/017d2d3070444c961de8e2b3860b5b/full" data-srcset="//static.spotapps.co/spots/37/017d2d3070444c961de8e2b3860b5b/small 200w, //static.spotapps.co/spots/37/017d2d3070444c961de8e2b3860b5b/medium 400w, //static.spotapps.co/spots/37/017d2d3070444c961de8e2b3860b5b/full 800w" src="https://static.spotapps.co/web/placeholder.png"></div></a></div><div class="gallery-v4-grid-item gallery-hover animation_1" style="position: absolute; left: 80%; top: 256px;"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/24/c184a19e7643c3a70ace2a76bed841/full" rel="gallery"><div class="img"><img alt="Ceviche, closeup." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/24/c184a19e7643c3a70ace2a76bed841/full" data-sizes="auto" data-src="//static.spotapps.co/spots/24/c184a19e7643c3a70ace2a76bed841/full" data-srcset="//static.spotapps.co/spots/24/c184a19e7643c3a70ace2a76bed841/small 200w, //static.spotapps.co/spots/24/c184a19e7643c3a70ace2a76bed841/medium 400w, //static.spotapps.co/spots/24/c184a19e7643c3a70ace2a76bed841/full 800w" src="https://static.spotapps.co/web/placeholder.png"></div></a></div><div class="gallery-v4-grid-item gallery-v4-grid-item--width2 gallery-hover animation_1" style="position: absolute; left: 0%; top: 512px;"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/ff/3204fd785542a4a5c9d319ed12d96d/full" rel="gallery"><div class="img"><img alt="Lemon Chicken." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/ff/3204fd785542a4a5c9d319ed12d96d/full" data-sizes="auto" data-src="//static.spotapps.co/spots/ff/3204fd785542a4a5c9d319ed12d96d/full" data-srcset="//static.spotapps.co/spots/ff/3204fd785542a4a5c9d319ed12d96d/small 200w, //static.spotapps.co/spots/ff/3204fd785542a4a5c9d319ed12d96d/medium 400w, //static.spotapps.co/spots/ff/3204fd785542a4a5c9d319ed12d96d/full 800w" src="https://static.spotapps.co/web/placeholder.png"></div></a></div><div class="gallery-v4-grid-item gallery-hover animation_1" style="position: absolute; left: 40%; top: 512px;"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/53/3c2162ec7a407b98dd5e146e8f19f5/full" rel="gallery"><div class="img"><img alt="Served Ceviche, angled view." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/53/3c2162ec7a407b98dd5e146e8f19f5/full" data-sizes="auto" data-src="//static.spotapps.co/spots/53/3c2162ec7a407b98dd5e146e8f19f5/full" data-srcset="//static.spotapps.co/spots/53/3c2162ec7a407b98dd5e146e8f19f5/small 200w, //static.spotapps.co/spots/53/3c2162ec7a407b98dd5e146e8f19f5/medium 400w, //static.spotapps.co/spots/53/3c2162ec7a407b98dd5e146e8f19f5/full 800w" src="https://static.spotapps.co/web/placeholder.png"></div></a></div><div class="gallery-v4-grid-item gallery-hover animation_1" style="position: absolute; left: 60%; top: 512px;"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/ab/91453825f3439895f87ef25ccb72fd/full" rel="gallery"><div class="img"><img alt="A closeup on the Ceviche." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/ab/91453825f3439895f87ef25ccb72fd/full" data-sizes="auto" data-src="//static.spotapps.co/spots/ab/91453825f3439895f87ef25ccb72fd/full" data-srcset="//static.spotapps.co/spots/ab/91453825f3439895f87ef25ccb72fd/small 200w, //static.spotapps.co/spots/ab/91453825f3439895f87ef25ccb72fd/medium 400w, //static.spotapps.co/spots/ab/91453825f3439895f87ef25ccb72fd/full 800w" src="https://static.spotapps.co/web/placeholder.png"></div></a></div><div class="gallery-v4-grid-item gallery-hover animation_1" style="position: absolute; left: 80%; top: 512px;"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/9f/3ddf47aea54e45b7ead74109e02856/full" rel="gallery"><div class="img"><img alt="A served Burger." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/9f/3ddf47aea54e45b7ead74109e02856/full" data-sizes="auto" data-src="//static.spotapps.co/spots/9f/3ddf47aea54e45b7ead74109e02856/full" data-srcset="//static.spotapps.co/spots/9f/3ddf47aea54e45b7ead74109e02856/small 200w, //static.spotapps.co/spots/9f/3ddf47aea54e45b7ead74109e02856/medium 400w, //static.spotapps.co/spots/9f/3ddf47aea54e45b7ead74109e02856/full 800w" src="https://static.spotapps.co/web/placeholder.png"></div></a></div><div class="gallery-v4-grid-item gallery-hover animation_1" style="position: absolute; left: 40%; top: 768px;"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/4a/48c092178946118c91379009e5d252/full" rel="gallery"><div class="img"><img alt="Various served dishes." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/4a/48c092178946118c91379009e5d252/full" data-sizes="auto" data-src="//static.spotapps.co/spots/4a/48c092178946118c91379009e5d252/full" data-srcset="//static.spotapps.co/spots/4a/48c092178946118c91379009e5d252/small 200w, //static.spotapps.co/spots/4a/48c092178946118c91379009e5d252/medium 400w, //static.spotapps.co/spots/4a/48c092178946118c91379009e5d252/full 800w" src="https://static.spotapps.co/web/placeholder.png"></div></a></div><div class="gallery-v4-grid-item gallery-hover animation_1" style="position: absolute; left: 60%; top: 768px;"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/2e/a0c752c2d64f1a93ba52aa45107426/full" rel="gallery"><div class="img"><img alt="The closeup on Chicken Wings." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/2e/a0c752c2d64f1a93ba52aa45107426/full" data-sizes="auto" data-src="//static.spotapps.co/spots/2e/a0c752c2d64f1a93ba52aa45107426/full" data-srcset="//static.spotapps.co/spots/2e/a0c752c2d64f1a93ba52aa45107426/small 200w, //static.spotapps.co/spots/2e/a0c752c2d64f1a93ba52aa45107426/medium 400w, //static.spotapps.co/spots/2e/a0c752c2d64f1a93ba52aa45107426/full 800w" src="https://static.spotapps.co/web/placeholder.png"></div></a></div><div class="gallery-v4-grid-item gallery-hover animation_1" style="position: absolute; left: 80%; top: 768px;"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/d5/cc094096aa414989eb63ec954c5244/full" rel="gallery"><div class="img"><img alt="Mini taco appetizers for private parties." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/d5/cc094096aa414989eb63ec954c5244/full" data-sizes="auto" data-src="//static.spotapps.co/spots/d5/cc094096aa414989eb63ec954c5244/full" data-srcset="//static.spotapps.co/spots/d5/cc094096aa414989eb63ec954c5244/small 200w, //static.spotapps.co/spots/d5/cc094096aa414989eb63ec954c5244/medium 400w, //static.spotapps.co/spots/d5/cc094096aa414989eb63ec954c5244/full 800w" src="https://static.spotapps.co/web/placeholder.png"></div></a></div></div></div></div></article><article><style>
.map-newsletter .text-wrapper:before {
background-image: url('https://static.spotapps.co/website_images/ab_websites/20242_website_v1/newsletter_back.jpg');
}
</style><div class="googlemap-v3-wrapper openstreetmap-v3-wrapper maps-wrapper section-wrapper animation-element" 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"><h1 class="section-header">Newsletter</h1><script type="text/javascript" async="" src="https://www.spothopperapp.com/spots/20242/widgets/newsletter.js?template=newsletter_widget1"></script><script id="sph-widget-20242" type="text/javascript">
(function() {
function async_load(){
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = 'https://www.spothopperapp.com/spots/20242/widgets/newsletter.js?template=newsletter_widget1';
var embedder = document.getElementById('sph-widget-20242');
embedder.parentNode.insertBefore(s, embedder);
//Inject html
setTimeout(function(){
$( '<span class="bar"></span>' ).insertAfter( '.sph-email-input' );
$('.sph-submit-button').addClass('custom-temp-btn hvr-fade');
}, 2000);
}
if (window.attachEvent)
window.attachEvent('onload', async_load);
else
window.addEventListener('load', async_load, false);
})();
</script></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" class="leaflet-container leaflet-touch leaflet-fade-anim leaflet-touch-zoom" style="position: relative;"><div class="leaflet-pane leaflet-map-pane" style="transform: translate3d(0px, 0px, 0px);"><div class="leaflet-pane leaflet-tile-pane"><div class="leaflet-layer " style="z-index: 1; opacity: 1;"><div class="leaflet-tile-container leaflet-zoom-animated" style="z-index: 19; transform: translate3d(0px, 0px, 0px) scale(1);"><img alt="" role="presentation" src="https://cartodb-basemaps-c.global.ssl.fastly.net/dark_all/16/11204/26146.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(197px, 177px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://cartodb-basemaps-b.global.ssl.fastly.net/dark_all/16/11204/26145.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(197px, -79px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://cartodb-basemaps-b.global.ssl.fastly.net/dark_all/16/11203/26146.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(-59px, 177px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://cartodb-basemaps-d.global.ssl.fastly.net/dark_all/16/11205/26146.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(453px, 177px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://cartodb-basemaps-d.global.ssl.fastly.net/dark_all/16/11204/26147.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(197px, 433px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://cartodb-basemaps-a.global.ssl.fastly.net/dark_all/16/11203/26145.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(-59px, -79px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://cartodb-basemaps-c.global.ssl.fastly.net/dark_all/16/11205/26145.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(453px, -79px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://cartodb-basemaps-c.global.ssl.fastly.net/dark_all/16/11203/26147.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(-59px, 433px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://cartodb-basemaps-a.global.ssl.fastly.net/dark_all/16/11205/26147.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(453px, 433px, 0px); opacity: 1;"></div></div></div><div class="leaflet-pane leaflet-shadow-pane"><img src="https://static.spotapps.co/web-lib/leaflet/leaflet@1.3.1/dist/images/marker-shadow.png" class="leaflet-marker-shadow leaflet-zoom-animated" alt="" style="margin-left: -12px; margin-top: -41px; width: 41px; height: 41px; transform: translate3d(320px, 260px, 0px);"></div><div class="leaflet-pane leaflet-overlay-pane"></div><div class="leaflet-pane leaflet-marker-pane"><img src="https://static.spotapps.co/web-lib/leaflet/leaflet@1.3.1/dist/images/marker-icon.png" class="leaflet-marker-icon leaflet-zoom-animated leaflet-interactive" title="14622 Ventura Blvd Ste 112, Sherman Oaks" alt="View 14622 Ventura Blvd Ste 112, Sherman Oaks on Google maps - opens in a new tab" tabindex="0" role="link" style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; transform: translate3d(320px, 260px, 0px); z-index: 260;"></div><div class="leaflet-pane leaflet-tooltip-pane"></div><div class="leaflet-pane leaflet-popup-pane"></div><div class="leaflet-proxy leaflet-zoom-animated"></div></div><div class="leaflet-control-container"><div class="leaflet-top leaflet-left"></div><div class="leaflet-top leaflet-right"></div><div class="leaflet-bottom leaflet-left"><div class="leaflet-control-zoom leaflet-bar leaflet-control"><a class="leaflet-control-zoom-in" href="#" title="Zoom in" role="button" aria-label="Zoom in" tabindex="-1">+</a><a class="leaflet-control-zoom-out" href="#" title="Zoom out" role="button" aria-label="Zoom out" tabindex="-1">−</a></div></div><div class="leaflet-bottom leaflet-right"><div class="leaflet-control-attribution leaflet-control"><a href="http://leafletjs.com" title="A JS library for interactive maps">Leaflet</a> | © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> © <a href="http://cartodb.com/attributions">CartoDB</a></div></div></div></div></div></section></div><div class="map-footer text-center"><div class="triangle"></div></div></div></article><article><style>
.contact-v3 .top-svg-border path,
.contact-v3 .top-svg-border polygon,
.contact-v3 .top-svg-border rect {
fill: #000;
}
.contact-v3 .bottom-svg-border path,
.contact-v3 .bottom-svg-border polygon,
.contact-v3 .bottom-svg-border rect {
fill: #000;
}
.contact-v3 .top-line-border:before {
background: #000;
}
.contact-v3 .bottom-line-border:before {
background: #000;
}
.contact-v3 .hours-title, .contact-v3 .social-title, .contact-v3 .contact-us-title {
color: #B08C3F;
}
.contact a:hover, .contact a:active, .contact-us a:hover, .contact-us a:active {
color: #B08C3F;
}
.contact-v3 .social-circle .contact-icon {
color: rgba(255, 255, 255, 0.8);
}
.contact-v3 .social-square .contact-icon {
color: #fff;
}
.contact-v3 .social-square .contact-icon:hover {
color: #26262A;
background-color: #B08C3F;
}
</style><div class="contact-v3 contact-v3-center section-wrapper animation-element" id="contact_v3" style="background-color: rgb(38, 38, 42);"><div class="plain-line-border top-line-border"></div><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"><h1>Location</h1></div><div class="address">14622 Ventura Blvd Ste 112</div><div class="city-state">Sherman Oaks, CA</div><div class="zip">91403</div></div></section></div><div class="col-md-4 col-sm-4 col-xs-12"><section><div class="hours"><div class="hours-title"><h1>Hours</h1></div><div class="days">
Tue, Wed </div><div class="from-to">
4:00 PM - 10:00 PM </div><div class="days">
Thur </div><div class="from-to">
4:00 PM - 12:00 AM </div><div class="days">
Fri </div><div class="from-to">
4:00 PM - 1:00 AM </div><div class="days">
Sat </div><div class="from-to">
12:00 PM - 1:00 AM </div><div class="days">
Sun </div><div class="from-to">
12:00 PM - 10:00 PM </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"><h1>Find us on...</h1></div><div class="social-links social-icons-holder social-square"><a class="contact-icon" href="https://www.twitter.com/Onthethirty" target="_blank"><i class="social-icon fa icon-twitter-x"></i><span>Twitter/ X page</span></a><a class="contact-icon" href="https://www.facebook.com/onthethirty" target="_blank"><i class="social-icon fa fa-facebook"></i><span>Facebook page</span></a><a class="contact-icon google-icon" href="https://www.google.com/search?q=On+The+Thirty+14622+Ventura+Blvd+Ste+112%2C+Sherman+Oaks%2C+CA+91403&oq=On+The+Thirty+14622+Ventura+Blvd+Ste+112%2C+Sherman+Oaks%2C+CA+91403&gs_lcrp=EgZjaHJvbWUyBggAEEUYOdIBCTYxNjRqMGoxNagCCLACAQ&sourceid=chrome&ie=UTF-8#ip=1&lrd=0x80c297c57824dfff:0x905f216b3f315606,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"><h1>Contact us</h1></div><p><a href="tel:+18187880330" id="contact_us_v3_section_phone_link"><span class="visuallyhidden">Call us at </span>(818)-788-0330</a></p><p><a href="mailto:office@onthethirty.com"><span class="visuallyhidden">Write us at </span>office@onthethirty.com</a></p></div></section></div></div></div></div></div></article><article><div class="footer-v2-wrapper animation-element" 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">
.navbar-fixed-bottom.nav-v1 {
bottom: -100px;
}
.navbar-fixed-bottom.nav-v1 .nav.navbar-nav.navbar-right {
background-color: #26262A;
}
.navbar-fixed-bottom.nav-v1 .bottom-svg-border path,
.navbar-fixed-bottom.nav-v1 .bottom-svg-border polygon {
fill: #000;
}
.navbar-fixed-bottom.nav-v1 .bottom-list-item a {
color: #fff;
}
.navbar-fixed-bottom.nav-v1 .bottom-list-item a:hover,
.navbar-fixed-bottom.nav-v1 .bottom-list-item a:focus {
color: #B08C3F;
}
</style><nav aria-label="mobile footer" class="navbar-fixed-bottom nav-v1" id="bottom-navbar"><div><ul class="nav navbar-nav navbar-right"><li class="bottom-list-item" style="white-space: nowrap;width: auto;"><a class="bottom-link smart-footer-link" data-type="order3" data-position="0" target="_self" href="https://onthethirty.com/-order">Order</a></li><li class="bottom-list-item" style="white-space: nowrap;width: auto;"><a class="bottom-link smart-footer-link" data-type="job_listing" data-position="1" target="_self" href="https://tmt.spotapps.co/job-listings?spot_id=20242&source=footer">Jobs</a></li><li class="bottom-list-item" style="white-space: nowrap;width: auto;"><a class="bottom-link smart-footer-link" data-type="private_parties" data-position="2" target="_self" href="https://onthethirty.com/-private-parties-sherman-oaks">Parties</a></li><li class="bottom-list-item" style="white-space: nowrap;width: auto;"><a class="bottom-link smart-footer-link" data-type="catering" data-position="3" target="_self" href="https://onthethirty.com/-catering">Large Orders</a></li></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"><h1 class="section-header">Newsletter</h1><script type="text/javascript" async="" src="https://www.spothopperapp.com/spots/20242/widgets/newsletter.js?template=newsletter_widget2"></script><script id="sph-widget-2ce08bd156a46491d83342eb4a039092" type="text/javascript">
(function() {
function async_load(){
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = 'https://www.spothopperapp.com/spots/20242/widgets/newsletter.js?template=newsletter_widget2';
var embedder = document.getElementById('sph-widget-2ce08bd156a46491d83342eb4a039092');
embedder.parentNode.insertBefore(s, embedder);
}
if (window.attachEvent)
window.attachEvent('onload', async_load);
else
window.addEventListener('load', async_load, false);
})();
</script></div></div></div></div></div></div></div><script src="https://static.spotapps.co/web/onthethirty--com/lib/jquery/jquery.min.js"></script><script src="https://static.spotapps.co/web/onthethirty--com/lib/jquery/jquery.browser.min.js"></script><script src="https://static.spotapps.co/web/onthethirty--com/lib/bootstrap/js/bootstrap.min.js"></script><script src="https://static.spotapps.co/web/onthethirty--com/lib/owlcarousel/owl.carousel.min.js"></script><script src="https://static.spotapps.co/web/onthethirty--com/lib/masonry/masonry.pkgd.min.js"></script><script src="https://static.spotapps.co/web/onthethirty--com/lib/uikit/js/uikit.min.js" type="text/javascript"></script><script src="https://static.spotapps.co/web/onthethirty--com/lib/uikit/js/slideshow.min.js" type="text/javascript"></script><script src="https://static.spotapps.co/web/onthethirty--com/lib/uikit/js/slideshow-fx.min.js"></script><script src="https://static.spotapps.co/web/onthethirty--com/lib/imagesloaded/imagesloaded.pkgd.min.js"></script><script src="https://static.spotapps.co/iframeResizer.js" type="text/javascript"></script><script src="//static.spotapps.co/web-lib/leaflet/leaflet@1.3.1/dist/leaflet.js"></script><script src="//static.spotapps.co/web-lib/leaflet/leaflet-providers.js"></script><script src="//static.spotapps.co/web-lib/leaflet/leaflet-gesture-handling@1.2.2/dist/leaflet-gesture-handling.min.js"></script><script src="https://static.spotapps.co/web/onthethirty--com/lib/fancybox/source/jquery.fancybox.js" type="text/javascript"></script><script src="https://static.spotapps.co/web/onthethirty--com/lib/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script><script src="https://static.spotapps.co/web/onthethirty--com/lib/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7" type="text/javascript"></script><script src="https://static.spotapps.co/web/onthethirty--com/lib/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6" type="text/javascript"></script><script type="text/javascript">
$("#bottom_link_4").on("click", function(){
if (ga_check())
universal_ga('send', 'event', 'Button', 'Click', 'Order Online');
});
$("#bottom_link_5").on("click", function(){
if (ga_check())
universal_ga('send', 'event', 'Button', 'Click', 'Private Party');
});
$("#bottom_link_6").on("click", function(){
if (ga_check())
universal_ga('send', 'event', 'Button', 'Click', 'Catering');
});
$("#bottom_link_7").on("click", function(){
if (ga_check())
universal_ga('send', 'event', 'Button', 'Click', 'Jobs');
});
$('.header-logo, .nav-v2-home-btn').click(function(event) {
if ( window.location.pathname == '/' || window.location.pathname == '/index.php') {
event.preventDefault();
var windowScrollTop = $(window).scrollTop();
if(windowScrollTop > 150) {
$('html, body').animate({scrollTop: 0}, 750);
}
}
});
$(".banner-section a.banner-pin").click(function(e) {
// target element id
var id = $(this).attr('href');
// target element
var section = $(id);
if (section.length === 0) {
return;
}
// prevent standard hash navigation (avoid blinking in IE)
e.preventDefault();
// top position relative to the document
var pos = section.offset().top - 100 + 10;
// animated top scrolling
$('body, html').animate({scrollTop: pos}, 750);
});
$(document).ready(function() {
var navHeight = $('nav.navbar').height();
$('html').css("scroll-padding-top", navHeight);
});
var called_v8_scroll = false;
$(document).on('scroll', function (e) {
if($(document).scrollTop() > 0) {
$('.navbar.nav-v7').addClass('nav-scroll');
$('.navbar.nav-v7').removeClass('nav-top');
if (2 !=2 && 2 == 2) {
if(!called_v8_scroll) {
setTimeout(function(){
setHelperTabWidth();
called_v8_scroll = true;
}, 300);
}
}
}else {
$('.navbar.nav-v7').removeClass('nav-scroll');
$('.navbar.nav-v7').addClass('nav-top');
if (2 != 2 && 2 == 2) {
$('#hidden_tab_r').width(0);
$('#hidden_tab_l').width(0);
$('.navbar-nav li.nav-tab').first().css('margin-left', '0px');
$('.navbar-nav li.nav-tab').last().css('margin-right', '0px');
called_v8_scroll = false;
}
}
});
$(function() {
setDropDownMenuWidth();
function setDropDownMenuWidth() {
var tabs_list = $('.navbar-tabs .navbar-nav');
$(tabs_list).find('li.drop-down-link').each(function() {
var sub_menu_width = $(this).outerWidth(true);
if (sub_menu_width < 100) {
sub_menu_width = 100;
}
$(this).find('.sub-menu').css('width', sub_menu_width+'px');
});
}
$( window ).resize(function() {
setDropDownMenuWidth();
});
$( window ).load(function() {
setDropDownMenuWidth();
});
});
$( '.drop-down-link .drop-down' ).click(function(event) {
event.preventDefault();
event.stopPropagation();
var drop_down = $(this).closest('.drop-down-link');
var drop_down_a = $(this);
if($(drop_down_a).attr("aria-expanded") == "true") {
$(drop_down_a).attr("aria-expanded",false)
} else {
$(drop_down_a).attr("aria-expanded",true)
}
var sub_menu = $(this).closest('.drop-down-link').find( '.sub-menu' );
if ( $(sub_menu).is( ':hidden' ) ) {
$(sub_menu).slideDown();
$(drop_down).addClass('active');
} else {
$(sub_menu).slideUp();
$(drop_down).removeClass('active');
}
});
//// Set width for corresponding helper tab or margin for first or last nav tab depending on calculeted width sum of left and right tabs
function setHelperTabWidth() {
var nav_tab_width;
var tabs_left_width = 0;
var tabs_right_width = 0;
var full_nav_tab_width;
var full_tabs_left_width = 0;
var full_tabs_right_width = 0;
$('li.nav-tab').each(function( index, element ) {
nav_tab_width = $(element).find('a').width();
full_nav_tab_width = $(element).outerWidth(true);
if (!($(element).hasClass('helper-tab'))) {
if (index<5) {
tabs_left_width += nav_tab_width;
full_tabs_left_width += full_nav_tab_width;
} else {
tabs_right_width += nav_tab_width;
full_tabs_right_width += full_nav_tab_width;
}
} else {
if(index == 0) {
full_tabs_left_width += full_nav_tab_width;
} else {
full_tabs_right_width += full_nav_tab_width;
}
}
});
var tabs_width_differance = tabs_left_width - tabs_right_width;
var helper_value = Math.abs(tabs_width_differance);
var full_tabs_width_differance = full_tabs_left_width - full_tabs_right_width;
// if sum of left tabs width is smaller than rigth tabs width tabs_width_differance is negative set margin left for first tab
if (full_tabs_width_differance != 0) {
if (tabs_width_differance < 0) {
$('.navbar-nav li.nav-tab').first().css('margin-left', helper_value+'px');
} else {
$('.navbar-nav li.nav-tab').last().css('margin-right', helper_value+'px');
}
}
}
$(function() {
setNavTabsWidth();
function setNavTabsWidth() {
var container_width = $('.navbar-tabs .container').outerWidth();
var social_icons_width = $('.navbar-tabs .socialnav').outerWidth(true);
var reduced_tabs_width = container_width - (2 * social_icons_width) -10;
$('.navbar-tabs .navbar-content').width(reduced_tabs_width);
// helper value set in case logo is centered and tabs width sum on the left and on the right are not the same
if (2 == 2) {
setTimeout(function(){
setHelperTabWidth();
$('.navbar.nav-v8 .desktop-navigation .navbar-nav').css('opacity', '1');
}, 300);
}
}
$( window ).resize(function() {
setNavTabsWidth();
});
$('.nav a:not(.drop-down)').on('click', function () {
$('.navbar-collapse').collapse('hide');
});
});
$('.logo-holder .logo-image').click(function(event) {
if ( window.location.pathname == '/' || window.location.pathname == '/index.php') {
var windowScrollToTop = $(window).scrollTop();
if(windowScrollToTop > 150) {
$('html, body').animate({scrollTop: 0}, 750);
}
} else {
window.location = "/";
}
});
$(document).ready(function() {
var video = $("#coverVideo")[0];
// Cover video Play/pause
$(".video-controls-btn").click(function () {
if (video.paused) {
video.play();
$(".video-controls-btn").focus();
$(".video-controls-btn i.fa-play").hide();
$(".video-controls-btn i.fa-pause").show();
$(".video-controls-btn").attr("aria-label", "The decorative video is currently playing, pause the video");
$(".video-controls-btn .off-screen").text("The decorative video is currently playing");
} else {
video.pause();
$(".video-controls-btn").focus();
$(".video-controls-btn i.fa-play").show();
$(".video-controls-btn i.fa-pause").hide();
$(".video-controls-btn").attr("aria-label", "The decorative video is currently paused, play the video");
$(".video-controls-btn .off-screen").text("The decorative video is currently paused");
}
});
// Cover video sound on/off
if (video.muted) {
$(".video-volume-btn").addClass('off');
}
$(".video-volume-btn").click(function () {
if (video.muted) {
video.muted = false;
$(".video-volume-btn").removeClass('off');
$(".video-volume-btn").addClass('on');
$(".video-volume-btn").attr("aria-label", "The decorative video sound is on, turn it off");
$(".video-volume-btn .off-screen").text("The decorative video sound is on");
} else {
video.muted = true;
$(".video-volume-btn").removeClass('on');
$(".video-volume-btn").addClass('off');
$(".video-volume-btn").attr("aria-label", "The decorative video sound is off, turn it on");
$(".video-volume-btn .off-screen").text("The decorative video sound is off");
}
});
});
$(document).ready(function() {
if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Mac') != -1 && navigator.userAgent.indexOf('Chrome') == -1 && $(window).width() > 767) {
// Turn Off animations on Safari browser for Mac desktop
$('html').addClass('safari-mac');
}
else {
var animation_item_elements = $('.about-us-v8-item');
var window_var = $(window);
function check_if_item_in_view() {
var window_var_height = window_var.height();
var window_var_top_position = window_var.scrollTop();
var window_var_bottom_position = (window_var_top_position + window_var_height/2 + 100);
$.each(animation_item_elements, function() {
var element_var = $(this);
var element_var_height = element_var.outerHeight();
var element_var_top_position = element_var.offset().top;
var element_var_bottom_position = (element_var_top_position + element_var_height/2 + 100);
//check to see if this current container is within viewport
if ((element_var_bottom_position >= window_var_top_position) &&
(element_var_top_position <= window_var_bottom_position)) {
element_var.addClass('animate');
} else {
// element_var.removeClass('in-view');
}
});
}
window_var.on('scroll resize', check_if_item_in_view);
window_var.trigger('scroll');
}
});
$(document).ready(function() {
if ( $(window).width() < 768 ) {
var home_sections = $('article');
var home_section_id;
var about_v8_section_position;
for (var i = 0; i < home_sections.length; i++) {
home_section_id = $(home_sections[i]).find(".section-wrapper").attr("id");
if (home_section_id == "aboutus_v8") {
about_v8_section_position = i;
}
}
if ( (about_v8_section_position == 0) || (about_v8_section_position == 1) ) {
// Turn Off animations
$('html').addClass('safari-mac');
}
}
});
$(document).ready(function() {
var slideshow = UIkit.slideshow('[data-uk-slideshow]', {
autoplay: true,
height: '100%',
animation: 'swipe',
duration: 500,
autoplayInterval: 4000,
pauseOnHover: false
});
//play or pause slideshow functions
$('.slideshow-v2-wrapper .slideshow-controls-btn').click(function () {
if($(this).hasClass('playing')){
slideshow.stop();
$(this).removeClass('playing');
$(this).addClass('paused');
$(this).attr( "aria-label", "The slideshow is currently paused, play the slideshow");
}else {
slideshow.start();
$(this).removeClass('paused');
$(this).addClass('playing');
$(this).attr( "aria-label", "The slideshow is currently playing, pause the slideshow");
}
});
$('.slideshow-v2-wrapper .uk-dotnav a, .slideshow-v2-wrapper a.uk-slidenav').click(function () {
$('.slideshow-v2-wrapper .slideshow-controls-btn').removeClass('playing');
$('.slideshow-v2-wrapper .slideshow-controls-btn').addClass('paused');
$('.slideshow-v2-wrapper .slideshow-controls-btn').attr( "aria-label", "The slideshow is currently paused, play the slideshow");
});
(function( func ) {
$.fn.addClass = function() { // replace the existing function on $.fn
func.apply( this, arguments ); // invoke the original function
this.trigger('classChanged'); // trigger the custom event
return this; // retain jQuery chainability
}
})($.fn.addClass); // pass the original function as an argument
(function( func ) {
$.fn.removeClass = function() {
func.apply( this, arguments );
this.trigger('classChanged');
return this;
}
})($.fn.removeClass);
$('.uk-slideshow li').each(function(index) {
$(this).find('.custom-temp-btn').attr("tabindex", -1);
$(this).on('classChanged', function(){
if($(this).hasClass('uk-active')){
$(this).find('.custom-temp-btn').attr("tabindex", 0);
$(slideDot[index]).attr('aria-current', 'true');
} else {
$(this).find('.custom-temp-btn').attr("tabindex", -1);
$(slideDot[index]).attr('aria-current', 'false');
}
});
});
var slideDot = $('.slideshow-v2-wrapper .uk-dotnav li a');
slideDot.attr('aria-current', 'false');
$(slideDot[0]).attr('aria-current', 'true');
$('.uk-cover-background').attr("role", "presentation").attr("aria-label", "");
});
$(document).ready(function() {
var owlReviews = $('#reviews_v2 .owl-carousel');
owlReviews.owlCarousel({
onInitialized: function (property) {
//check if show dots is true in config
if(true){
$('.reviews-v2-wrapper .owl-dot').each(function( index ) {
var i = index + 1;
$(this).html('<button aria-label="Review '+i+'"><span class="visuallyhidden">Review '+i+'</span></button>');
});
}
//check if show arrows is true in config
if(true && !true){
reviewsHandleArrowTabbing(owlReviews);
}
//prevent voiceover from reading hidden content
$('.reviews-v2-wrapper').find('.owl-item').attr('aria-hidden','true');
$(property.target).find(".owl-item").eq(property.item.index).attr('aria-hidden','false');
},
margin: 0,
nav: true,
dots: true,
dotsContainer: '#reviews_v2 .owl-dots',
autoplay: true,
autoplayTimeout: 6000,
autoplayHoverPause: false,
loop: true,
navText: [ '<button aria-label="previous review">‹</button>', '<button aria-label="next review">›</button>' ],
responsive: {
0: {
items: 1
},
600: {
items: 1
},
1000: {
items: 1
}
}
});
function discontinuousReviews(func){
var timer;
return function(event){
if(timer) clearTimeout(timer);
timer = setTimeout(func,200,event);
};
}
$('#reviews_v2 .owl-dot button').attr('aria-current', 'false');
$('#reviews_v2 .owl-dot:first button').attr('aria-current', 'true');
function reviewsCarouselStop() {
owlReviews.trigger('stop.owl.autoplay');
owlReviews.data('owl.carousel').settings.autoplay = false;
$('#reviews_v2 .carousel-control-btn').removeClass('stop-carousel');
$('#reviews_v2 .carousel-control-btn').addClass('play-carousel');
$('#reviews_v2 .carousel-control-btn').attr('aria-label', 'The Reviews carousel is currently paused, play the Reviews carousel');
}
function reviewsCarouselPlay() {
owlReviews.trigger('play.owl.autoplay',[1000]);
owlReviews.data('owl.carousel').settings.autoplay = true;
$('#reviews_v2 .carousel-control-btn').removeClass('play-carousel');
$('#reviews_v2 .carousel-control-btn').addClass('stop-carousel');
$('#reviews_v2 .carousel-control-btn').attr('aria-label', 'The Reviews carousel is currently playing, pause the Reviews carousel');
}
$('#reviews_v2 .carousel-control-btn').on('click',function(){
if ($(this).hasClass('stop-carousel')) {
reviewsCarouselStop();
} else if ($(this).hasClass('play-carousel')) {
reviewsCarouselPlay();
}
});
$('#reviews_v2 .owl-dot').click(function () {
owlReviews.trigger('to.owl.carousel', [$(this).index(), 300]);
reviewsCarouselStop();
});
$('#reviews_v2 .owl-nav').click(function () {
reviewsCarouselStop();
});
$(window).on("resize", discontinuousReviews(function() {
if ($('#reviews_v2 .carousel-control-btn').hasClass('play-carousel')) {
setTimeout(() => reviewsCarouselStop(), 500);
}
}));
$(window).on('focus', function() {
if ($('#reviews_v2 .carousel-control-btn').hasClass('stop-carousel')) {
owlReviews.trigger('next.owl.carousel');
}
});
//prevent voiceover from reading hidden content
owlReviews.on('changed.owl.carousel',function(property){
$('.reviews-v2-wrapper').find('.owl-item').attr('aria-hidden','true');
$(property.target).find(".owl-item").eq(property.item.index).attr('aria-hidden','false');
$(property.target).find(".owl-dot").find('button').attr('aria-current', 'false');
$(property.target).find(".owl-dot").filter('.active').find('button').attr('aria-current', 'true');
});
//check if show arrows is true in config
if(true && !true){
reviewsHandleArrowTabbing(owlReviews);
}
function reviewsHandleArrowTabbing(widget){
widget.on('changed.owl.carousel',function(property){
//handle tabbing when previous slider button is hidden
if($(property.target).find(".owl-prev").hasClass('disabled')){
$(property.target).find(".owl-prev").children().attr('tabindex', -1);
$(property.target).find(".owl-prev").attr('aria-hidden','true');
}
else {
$(property.target).find(".owl-prev").children().attr('tabindex', 0);
$(property.target).find(".owl-prev").attr('aria-hidden','false');
}
//handle tabbing when next slider button is hidden
if($(property.target).find(".owl-next").hasClass('disabled')){
$(property.target).find(".owl-next").children().attr('tabindex', -1);
$(property.target).find(".owl-next").attr('aria-hidden','true');
}
else {
$(property.target).find(".owl-next").children().attr('tabindex', 0);
$(property.target).find(".owl-next").attr('aria-hidden','false');
}
});
}
$('.reviews-v2-wrapper .owl-nav').insertBefore($('.reviews-v2-wrapper .owl-stage-outer'));
$('.reviews-v2-wrapper .owl-dots').insertBefore($('.reviews-v2-wrapper .owl-nav'));
});
// init Masonry
var gridGallery = $('#gallery_v4 .gallery-v4-grid').masonry({
columnWidth: '.gallery-v4-grid-sizer',
// do not use .grid-sizer in layout
itemSelector: '.gallery-v4-grid-item',
percentPosition: true,
fitWidth: true
});
gridGallery.imagesLoaded(function() {
gridGallery.masonry('layout');
});
// layout Masonry after each image loads
gridGallery.imagesLoaded().progress( function() {
gridGallery.masonry('layout');
});
// Re-set gallery layout
$(window).load(function() {
// trigger Masonry layout
gridGallery.masonry('layout');
});
function discontinuousGG(func){
var timer;
return function(event){
if(timer) clearTimeout(timer);
timer = setTimeout(func,200,event);
};
}
$(window).on("resize", discontinuousGG(function() {
setTimeout(() => gridGallery.masonry('layout'), 300);
}));
$(document).ready(function() {
var fancyboxSlider = $('#gallery_v4 .fancybox');
fancyboxSlider.attr('rel', 'gallery').fancybox({
beforeShow : function() {
var alt = this.element.find('img').attr('alt');
this.inner.find('img').attr('alt', alt);
},
padding : 15,
margin: 20,
arrows : true,
closeBtn: true,
autoPlay : false,
playSpeed : 3000,
loop : true,
openEffect : 'fade',
closeEffect : 'fade',
nextEffect : 'elastic',
prevEffect : 'elastic',
helpers : {
overlay : {
css : {
'background' : 'rgba(0, 0, 0, 0.5)'
},
locked: false
}
}
});
var galleryToggleBtn = $('.gallery-v4-wrapper .gallery-toggle');
var galleryImages = $('.gallery-v4-grid-item a');
var galleryToggleTextOff = 'The Photo Gallery of ' + galleryImages.length + ' images can be accessed, hide the Photo Gallery from the Screen Reader';
var galleryToggleTextOn = 'The Photo Gallery of ' + galleryImages.length + ' images is hidden from the Screen Reader, access the Photo Gallery';
galleryToggleBtn.attr('aria-label', galleryToggleTextOff);
galleryToggleBtn.on('click',function(){
$(this).toggleClass('gt-off');
const parentElement = $(this).closest('article');
const nextElement = $(parentElement).next();
if ($(this).hasClass('gt-off')) {
$(this).attr('aria-label', galleryToggleTextOff);
galleryImages.each(function() {
$(this).attr('aria-hidden', 'false').attr('tabindex', '0');
});
} else {
$(this).attr('aria-label', galleryToggleTextOn);
galleryImages.each(function() {
$(this).attr('aria-hidden', 'true').attr('tabindex', '-1');
});
if (nextElement.length !== 0) {
const scrollTo = $(nextElement).offset().top - 100;
$('html, body').animate({ scrollTop: scrollTo }, 1000);
}
}
});
});
iFrameResize({
enablePublicMethods: true,
enableInPageLinks: true
});
var marker_icon = "";
var additionalPins = '';
if (additionalPins) {
var locationsArray = JSON.parse('');
}
var google_map_url = 'https://www.google.com/maps/place/' + ",14622 Ventura Blvd Ste 112,Sherman Oaks,CA,91403".split(' ').join('+');
function open_google_map() {
window.open(google_map_url, '_blank')
}
function discontinuous(func){
var timer;
return function(event){
if(timer) clearTimeout(timer);
timer = setTimeout(func,200,event);
};
}
function init_open_street_map() {
if (additionalPins) {
var map = L.map('map-v3-container', {
minZoom: 3,
zoomControl: false,
zoomSnap: 1,
gestureHandling: true
});
var allMarkers = [];
var marker = L.marker([34.151257, -118.451958], {title: '14622 Ventura Blvd Ste 112, Sherman Oaks', alt: 'View 14622 Ventura Blvd Ste 112, Sherman Oaks on Google maps - opens in a new tab'}).addTo(map);
allMarkers.push(marker);
marker.on('click keypress', open_google_map);
locationsArray.forEach(function(element, index) {
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);
additionalMarker.on('click keypress', function() {
window.open(element.pin_link, '_blank');
});
allMarkers.push(additionalMarker);
});
function fitBoundsToMarkers(osmap, markers) {
osmap.invalidateSize();
var group = new L.featureGroup(markers);
osmap.fitBounds(group.getBounds(), {padding: [50, 50]});
}
fitBoundsToMarkers(map, allMarkers);
document.querySelector('.reset-zoom-btn').addEventListener('click', function () {
fitBoundsToMarkers(map, allMarkers);
});
window.addEventListener("resize", discontinuous(function(e) {
fitBoundsToMarkers(map, allMarkers);
}));
} else {
var map = L.map('map-v3-container', {
center: [ 34.151257, -118.451958],
zoom: 16,
dragging: false,
minZoom: 3,
zoomControl: false,
});
var marker = L.marker([34.151257, -118.451958], {title: '14622 Ventura Blvd Ste 112, Sherman Oaks', alt: 'View 14622 Ventura Blvd Ste 112, Sherman Oaks on Google maps - opens in a new tab'}).addTo(map);
marker.on('click keypress', open_google_map);
map.scrollWheelZoom.disable();
}
if (marker_icon.length>0){
var myIcon = L.icon({
iconUrl: marker_icon,
iconSize: [35,35]
});
if(allMarkers) {
allMarkers.forEach(marker => {
marker.setIcon(myIcon);
marker.update();
});
} else {
marker.setIcon(myIcon);
marker.update();
}
}
L.tileLayer.provider('CartoDB.DarkMatter').addTo(map);
L.control.zoom({
position:'bottomleft'
}).addTo(map);
$('.openstreetmap-v3-wrapper #map-v3-container').removeAttr('tabindex');
$('.leaflet-touch .leaflet-bar a').attr('tabindex', '-1');
$('.leaflet-container .leaflet-marker-pane img').attr('role', 'link');
}
$(document).ready(function() {
init_open_street_map();
});
$("#contact_us_v3_section_phone_link").on("click", function(){
if (ga_check())
universal_ga('send', 'event', 'Button', 'Click', 'Phone');
});
setTimeout(function(){
$('.navbar-fixed-bottom.nav-v1').addClass('show-bottom-nav'); triggerShowFooterEvents();
}, 4000);
var navigation_alpha_starts_from = 0;
var navigation_background_color = "rgba(0, 0, 0,";
var navigation_darkens_on_scroll = "1";
var top_nav_new_style = !navigation_darkens_on_scroll && ($(window).width() > 767);
var custom_nav_style = "1";
if(!custom_nav_style){
$('.navbar-regular').css('background-color', 'rgba(255, 255, 255,' + navigation_alpha_starts_from + ')');
$('.navbar-inverse').css('background-color', navigation_background_color + (top_nav_new_style ? 0 : navigation_alpha_starts_from) + ')');
}
if (navigation_darkens_on_scroll && !custom_nav_style) {
$(document).on('scroll', function (e) {
var alpha = navigation_alpha_starts_from + $(document).scrollTop() / 1950;
$('.navbar-inverse').css('background-color', navigation_background_color + alpha + ')');
$('.navbar-regular').css('background-color', 'rgba(255, 255, 255,' + alpha + ')');
});
}
if (!navigation_darkens_on_scroll && !custom_nav_style) {
$(window).resize(function() {
if ($(window).width() > 767)
$('.navbar-inverse').css('background-color', navigation_background_color + 0 + ')');
else
$('.navbar-inverse').css('background-color', navigation_background_color + navigation_alpha_starts_from + ')');
});
}
</script><script type="text/javascript">
function openPopUp() {
document.touchmove = function (e) {
e.preventDefault();
};
$(function () {
$('body').css('overflow', 'hidden');
$('#CustomModal').modal({
show: true
});
$(document).on('shown.bs.modal', '.modal', function () {
//handle reader focus
focusModal();
});
$(document).on("hidden.bs.modal", ".modal", function (event, ui) {
//handle reader focus
focusNavbar();
$('body').css('overflow', '');
document.touchmove = function () {};
});
});
}
function focusModal() {
$('.modal-dialog')
.css('outline', 'none')
.attr('tabindex', '-1')
.focus();
}
function focusNavbar(){
//handle which header exists
if($(".navbar")){
var element = $(".navbar");
}else{
var element = $(".navbar-normal");
}
element.css('outline', 'none')
.attr('tabindex', '-1')
.focus();
}
var showPopupPerSession = false;
// Check if popup is set to show once per session
if (!showPopupPerSession || (showPopupPerSession && !sessionStorage.getItem("newsletter_popup_shown"))) {
var t = setTimeout(openPopUp, 10000);
sessionStorage.setItem("newsletter_popup_shown", "yes");
}
</script><script>
var animate_sections = ["banner","aboutus_v2","gallery_v3","aboutus_v7","aboutus_v8","reservations_tmt","specials_v3","gallery_v4","slideshow_v2","reviews_v2","custom_html_1","openstreetmap_v3","contact_v3","footer_v2"];
for (var i = 0; i < animate_sections.length; i++) {
$('#'+animate_sections[i]).addClass('animation-element');
}
var $animation_elements = $('.animation-element');
var $window = $(window);
function check_if_in_view() {
var window_height = $window.height();
var window_top_position = $window.scrollTop();
var window_bottom_position = (window_top_position + window_height/2);
$.each($animation_elements, function() {
var $element = $(this);
var element_height = $element.outerHeight();
var element_top_position = $element.offset().top;
var element_bottom_position = (element_top_position + element_height/2);
//check to see if this current container is within viewport
if ((element_bottom_position >= window_top_position) &&
(element_top_position <= window_bottom_position)) {
$element.addClass('animate');
} else {
// $element.removeClass('in-view');
}
});
}
$window.on('scroll resize', check_if_in_view);
$window.trigger('scroll');
</script><script>
$(function () {
//If Newsletter widget (popup or section) is on
if ($('.newsletter-popup').length || $('.map-newsletter').length || $('.newsletter-section').length) {
//Inject html needed for ADA
var waitSPHWidget = setInterval(function(){
if ($('.sph-email-input').length) {
//
$('.sph-loading-img img').attr('alt', 'Newsletter Loader icon');
clearInterval(waitSPHWidget)
}
}, 300);
}
});
</script><script>
// Functions needed for Newsletter (sh widget) subscription submit (case when texting is Off in SH)
function isEmail(email) {
var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
return regex.test(email);
}
function submitEmail(input_id) {
var shp_email_to_subscribe = $("#sph-newsletter-input-" + input_id);
if (!isEmail(shp_email_to_subscribe.val())) {
alert('Please enter valid email address');
return;
}
var sph_email_form_div = $(".sph-email-form");
var sph_loading_img = $(".sph-loading-img");
var sph_response_message_div = $(".sph-response-message");
var sph_submit_label = $(".sph-submit-label");
sph_submit_label.hide();
sph_loading_img.show();
var request = $.ajax({
method: "POST",
url: "https://www.spothopperapp.com/api/spots/20242/contacts/add",
crossDomain: true,
dataType: 'json',
data: { email: shp_email_to_subscribe.val() },
success: function (data) {
sph_response_message_div.html(data);
sph_email_form_div.hide();
sph_response_message_div.show();
},
error: function (data) {
sph_response_message_div.html("Something went wrong. Please try again later.");
sph_email_form_div.hide();
sph_response_message_div.show();
}
});
}
</script><script>
// var navbar_names = ["navbar-normal", "navbar", "navbar-collapse-1"];
var navbar_names = ["navbar-normal", "navbar"];
function obtain_analytics_function(){
if (typeof sph_widgets_ga === 'function'){
return sph_widgets_ga;
}
if(typeof ga === 'function'){
return ga;
}
if (typeof gtag === 'function'){
return gtag;
}
return null;
}
function do_header_promotion_analytics(eventLabel, link_url){
var analytics = obtain_analytics_function();
if (!analytics) {
return null;
}
universal_ga('send', 'event', 'Header Promotion', 'View', eventLabel+'|||'+link_url);
//universal_ga('send', 'event', 'Header Promotion', 'View', eventLabel);
if (typeof $ === 'function'){
$(".prom-bar-plugin-container a").on("click", function(event){
universal_ga('send', 'event', {
eventCategory: 'Header Promotion Button',
eventAction: 'Click',
eventLabel: eventLabel+'|||'+event.target.href,
transport: 'beacon'
});
return true;
});
}
}
function displayHeaderPromotion(){
var items = document.getElementsByClassName('prom-bar-plugin-container');
if (items.length < 1){
return null;
}
var item = items[Math.floor(Math.random() * items.length)];
item.style.display = "block";
if (window.location.search.indexOf("spot_promotion_channel_id=") == -1){
do_header_promotion_analytics(item.getAttribute("data-internalname"),
item.getAttribute("data-link-url"));
}
return item;
}
function findNavbars(){
if (typeof sh_navigation_element_rule !== 'undefined'){
var nav_element = $(sh_navigation_element_rule)[0];
if (typeof nav_element !== 'undefined'){
return [nav_element];
}
}
var navbars = [];
for (var i = 0; i< navbar_names.length; i++){
if (found_element = document.getElementById(navbar_names[i])){
navbars.push(found_element);
}
}
return navbars;
}
//window.onscroll = function() {scrollFunction()};
function setBodyTopPadding(value){
var has_video = document.getElementById("coverVideo") !== null;
if (has_video){
document.body.style.paddingTop = value+"px";
}
}
function scrollFunction(selected_promotion_item){
var prom_bar_height = $(selected_promotion_item).height() + 12;
// var prom_bar_height = $(".prom-bar-plugin-container").height() + 12;
$(".prom-bar").css({height: prom_bar_height + "px"});
var navbars = findNavbars();
for (var i = 0; i<navbars.length; i++){
navbar = navbars[i];
if (document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) {
navbar.style.top = "0";
setBodyTopPadding(0);
document.getElementById("prom-bar-plugin").style.top = - prom_bar_height +"px";
} else {
navbar.style.top = prom_bar_height + "px";
$(".nav-v2-home-btn").css({top: prom_bar_height + "px"});
setBodyTopPadding(prom_bar_height);
document.getElementById("prom-bar-plugin").style.top = "0";
}
}
}
function promotion_header_init(){
if (typeof $ === 'function' && ((window.ga && ga.loaded) || window.gtag)) {
var item = displayHeaderPromotion();
if (item){
scrollFunction(item);
}
} else {
setTimeout(promotion_header_init, 500);
}
}
promotion_header_init();
</script><script>(function() {
const MODAL_ID = 'promotion-pop-up';
const SESSION_KEY = 'promotion-pop-up-container-ids';
const PADDING = 70;
const RESIZE_DEBOUNCE_MS = 150;
const INITIAL_DELAY = typeof promotion_pop_up_initial_delay === 'undefined' ?
2000 :
promotion_pop_up_initial_delay;
const POP_UP_PRIORITY = ["holiday_party"];
const _norm = s => (s || "").toString().trim().toLowerCase();
const PRIORITY_RANK = new Map(POP_UP_PRIORITY.map((n, i) => [_norm(n), i]));
function displayPromotionPopUp() {
const items = document.getElementsByClassName('promotion_pop_up_content');
// Track shown IDs as a Set (no dups, fast lookups)
const shownIds = new Set(
(sessionStorage.getItem(SESSION_KEY) || '')
.split(',')
.map(s => s.trim())
.filter(Boolean)
);
// Hide all; collect items not shown this session
const availableItems = [];
Array.prototype.forEach.call(items, item => {
item.style.display = 'none';
// --- Exclusion logic ---
// Block popups whose non-custom CTA link is a phone number (tel:)
const isCustomLink = item.getAttribute("data-is-custom-link") ?? "false";
const linkUrl = item.getAttribute("data-link-url") || "";
const excludeItem =
isCustomLink === "false" &&
linkUrl.trim().toLowerCase().startsWith("tel");
if (excludeItem) {
return; // Skip this popup entirely
}
if (!shownIds.has(item.id)) {
availableItems.push(item);
}
});
if (availableItems.length === 0) return false;
// --- Priority logic ---
const norm = s => (s || '').toString().trim().toLowerCase();
const prioritySource = Array.isArray(POP_UP_PRIORITY)
? POP_UP_PRIORITY
: Array.isArray(window.pop_up_priority)
? window.pop_up_priority
: [];
const rank = new Map(prioritySource.map((name, i) => [norm(name), i]));
const records = availableItems.map(el => {
const internal = norm(el.getAttribute('data-internalname'));
const priority = rank.has(internal) ? rank.get(internal) : Infinity;
return { el, priority };
});
let selectedItem;
const minPriority = Math.min(...records.map(r => r.priority));
if (isFinite(minPriority)) {
// Randomize within the highest-priority bucket only
const topBucket = records.filter(r => r.priority === minPriority);
const pick = topBucket[Math.floor(Math.random() * topBucket.length)];
selectedItem = pick.el;
} else {
// Pure random among all available when no priorities match
selectedItem = availableItems[Math.floor(Math.random() * availableItems.length)];
}
// Show popup
selectedItem.style.display = 'block';
// Analytics + persist shown id (unless preview param present)
if (window.location.search.indexOf('spot_promotion_channel_id=') === -1) {
shownIds.add(selectedItem.id);
do_promotion_analytics(
selectedItem.getAttribute('data-internalname'),
selectedItem.id,
selectedItem.getAttribute('data-link-url'),
selectedItem.getAttribute('data-has-image'),
selectedItem.getAttribute('data-is-template-image-and-button')
);
}
sessionStorage.setItem(SESSION_KEY, Array.from(shownIds).join(','));
return true;
}
function preloadImages(container, callback) {
const images = container.querySelectorAll('img');
if (images.length === 0) return callback();
let loaded = 0;
Array.prototype.forEach.call(images, function(img) {
if (img.complete) {
if (++loaded === images.length) callback();
} else {
img.addEventListener('load', check);
img.addEventListener('error', check);
}
function check() {
if (++loaded === images.length) callback();
}
});
}
function centerModal() {
const modal = document.getElementById(MODAL_ID);
const dialog = modal.querySelector('.promotion-pop-up .modal-dialog');
if (!dialog) return;
modal.style.display = 'block';
modal.style.visibility = 'hidden';
const height = dialog.offsetHeight;
const winHeight = window.innerHeight;
const top = Math.max(0, (winHeight - height) / 2);
dialog.style.top = `${top}px`;
modal.style.visibility = '';
}
function centerModalVisible() {
const modal = document.getElementById(MODAL_ID);
const dialog = modal.querySelector('.promotion-pop-up .modal-dialog');
if (!dialog) return;
const height = dialog.offsetHeight;
const winHeight = window.innerHeight;
const top = Math.max(0, (winHeight - height) / 2);
dialog.style.top = `${top}px`;
}
function lockScroll() {
document.body.style.overflow = 'hidden';
document.ontouchmove = function(e) {
e.preventDefault();
};
}
function unlockScroll() {
document.body.style.overflow = '';
document.ontouchmove = null;
}
function setupModalLayout(modalId) {
const modal = document.getElementById(modalId);
const content = modal?.querySelector('.promotion_pop_up_content[style*="display: block"]');
if (!content) return;
const header = content.querySelector('.modal-header');
const footer = content.querySelector('.modal-footer');
const body = content.querySelector('.modal-body');
if (!body) return;
const windowHeight = window.innerHeight;
const headerHeight = header?.offsetHeight || 0;
const footerHeight = footer?.offsetHeight || 0;
const maxBodyHeight = windowHeight - headerHeight - footerHeight - PADDING;
body.style.maxHeight = `${maxBodyHeight}px`;
body.style.overflowY = 'auto';
centerModalVisible();
}
function prepareModalForDisplay(modalId) {
const modal = document.getElementById(modalId);
const visibleContent = modal?.querySelector('.promotion_pop_up_content[style*="display: block"]');
if (!visibleContent) return;
modal.style.display = 'block';
modal.style.visibility = 'hidden';
preloadImages(visibleContent, function() {
const header = visibleContent.querySelector('.modal-header');
const footer = visibleContent.querySelector('.modal-footer');
const body = visibleContent.querySelector('.modal-body');
if (body) {
const windowHeight = window.innerHeight;
const headerHeight = header?.offsetHeight || 0;
const footerHeight = footer?.offsetHeight || 0;
const maxBodyHeight = windowHeight - headerHeight - footerHeight - PADDING;
body.style.maxHeight = `${maxBodyHeight}px`;
body.style.overflowY = 'auto';
}
centerModal();
modal.style.visibility = '';
lockScroll();
$('#' + modalId).modal({
show: true,
focus: true,
backdrop: true
});
});
}
// === Main Timer Logic ===
setTimeout(function() {
if (displayPromotionPopUp()) {
if (typeof t !== 'undefined') {
clearTimeout(t);
}
const timeoutDuration = INITIAL_DELAY > 500 ? INITIAL_DELAY - 500 : 0;
setTimeout(function() {
prepareModalForDisplay(MODAL_ID);
}, timeoutDuration);
}
}, 500);
// === Cleanup on modal close ===
$(document).on('hidden.bs.modal', `#${MODAL_ID}`, function() {
unlockScroll();
});
// === Responsive layout recalculation ===
let resizeTimeout;
window.addEventListener('resize', function() {
clearTimeout(resizeTimeout);
resizeTimeout = setTimeout(function() {
const modal = document.getElementById(MODAL_ID);
if (modal && $(modal).hasClass('in')) {
void modal.offsetHeight;
setupModalLayout(MODAL_ID);
}
}, RESIZE_DEBOUNCE_MS);
});
// === Embedded analytics helpers ===
function obtain_analytics_function() {
if (typeof sph_widgets_ga === 'function') return sph_widgets_ga;
if (typeof ga === 'function') return ga;
if (typeof gtag === 'function') return gtag;
return null;
}
function do_promotion_analytics(eventLabel, spot_promotion_channel_id, data_link_url, hasImage, is_template_image_and_button) {
analytics = obtain_analytics_function();
if (!analytics) return null;
var pop_up_template = (is_template_image_and_button == 'true' ? 'text,image&button' : 'text&button');
var image_enabled_disabled = (hasImage ? 'image_enabled' : 'image_disabled');
var additional_info = (is_template_image_and_button == 'true' ? '|' + image_enabled_disabled : '');
universal_ga('send', 'event', 'Pop Up Promotion', 'View', eventLabel + '|||' + data_link_url + '|' + pop_up_template + additional_info);
// universal_ga('send', 'event', 'Pop Up Promotion', 'View', eventLabel);
if (typeof $ === 'function') {
$(".promotion_pop_up_content a").on("click", function(event) {
universal_ga('send', 'event', {
eventCategory: 'Pop Up Promotion Button',
eventAction: 'Click',
eventLabel: eventLabel + '|||' + event.target.href + '|' + pop_up_template + additional_info,
transport: 'beacon'
});
$("#promotion-pop-up").modal('hide');
return true;
});
}
}
})();</script><script>// ALL_PAGES_COMPONENT
var smart_footer_active = 'true' == 'true';
var smart_footer_version = '2';
</script><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><script>
var spot_id = 20242;
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 host a special event","To get a special event catered","To reserve a table","To apply for a job","Other Questions"],"custom_hours":"","hours":"","active_tmt_cta_links":{"cta_private_party":"https://onthethirty.com/-private-parties-sherman-oaks","cta_catering":"https://onthethirty.com/-catering","cta_reservations":null,"cta_jobs":"https://tmt.spotapps.co/job-listings?spot_id=20242"},"spot_name":"On The Thirty","label_for_texting_permission":"I’d like to get texts about specials, events, and other exclusive offers and announcements not available to general public"}');
if (false){
console.log("Check SpotHopper configuration. Probably there is no 'WEBSITE::DOMAIN_NAME' key for your website");
}
if (navigator.userAgent.match(/iPhone/i)
|| navigator.userAgent.match(/iPad/i)
|| navigator.userAgent.match(/iPod/i)){
$(document).ready(function(){
document.body.className += " " + "webkit-mobile-body";
});
}
var promotion_url_param_domain = getPromotionUrlParams()['domain'];
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')){
$("a[href^='/']").each(function(){
if (this.href.indexOf('domain=') == -1){
var sh_internal_url = new URL(this.href);
sh_internal_url.searchParams.set("domain", promotion_url_param_domain);
this.href = sh_internal_url.toString();
}
})
}
function cta_link_matches_href(href, url){
var domain = 'onthethirty.com';
if(typeof url === 'undefined'){
return false;
}
var partsOfURL = url.split(domain);
if (partsOfURL.length != 2){
return href == url;
}else{
var urlPath = partsOfURL[1];
if (urlPath.substring(0,1) == "/"){
urlPath = urlPath.substring(1,urlPath.length);
}
return href.indexOf(urlPath, domain.length + href.indexOf(domain)-1) !== -1;
}
}
var all_cta_links = [{"id":959922,"spot_id":20242,"url":"https://onthethirty.com/-specials","cta_link_type":"specials","created_at":"2024-05-28T13:04:46+00:00","updated_at":"2025-06-20T12:45:19+00:00","made_of_food":false,"link_name":"","position":null},{"id":928257,"spot_id":20242,"url":"https://tmt.spotapps.co/job-listings?spot_id=20242","cta_link_type":"job_listing","created_at":"2024-04-16T23:39:39+00:00","updated_at":"2025-06-20T12:45:20+00:00","made_of_food":false,"link_name":"Job Listing","target":null,"website_footer_label":"Jobs","position":2},{"id":959923,"spot_id":20242,"url":"https://onthethirty.com/-events","cta_link_type":"events","created_at":"2024-05-28T13:04:46+00:00","updated_at":"2025-06-20T12:45:19+00:00","made_of_food":false,"link_name":"","position":null},{"id":959924,"spot_id":20242,"url":"https://onthethirty.com/-drink-menu","cta_link_type":"drink_menu","created_at":"2024-05-28T13:04:46+00:00","updated_at":"2025-06-20T12:45:20+00:00","made_of_food":false,"link_name":"","position":null},{"id":959925,"spot_id":20242,"url":"https://onthethirty.com/-food-menu","cta_link_type":"food_menu","created_at":"2024-05-28T13:04:46+00:00","updated_at":"2025-06-20T12:45:20+00:00","made_of_food":false,"link_name":"","position":null},{"id":928255,"spot_id":20242,"url":"https://onthethirty.com/-catering","cta_link_type":"catering","created_at":"2024-04-16T23:39:39+00:00","updated_at":"2025-06-20T12:45:20+00:00","made_of_food":false,"link_name":"Catering","target":null,"website_footer_label":"Large Orders","position":4},{"id":964260,"spot_id":20242,"url":"https://www.doordash.com/store/on-the-thirty-los-angeles-29400/","cta_link_type":"order","created_at":"2024-06-03T06:39:34+00:00","updated_at":"2025-06-20T13:11:03+00:00","made_of_food":false,"link_name":"","target":null,"website_footer_label":"Order","position":null},{"id":978844,"spot_id":20242,"url":"https://www.ubereats.com/store/on-the-thirty/R950n7JPVi2JqDvz37qkFA?diningMode=DELIVERY&pl=JTdCJTIyYWRkcmVzcyUyMiUzQSUyMjUzMTYlMjBSYWluaWVyJTIwQXZlJTIwUyUyMiUyQyUyMnJlZmVyZW5jZSUyMiUzQSUyMmNjM2U3NTZiLTE1YjMtYzgwOS0wMDU4LTcwNmRlNGQyNzM5ZiUyMiUyQyUyMnJlZmVyZW5jZVR5cGUlMjIlM0ElMjJ1YmVyX3BsYWNlcyUyMiUyQyUyMmxhdGl0dWRlJTIyJTNBNDcuNTU0MjE4OSUyQyUyMmxvbmdpdHVkZSUyMiUzQS0xMjIuMjc5Njk3OSU3RA%3D%3D","cta_link_type":"order2","created_at":"2024-06-18T19:12:06+00:00","updated_at":"2025-06-20T13:11:03+00:00","made_of_food":false,"link_name":"","target":null,"website_footer_label":"Order","position":null},{"id":928256,"spot_id":20242,"url":"https://onthethirty.com/-private-parties-sherman-oaks","cta_link_type":"private_parties","created_at":"2024-04-16T23:39:39+00:00","updated_at":"2025-06-20T12:45:19+00:00","made_of_food":false,"link_name":"Private Parties","target":null,"website_footer_label":"Parties","position":3},{"id":978845,"spot_id":20242,"url":"https://onthethirty.com/-order","cta_link_type":"order3","created_at":"2024-06-18T19:12:06+00:00","updated_at":"2025-06-20T13:11:04+00:00","made_of_food":false,"link_name":"","target":null,"website_footer_label":"Order","position":0}];
function find_cta_link(href) {
for (var i=0; i< all_cta_links.length; i++){
var cta_link = all_cta_links[i];
if ( cta_link_matches_href(href, cta_link.url)){
return cta_link;
}
}
}
function find_cta_links(href) {
var cta_links = []
for (var i=0; i< all_cta_links.length; i++){
var cta_link = all_cta_links[i];
if ( cta_link_matches_href(href, cta_link.url)){
cta_links.push(cta_link);
}
}
return cta_links;
}
function get_current_page_cta_link_types(){
var types = [];
var cta_links = find_cta_links(document.location.href);
for (var i=0; i<cta_links.length; i++){
types.push(cta_links[i].cta_link_type);
}
return types;
}
function is_food_menu_page(){
var cta_link_types = get_current_page_cta_link_types();
for (var i=0; i<cta_link_types.length; i++){
if ('food_menu' == cta_link_types[i])
return true;
}
return false;
}
function get_form_cat_from_cta(){
var cta_link = find_cta_link(document.location.href);
if (cta_link == null) {
return null;
}
if (cta_link.cta_link_type == 'private_parties'){
return 'private_party';
}else if (cta_link.cta_link_type == 'reservations'){
return 'reservation';
}else if (cta_link.cta_link_type == 'catering'){
return 'catering';
}else if (cta_link.cta_link_type == 'job_listing'){
return 'job_listings';
}else if (cta_link.cta_link_type == 'gift_cards'){
return 'gift_cards';
}
return null;
}
function element_has_events_defined(elem){
if ($._data(elem, "events") === undefined){
return false;
}
return true;
}
function create_ga_events_for_cta_clicks(){
if (typeof $ === 'function'){
var cta_link_of_the_page = find_cta_link(location.href);
$("a").each(function(index, elem){
var href = $(elem).attr('href');
if (href === undefined ){
return;
}
if (href.substring(0,4) == 'tel:'){
if (!element_has_events_defined(elem)){ // not footer links
$(elem).on("click", function(){
universal_ga('send', 'event', {
eventCategory: 'Button',
eventAction: 'Click',
eventLabel: 'Phone',
transport: 'beacon'
});
});
if (cta_link_of_the_page){
$(elem).on("click", function(){
universal_ga('send', 'event', {
eventCategory: 'Button',
eventAction: 'Click',
eventLabel: cta_link_of_the_page.cta_link_type + ' page phone',
transport: 'beacon'
});
});
}
} else {
if (cta_link_of_the_page){
$(elem).on("click", function(){
universal_ga('send', 'event', {
eventCategory: 'Button',
eventAction: 'Click',
eventLabel: cta_link_of_the_page.cta_link_type + ' page phone footer',
transport: 'beacon'
});
});
}
}
}else{
var cta_link = find_cta_link(href);
if (elem.className != null && elem.className.indexOf("bottom-link") > -1){
// console.log("bottom link detected");
}else{
if (cta_link != null){
$(elem).on("click", function(){
universal_ga('send', 'event', {
eventCategory: 'Website Link',
eventAction: 'Click',
eventLabel: cta_link.cta_link_type,
transport: 'beacon'
});
});
}
}
}
});
}
}
if (typeof angular === "undefined") {
create_ga_events_for_cta_clicks();
} else {
angular.element(document).ready(function () {
create_ga_events_for_cta_clicks();
});
}
function triggerShowFooterEvents(){
if (window.screen.availWidth < 768){
universal_ga('send', 'event', {
eventCategory: 'Mobile Footer',
eventAction: 'View',
eventLabel: '',
transport: 'beacon'
});
}
}
////////////
function smartFooterV2()
{
var list= document.getElementsByClassName("bottom-list-item");
if (!list) return;
if (document.getElementById("bottom-navbar") == null){
return;
}
var bottomNav = document.querySelector('#bottom-navbar .navbar-nav');
var footerLinkPaddingLeft = $('#bottom-navbar .navbar-nav li a').css('padding-left');
var footerLinkPaddingRight = $('#bottom-navbar .navbar-nav li a').css('padding-right');
bottomNav.innerHTML = '';
var linksWithPosition = all_cta_links.filter(e => e.position != null && e.position >= 0);
linksWithPosition.sort(function(a,b) {
return a.position - b.position;
});
var footerLinkStyle = (footerLinkPaddingLeft == '0px' || footerLinkPaddingRight == '0px' ? 'style="padding-left: 8px; padding-right: 8px;"' : '');
linksWithPosition.forEach((e, i) => {
var target = e.target || getUrlTarget(e.url);
bottomNav.insertAdjacentHTML('beforeend',
`<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>`);
})
var intervalCount = 0
var interval = setInterval(() => {
if(intervalCount == 50){
clearInterval(interval);
}
removeOverflowingFooterLinks();
intervalCount ++;
}, 200);
$('.smart-footer-link').on("click", function(){
if (typeof shUrlParams !== "undefined" && shUrlParams['source'] === undefined){
shUrlParams['source'] = 'footer';
sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams));
}
var visibleLinks = $('.smart-footer-link').map(function (e) {
return $(this).data('type');
}).toArray().join(',');
universal_ga('send', 'event', {
eventCategory: 'Button',
eventAction: 'Click_footer_2',
eventLabel: "type:" + $(this).data('type') + "|position:" + $(this).data('position') + "|visible:" + visibleLinks,
transport: 'beacon'
});
});
}
function removeOverflowingFooterLinks(){
var bottomNavLinks = document.querySelectorAll('#bottom-navbar .navbar-nav li');
var width_sum = 0;
bottomNavLinks.forEach(e => {
width_sum += e.getBoundingClientRect().width;
if ((width_sum) > window.innerWidth) {
console.log(`%cLink %c${e.textContent} %cdeleted couldn't fit screen`,"color: #fff;background: #202124;", "background: red;color: #fff", "color: #fff;background: #202124;");
e.remove();
}
});
}
function getUrlTarget(url){
if(url.startsWith('tel')){
return '_self';
}
if(url.startsWith('/') || url.includes('tmt.spotapps.co') || url.includes(window.location.host)){
return '_self';
}
return '_blank';
}
function npb()
{
var list= document.getElementsByClassName("bottom-list-item");
if (!list) return;
if (document.getElementById("bottom-navbar") == null){
return;
}
var url = ""
for (var i=0; i < all_cta_links.length; i++)
{
if (all_cta_links[i].cta_link_type == "order"){
url = all_cta_links[i].url;
}
}
if ( url == ""){
return;
}
for (i=0; i < list.length; i++)
{
console.log(cta_link_matches_href(list[i].firstChild.href, url));
if (cta_link_matches_href(list[i].firstChild.href,url)) return;
};
var item = list[list.length-1]
document.getElementById("bottom-navbar").getElementsByClassName("nav navbar-nav")[0].appendChild(item.cloneNode(true));
var width_sum = 0;
for (i=0; i < list.length; i++) {
width_sum += list[i].getBoundingClientRect().width;
}
var item = list[list.length-1]
if ((width_sum - 10) > window.innerWidth) { item.parentNode.removeChild(item); console.log("link deleted couldn't fit screen"); return; }
item.firstChild.text = "Order";
item.firstChild.href = url;
item.firstChild.id = "bottom_link_" + list.length;
$(item.firstChild).on("click", function(){
if (typeof shUrlParams !== "undefined" && shUrlParams['source'] === undefined){
shUrlParams['source'] = 'footer';
sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams));
}
universal_ga('send', 'event', {
eventCategory: 'Button',
eventAction: 'Click',
eventLabel: 'Plan B-2 Order',
transport: 'beacon'
});
});
}
function activateSmartFooter(){
var smart_footer_active = true;
var smart_footer_version = 2;
var man_bottom_active = false;
if(window.location.hash == '#smartFooterV2=enabled'){
smartFooterV2();
return;
}
if (smart_footer_active && !man_bottom_active){
if(smart_footer_version == 2 ){
smartFooterV2();
}else {
npb();
}
}
}
activateSmartFooter();
var corona_config_str = '{"id":177375,"spot_id":20242,"promote_pick_up":true,"promote_gift_cards":true,"promote_happy_hour":true,"promote_events":true,"instructions_on_food_page":false,"food_page_instruction_text":"To place a delivery or curbside pick-up order, please call:","food_page_instruction_phone":"8187880330","created_at":"2024-04-16T23:37:55+00:00","updated_at":"2025-07-10T19:19:31+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":5,"pick_ups_priority_value":5,"reservations_priority_value":5,"private_parties_priority_value":5,"catering_priority_value":5,"gift_cards_priority_value":3,"jobs_priority_value":3,"food_and_drinks_priority_value":3,"specials_priority_value":5,"national_days_priority_value":3,"holidays_priority_value":3,"sports_priority_value":3,"walk_ins_priority_value":5,"collecting_emails_priority_value":3,"collecting_phone_numbers_priority_value":3,"growing_social_media_followers_priority_value":5,"increasing_revenue_vs_saving_time_priority_value":5,"events_priority_value":5,"shopping_cart_type":"TMT","shopping_cart_active":false}';
var corona_config = corona_config_str != '' ? JSON.parse('{"id":177375,"spot_id":20242,"promote_pick_up":true,"promote_gift_cards":true,"promote_happy_hour":true,"promote_events":true,"instructions_on_food_page":false,"food_page_instruction_text":"To place a delivery or curbside pick-up order, please call:","food_page_instruction_phone":"8187880330","created_at":"2024-04-16T23:37:55+00:00","updated_at":"2025-07-10T19:19:31+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":5,"pick_ups_priority_value":5,"reservations_priority_value":5,"private_parties_priority_value":5,"catering_priority_value":5,"gift_cards_priority_value":3,"jobs_priority_value":3,"food_and_drinks_priority_value":3,"specials_priority_value":5,"national_days_priority_value":3,"holidays_priority_value":3,"sports_priority_value":3,"walk_ins_priority_value":5,"collecting_emails_priority_value":3,"collecting_phone_numbers_priority_value":3,"growing_social_media_followers_priority_value":5,"increasing_revenue_vs_saving_time_priority_value":5,"events_priority_value":5,"shopping_cart_type":"TMT","shopping_cart_active":false}') : null;
//corona instuctions
function show_corona_instructions(text, phone, btnText){
//format to US number
var match = phone.match(/^(\d{3})(\d{3})(\d{4})$/);
if(corona_config.shopping_cart_type == "TMT" && corona_config.shopping_cart_active == true) {
var linkLocation = "https://tmt.spotapps.co/ordering-menu/?spot_id="+corona_config.spot_id+"&images=yes&accordion=true";
var btnLinkLocation = "https://tmt.spotapps.co/ordering-menu/?spot_id="+corona_config.spot_id+"&images=yes&accordion=true";
}else {
var linkLocation = 'tel:+1'+phone+'';
var btnLinkLocation = 'tel:+1'+ match[1] + '-' + match[2] + '-' + match[3] +''
}
var appendPhone = 'tel:+1'+phone+'';
//inject html content
if ($('.food-menu-nav').length) {
//new template
var pageEl = $('.food-menu-nav').css('margin','20px auto 10px auto');
var textColor = rgb2hex($('.section-header').css('color'));
var linkColor = rgb2hex($('.food-menu-nav-item.active').css('background-color'));
var fontSize = parseInt($('.food-menu-nav-item').css('font-size'));
fontSize = fontSize + Math.round(fontSize * 0.25);
// 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>';
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>';
}else {
//old template
var pageEl = $('.tabnav');
var textColor = rgb2hex($('.menu-item-name-traditional').css('color'));
var linkColor = rgb2hex($('.style-traditional .tabnav .nav>li.active>a').css('color'));
var linkTextColor = getContrast50(linkColor);
var fontSize = parseInt($('.menu-item-name-traditional').css('font-size'));
fontSize = fontSize + Math.round(fontSize * 0.25);
var textTransform = $('.style-traditional .tabnav .nav>li>a').css('text-transform');
// 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>';
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>';
}
//html content
pageEl.prepend(html);
}
function rgb2hex(rgb) {
if(typeof rgb !== "undefined"){
rgbColor = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
if (!rgbColor) {
rgba = rgb.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(,\s*\d+\.*\d+)?\)$/);
return "#" + hex(rgba[1]) + hex(rgba[2]) + hex(rgba[3]);
}
function hex(x) {
return ("0" + parseInt(x).toString(16)).slice(-2);
}
return "#" + hex(rgbColor[1]) + hex(rgbColor[2]) + hex(rgbColor[3]);
}
return rgb;
}
function getContrast50(hexcolor){
return (parseInt(hexcolor, 16) > 0xffffff/2) ? '#000':'#fff';
}
function show_corona_sidebar_instructions(text, phone){
//format to US number
var match = phone.match(/^(\d{3})(\d{3})(\d{4})$/);
var divWidth = 230;
var top = 50;
var linkSize = '1.6em';
var pSize = $('p').css('font-size');
var appendPhone = 'tel:+1'+phone+'';
if ($(window).width() < 1600)
var top = 30;
if ($(window).width() < 1200){
var divWidth = 180;
var linkSize = '1.4em';
var pSize ='1.1em';
}
if($('.food-menu-nav').length){ //new template
var textColor = $('.food-menu-nav-item.active').css('color');
var linkColor = $('.food-menu-nav-item.active').css('background-color');
var linkTextColor = $('.food-menu-nav-item.active').css('color');
var parent = $('.food-menu-page');
}
else { //old template
var textColor = $('.menu-item-name-traditional').css('color');
var linkColor = $('.style-traditional .tabnav .nav>li.active>a').css('color');
var parent = $('.food-menu').length ? $('.food-menu') : $('.drink-menu');
var linkTextColor = getContrast50(linkColor);
}
// $(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>');
$(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>');
//check if resolution is bigger than tablet resolution
/* if ($(window).width() > 991) {
//detect scroll
window.onscroll = function (e) {
if ($(window).scrollTop() == 0) {
$('#corona-instructions-sidebar').hide();
}else {
$('#corona-instructions-sidebar').show();
}
}
} */
}
function check_corona_config(config){
console.log(config)
if (config) {
if (config.instructions_on_food_page && config.food_page_instruction_text && config.food_page_instruction_phone) {
if (!config.promote_deliveries && config.promote_pick_up) {
var btnText = 'Call For Pick Up';
}
if (config.promote_deliveries && !config.promote_pick_up) {
var btnText = 'Call For Delivery';
}
if (config.promote_deliveries && config.promote_pick_up) {
var btnText = 'Call For Pick Up Or Delivery';
}
if(typeof btnText !== "undefined"){ // check if pick up or delivery are true
if(config.shopping_cart_type == "TMT" && config.shopping_cart_active == true) {
var btnText = 'ORDER NOW';
if($('.food-menu-nav').length){ //new template
var textColor = rgb2hex($('.section-header').css('color'));
var linkColor = rgb2hex($('.food-menu-nav-item.active').css('background-color'));
var fontSize = parseInt($('.food-menu-nav-item').css('font-size'));
fontSize = fontSize + Math.round(fontSize * 0.25);
}
else { //old template
var textColor = rgb2hex($('.menu-item-name-traditional').css('color'));
var linkColor = rgb2hex($('.style-traditional .tabnav .nav>li.active>a').css('color'));
var linkTextColor = getContrast50(linkColor);
var fontSize = parseInt($('.menu-item-name-traditional').css('font-size'));
fontSize = fontSize + Math.round(fontSize * 0.25);
}
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);
show_corona_sidebar_instructions(btnText, config.food_page_instruction_phone);
} else {
show_corona_instructions(config.food_page_instruction_text, config.food_page_instruction_phone, btnText);
show_corona_sidebar_instructions(btnText, config.food_page_instruction_phone);
}
}
}
}
}
if (is_food_menu_page() && !window.location.search.includes("contactless=true")){
$( document ).ready(function() {
setTimeout(function(){
check_corona_config(corona_config);
}, 300);
});
}
function isPhone(phone){
var regex = /^(\+\d{1,2}\s?)?\(?\d{3}\)?[\s.-]?\d{3}[\s.-]?\d{4}$/;
return regex.test(phone);
}
function sendEmail_MT (input_id) {
const $loader = $("[data-id=newsletter-widget-2] .sph-loading-img");
const $step = {
form: $("[data-id=newsletter-widget-2] .sph-email-form"),
message: $("[data-id=newsletter-widget-2] .sph-response-message"),
}
const $field = {
email: $("[data-id=newsletter-widget-2] #sph-newsletter-input-" + input_id),
phone: $("[data-id=newsletter-widget-2] #sph-newsletter-phone-" + input_id),
consent: $("[data-id=newsletter-widget-2] #sph-newsletter-checkbox-phone-" + input_id),
};
const $error = {
email: $("[data-id=newsletter-widget-2] #sph-newsletter-email-error-" + input_id),
phone: $("[data-id=newsletter-widget-2] #sph-newsletter-phone-error-" + input_id),
};
if ($field.email.val().trim() === "") {
$error.email
.html("This field is required")
.show();
}
else if (!isEmail($field.email.val().trim())) {
$error.email
.html("Please use the format “email@example.com”")
.show();
} else {
$error.email
.html("")
.hide();
}
if ($field.consent.is(':checked') && $field.phone.val().trim() === "") {
$error.phone
.html("This field is required")
.show();
} else if ($field.phone.val().trim().length > 0 && !isPhone($field.phone.val().trim())) {
$error.phone
.html("The phone number must contain 10 digits")
.show();
} else {
$error.phone
.html("")
.hide();
}
const errorField = $step.form.find('.sh-form-error:visible');
if (errorField.length > 0) {
const input = errorField.first().next();
document.activeElement.blur();
setTimeout(() => {
input.focus();
}, 160)
return;
}
$loader
.show()
.prev()
.hide();
$.ajax({
method: "POST",
url: "https://www.spothopperapp.com/api/spots/20242/contacts/add_with_texting_permission",
crossDomain: true,
dataType: 'json',
data: {
email: $field.email.val().trim(),
phone: $field.phone.val().trim(),
texting_permission: $field.consent.is(':checked'),
},
success: function (data) {
afterRequestSubmission(data);
},
error: function () {
afterRequestSubmission("Something went wrong. Please try again later.");
}
});
function afterRequestSubmission (data) {
$step.form.hide();
$step.message
.html(data)
.show()
.trigger('focus');
}
}
</script><script>function addPromotionParamsToTMTLinks()
{
if (sessionStorage.getItem('shUrlParams')) {
let shParams = JSON.parse(sessionStorage.getItem('shUrlParams'));
if (!Object.keys(shParams).length)
return;
if(!shParams.source)
return;
$('a').each(function () {
if (this.href.includes('tmt.spotapps.co')) {
if(this.href.includes('&source=') || this.href.includes('&destination=') || this.href.includes('&promotion='))
return;
this.href = this.href + '&source=' + shParams.source;
if(shParams.destination)
this.href = this.href + '&destination=' + shParams.destination;
if(shParams.promotion)
this.href = this.href + '&promotion=' + shParams.promotion;
if(shParams.fb_post_id)
this.href = this.href + '&fb_post_id=' + shParams.fb_post_id;
if(shParams.email_post_id)
this.href = this.href + '&email_post_id=' + shParams.email_post_id;
}
})
}
}
setTimeout(function() {
addPromotionParamsToTMTLinks();
addFooterToSourceParam();
},600)
function addFooterToSourceParam()
{
$('.bottom-link').each(function (){
if(shouldAddSourceParam(this.href))
this.href = this.href + '&source=footer';
})
$('#sh-multiple-links-content-holder a').each(function (){
if(shouldAddSourceParam(this.href))
this.href = this.href + '&source=footer';
})
}
function shouldAddSourceParam(link){
if (link.includes('tmt.spotapps.co') && !link.includes('&source=')){
return true;
}
return false;
}
</script><script type="text/javascript" src="https://static.spotapps.co/slideshow_and_video_control_buttons_mt_plugin_v2.js"></script><link href="https://static.spotapps.co/wcache-website-includes/assets/generic-form-BPJPlCcv.css" rel="stylesheet" media="screen"><script type="module" crossorigin="crossorigin" src="https://static.spotapps.co/wcache-website-includes/assets/generic-form-CoiH5Vfl.js"></script><div id="sh-generic-form-widget" data-v-app=""><div><button id="sh-generic-form-bubble" class="tw-fixed md:tw-bottom-6 tw-right-2 tw-z-[1040] tw-bg-transparent tw-border-0 tw-p-0 tw-transition-all tw-bottom-16" aria-label="Open contact us popup form" aria-haspopup="dialog" aria-expanded="false"><div class="tw-bg-white tw-rounded-full tw-justify-center tw-flex tw-items-center tw-w-16 tw-h-16"><img class="tw-w-10 tw-h-10" src="data:image/svg+xml,%3csvg%20width='42'%20height='32'%20viewBox='0%200%2042%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%200C21.125%200%2027%204.9375%2027%2011C27%2017.125%2021.125%2022%2014%2022C12.8125%2022%2011.6875%2021.875%2010.5625%2021.625C8.6875%2022.8125%205.9375%2024%202.5%2024C1.875%2024%201.3125%2023.6875%201.125%2023.0625C0.875%2022.5%200.9375%2021.875%201.375%2021.375C1.4375%2021.375%202.8125%2019.875%203.8125%2017.875C2.0625%2016%201%2013.625%201%2011C1%204.9375%206.8125%200%2014%200ZM11.25%2018.6875C12.1875%2018.9375%2013.0625%2019%2014%2019C19.5%2019%2024%2015.4375%2024%2011C24%206.625%2019.5%203%2014%203C8.4375%203%204%206.625%204%2011C4%2013.25%205.0625%2014.875%206%2015.8125L7.5%2017.375L6.5%2019.3125C6.25%2019.6875%206%2020.125%205.75%2020.5625C6.875%2020.25%207.9375%2019.75%209%2019.0625L10.0625%2018.4375L11.25%2018.6875ZM28.5625%208.0625C35.5%208.3125%2041%2013.125%2041%2019C41%2021.625%2039.875%2024%2038.125%2025.875C39.125%2027.875%2040.5%2029.375%2040.5625%2029.375C41%2029.875%2041.0625%2030.5%2040.8125%2031.0625C40.625%2031.6875%2040.0625%2032%2039.4375%2032C36%2032%2033.25%2030.8125%2031.375%2029.625C30.25%2029.875%2029.125%2030%2028%2030C22.875%2030%2018.4375%2027.5%2016.3125%2023.875C17.375%2023.75%2018.4375%2023.5%2019.375%2023.125C21.125%2025.5%2024.3125%2027%2028%2027C28.875%2027%2029.75%2026.9375%2030.6875%2026.6875L31.875%2026.4375L32.9375%2027.0625C34%2027.75%2035.0625%2028.25%2036.1875%2028.5625C35.9375%2028.125%2035.6875%2027.6875%2035.4375%2027.3125L34.4375%2025.375L35.9375%2023.8125C36.875%2022.875%2038%2021.25%2038%2019C38%2014.875%2034%2011.5%2028.9375%2011.0625L29%2011C29%2010%2028.8125%209%2028.5625%208.0625Z'%20fill='black'/%3e%3c/svg%3e" alt=""></div></button><!----><!----><!----></div></div><script>
;(async () => {
if (typeof window.focusTrap === 'undefined') {
await getScript('https://unpkg.com/tabbable/dist/index.umd.js');
await getScript('https://unpkg.com/focus-trap/dist/focus-trap.umd.js');
}
document.querySelectorAll('.modal').forEach((element) => {
const trap = window.focusTrap?.createFocusTrap(element, {
allowOutsideClick: true,
});
$(element).on('shown.bs.modal', () => {
trap?.activate();
});
$(element).on('hidden.bs.modal', () => {
trap?.deactivate();
});
});
async function getScript (source) {
return new Promise((resolve, reject) => {
const script = document.createElement('script');
script.src = source;
script.async = true;
script.onload = resolve;
script.onerror = reject;
document.head.appendChild(script);
});
}
})();
</script><script src="https://wcache-plugins.spotapps.co/production/wcpl_bootstrap_ada_fix/wcpl_bootstrap_ada_fix.js"></script><link href="https://wcache-plugins.spotapps.co/production/wcpl_bday_club/wcpl_bday_club.css" rel="stylesheet" media="screen"><link href="https://wcache-plugins.spotapps.co/production/wcpl_website_editor_interpreter/website_interpreter_helper_style.css" rel="stylesheet" media="screen"><script>var changes_log_array = {};</script><script src="https://wcache-plugins.spotapps.co/production/wcpl_website_editor_interpreter/website_interpreter.js"></script><div class="modal-backdrop fade in"></div></body></html>