{"id":6410,"date":"2025-06-30T09:55:02","date_gmt":"2025-06-30T15:55:02","guid":{"rendered":"https:\/\/wordpress.megaplextheatres.com\/?p=6410"},"modified":"2025-07-25T11:37:04","modified_gmt":"2025-07-25T17:37:04","slug":"bowling-laneside","status":"publish","type":"post","link":"https:\/\/wordpress.megaplextheatres.com\/index.php\/2025\/06\/30\/bowling-laneside\/","title":{"rendered":"Bowling Laneside Dining"},"content":{"rendered":"\n<style>\n  * {\n    box-sizing: border-box;\n  }\n\n  html, body {\n    margin: 0;\n    padding: 0;\n    background: #FCECA1;\n  }\n\n  \/* Enhanced Banner Style with Mobile Responsive Images *\/\n  .megaplex-banner {\n    width: 100%;\n    max-width: 1800px;\n    margin: 0 auto 2rem auto;\n    position: relative;\n  }\n\n  .megaplex-banner img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  \/* Desktop banner - visible by default *\/\n  .megaplex-banner .desktop-banner {\n    display: block;\n  }\n\n  \/* Mobile banner - hidden by default *\/\n  .megaplex-banner .mobile-banner {\n    display: none;\n  }\n\n  \/* Show mobile banner on mobile devices *\/\n  @media (max-width: 768px) {\n    .megaplex-banner .desktop-banner {\n      display: none;\n    }\n    \n    .megaplex-banner .mobile-banner {\n      display: block;\n    }\n  }\n\n  \/* Main Premium Container *\/\n  .premium-container {\n    width: 100%;\n    font-family: 'Salo Regular', sans-serif;\n    font-weight: normal; \n    line-height: 1.6;\n    background: #FCECA1;\n    overflow-x: hidden;\n    transition: opacity 0.3s ease;\n  }\n\n  \/* Pure CSS Popup Overlay *\/\n  .popup-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.6);\n    z-index: 1000;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.3s ease, visibility 0.3s ease;\n  }\n\n  \/* Show popup when targeted *\/\n  .popup-overlay:target {\n    opacity: 1;\n    visibility: visible;\n  }\n\n  \/* Fade main content when popup is active *\/\n  .popup-overlay:target ~ .premium-container {\n    opacity: 0.3;\n  }\n\n  \/* Popup Container *\/\n  .popup-container {\n    position: relative;\n    max-width: 90%;\n    max-height: 90%;\n    transform: scale(0.8);\n    transition: transform 0.3s ease;\n  }\n\n  .popup-overlay:target .popup-container {\n    transform: scale(1);\n  }\n\n  \/* Popup Image *\/\n  .popup-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 10px;\n\n  }\n\n  \/* Close Button *\/\n  .popup-close {\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    width: 40px;\n    height: 40px;\n    z-index: 1001;\n    transition: transform 0.2s ease, opacity 0.2s ease;\n    text-decoration: none;\n  }\n\n  .popup-close:hover {\n    transform: scale(1.1);\n    opacity: 0.8;\n  }\n\n  .popup-close img {\n    width: 100%;\n    height: 100%;\n    display: block;\n  }\n\n  \/* Invisible overlay to close popup when clicking outside *\/\n  .popup-backdrop {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: -1;\n  }\n\n  .premium-hero {\n    background: linear-gradient(#FCECA1);\n    color: #FCDB42;\n    text-align: center;\n    padding: 80px 20px;\n  }\n\n  .premium-hero h1 {\n    font-size: 2.5rem;\n    font-family: 'Salo Bold', sans-serif;\n    margin-bottom: 20px;\n  }\n\n  .premium-hero-subtitle {\n    font-size: 1.4rem;\n    opacity: 0.9;\n  }\n\n  .premium-content {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 80px 20px;\n  }\n\n  \/* Card Grid Layout *\/\n  .premium-cards-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    margin-bottom: 80px;\n  }\n\n  \/* Individual Card Styling *\/\n  .premium-card {\n    background: #FCDB42;\n    border-radius: 5px;\n    padding: 30px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    transition: transform 0.3s ease;\n  }\n\n  .premium-card:hover {\n    transform: translateY(-5px);\n\n  }\n\n  \/* Photo Container in Card *\/\n  .premium-card-photo {\n    width: 100%;\n    max-width: 400px;\n    margin-bottom: 30px;\n  }\n\n  .premium-card-photo img {\n    width: 100%;\n    height: auto;\n    border-radius: 5px;\n    object-fit: cover;\n  }\n\n  \/* Text Content in Card *\/\n  .premium-card-content {\n    width: 100%;\n  }\n\n  .premium-card-content h2 {\n    font-size: 6rem;\n    font-family: 'Salo Regular', sans-serif;\n    font-weight: normal;\n    color: #805B00;\n    margin-bottom: 20px;\n    line-height: 1.2;\n    text-transform: uppercase;\n    text-align: center;\n  }\n\n  .premium-card-content p {\n    font-size: 3rem;\n    font-family: 'Founders', sans-serif;\n    color: #805B00;\n    margin-bottom: 30px;\n    line-height: 1.6;\n  }\n\n  \/* PNG Button in Card *\/\n  .premium-card-button {\n    display: inline-block;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    max-width: 100px;\n    text-decoration: none;\n  }\n\n  .premium-card-button img {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 0.3s ease, opacity 0.3s ease;\n  }\n\n  .premium-card-button:hover img {\n    transform: translateY(-3px) scale(1.05);\n    opacity: 0.9;\n  }\n\n  \/* CTA Section *\/\n  .premium-cta {\n    text-align: center;\n    padding: 60px 20px;\n  }\n\n  .premium-cta-button {\n    background: linear-gradient(#8003F4E);\n    color: #805B00;\n    padding: 20px 40px;\n    font-size: 1.2rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    border-radius: 5px;\n    border: none;\n    cursor: pointer;\n    transition: transform 0.3s ease;\n    text-decoration: none;\n  }\n\n  .premium-cta-button:hover {\n    transform: translateY(-3px);\n    background: linear-gradient(#003F4E);\n  }\n\n  \/* Mobile Responsiveness *\/\n  @media (max-width: 768px) {\n    .premium-cards-grid {\n      grid-template-columns: 1fr;\n      gap: 40px;\n    }\n\n    .premium-card {\n      padding: 20px;\n    }\n\n    .premium-card-photo {\n      margin-bottom: 20px;\n    }\n\n    .premium-card-content h2 {\n      font-size: 6rem;\n      text-align: center;\n    }\n\n    .premium-card-content p {\n      font-size: 2rem;\n    }\n\n    .premium-card-button {\n      max-width: 100px;\n    }\n\n    .premium-hero h1 {\n      font-size: 2.5rem;\n    }\n\n    .popup-close {\n      width: 35px;\n      height: 35px;\n      top: -8px;\n      right: -8px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .premium-hero {\n      padding: 60px 15px;\n    }\n\n    .premium-content {\n      padding: 40px 15px;\n    }\n\n    .premium-cta {\n      padding: 40px 15px;\n    }\n\n    .premium-hero h1 {\n      font-size: 2rem;\n    }\n\n    .premium-card-content h2 {\n      font-size: 6rem;\n    }\n\n    .premium-card-content p {\n      font-size: 0.95rem;\n    }\n\n    .premium-card-button {\n      max-width: 140px;\n    }\n\n    .popup-close {\n      width: 30px;\n      height: 30px;\n      top: -5px;\n      right: -5px;\n    }\n  }\n.premium-full-width-card {\n  background: #FCDB42;\n  border-radius: 5px;\n  padding: 40px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px;\n  align-items: center;\n  margin: 60px auto; \/* Added auto margins for centering *\/\n  max-width: 1200px; \/* CONSTRAINT: Maximum width *\/\n  width: 100%; \/* Full width up to max-width *\/\n  transition: transform 0.3s ease;\n}\n\n.premium-full-width-card:hover {\n  transform: translateY(-5px);\n\n}\n\n\/* Text Content Section *\/\n.premium-full-width-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.premium-full-width-content h2 {\n  font-size: 7rem;\n  font-family: 'Salo Regular', sans-serif;\n  font-weight: normal;\n  color: #805B00;\n  margin-bottom: 20px;\n  line-height: 1.2;\n  text-transform: uppercase;\n}\n\n.premium-full-width-content p {\n  font-size: 2.5rem;\n  font-family: 'Founders', sans-serif;\n  color: #805B00;\n  margin-bottom: 30px;\n  line-height: 1.6;\n}\n\n\/* Button in Full-Width Card *\/\n.premium-full-width-button {\n  display: inline-block;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  max-width: 200px;\n  text-decoration: none;\n  align-self: flex-start;\n}\n\n.premium-full-width-button img {\n  width: 100%;\n  height: auto;\n  display: block;\n  transition: transform 0.3s ease, opacity 0.3s ease;\n}\n\n.premium-full-width-button:hover img {\n  transform: translateY(-3px) scale(1.05);\n  opacity: 0.9;\n}\n\n\/* Photo Section *\/\n.premium-full-width-photo {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.premium-full-width-photo img {\n  width: 100%;\n  max-width: 500px;\n  height: auto;\n  border-radius: 5px;\n  object-fit: cover;\n}\n\n\/* Mobile Responsiveness for Full-Width Card *\/\n@media (max-width: 768px) {\n  .premium-full-width-card {\n    grid-template-columns: 1fr;\n    gap: 30px;\n    padding: 30px 20px;\n  }\n\n  .premium-full-width-content h2 {\n    font-size: 6rem;\n    text-align: center;\n  }\n\n  .premium-full-width-content p {\n    font-size: 2rem;\n    text-align: center;\n  }\n\n  .premium-full-width-button {\n    align-self: center;\n    max-width: 200px;\n  }\n\n  .premium-full-width-photo {\n    order: -1;\n  }\n}\n<\/style>\n\n<!-- Pure CSS Popup Overlay -->\n<div class=\"popup-overlay\" id=\"gamePopup\">\n  <div class=\"popup-container\">\n    <!-- Your popup PNG -->\n    <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/games menu.png\" alt=\"Games Menu\" class=\"popup-image\">\n    <!-- Close button - links to empty anchor to close popup -->\n    <a href=\"#\" class=\"popup-close\">\n      <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/times-solid.svg\" alt=\"Close\">\n    <\/a>\n    <!-- Invisible backdrop to close when clicking outside -->\n    <a href=\"#\" class=\"popup-backdrop\"><\/a>\n  <\/div>\n<\/div>\n\n<div class=\"premium-container\" id=\"mainContent\">\n  <!-- Enhanced Banner Section with Mobile\/Desktop Images -->\n  <div class=\"megaplex-banner\">\n    <!-- Desktop Banner -->\n    <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/lanesidediningbannerweb.webp\" alt=\"Spark Premium Banner Desktop\" class=\"desktop-banner\" \/>\n    <!-- Mobile Banner -->\n    <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/lanesidediningmobile.webp\" alt=\"Spark Premium Banner Mobile\" class=\"mobile-banner\" \/>\n  <\/div>\n\n\n<div class=\"premium-full-width-card\">\n  <!-- Text Content on Left -->\n  <div class=\"premium-full-width-content\">\n    <h2>LANESIDE DINING<\/h2>\n    <p>Now tasting, savoring, and enjoying\u2014without ever leaving your lane.\n<br><br>\nAt Megaplex at Downtown Daybreak, we\u2019re rolling out more than strikes.\u2028Food made to rival movie food\u2014delivered right to your lane.\u2028Order crave-worthy eats\u2014hot, fresh, and without missing a frame.\u2028Because greatness doesn\u2019t wait, and neither should dinner.\n<\/p>\n\n<a href=\"https:\/\/megaplex.com\/bowling\" class=\"premium-full-width-button\">\n  <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Reserve%20a%20lane%20Button2.webp\" alt=\"Reserve a Lane Button\" \/>\n<\/a>\n  <\/div>\n  \n  <!-- Photo on Right -->\n  <div class=\"premium-full-width-photo\">\n    <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/lanesidephoto1.webp\" alt=\"Your Image Description\" \/>\n  <\/div>\n<\/div>\n\n\n  <div class=\"premium-content\">\n    <!-- Cards Grid Layout -->\n    <div class=\"premium-cards-grid\">\n\n      <!-- Card 1 -->\n      <div class=\"premium-card\">\n        <div class=\"premium-card-photo\">\n          <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/lanesidephoto2.webp\" alt=\"Immersive Bowling Experience\" \/>\n        <\/div>\n        <div class=\"premium-card-content\">\n          <h2>APPETIZERS<\/h2>\n          <a href=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Opening Menu.pdf\" class=\"premium-card-button\">\n            <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/viewmenubutton.webp\" alt=\"Learn More Button\" \/>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Card 2 -->\n      <div class=\"premium-card\">\n        <div class=\"premium-card-photo\">\n          <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/lanesidephoto3.webp\" alt=\"Catch and Win\" \/>\n        <\/div>\n        <div class=\"premium-card-content\">\n          <h2>ENTREES<\/h2>\n          <a href=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Opening Menu.pdf\" class=\"premium-card-button\">\n            <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/viewmenubutton.webp\" alt=\"Play Now Button\" \/>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Card 3 -->\n      <div class=\"premium-card\">\n        <div class=\"premium-card-photo\">\n          <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/lanesidephoto4.webp\" alt=\"The Classics\" \/>\n        <\/div>\n        <div class=\"premium-card-content\">\n          <h2>DESSERTS<\/h2>\n          <a href=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Opening Menu.pdf\" class=\"premium-card-button\">\n            <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/viewmenubutton.webp\" alt=\"Book Lane Button\" \/>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Card 4 -->\n      <div class=\"premium-card\">\n        <div class=\"premium-card-photo\">\n          <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/lanesidephoto5.webp\" alt=\"Games for Prizesn\" \/>\n        <\/div>\n        <div class=\"premium-card-content\">\n          <h2>HAND HELDS<\/h2>\n          <a href=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Opening Menu.pdf\" class=\"premium-card-button\">\n            <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/viewmenubutton.webp\" alt=\"Get Started Button\" \/>\n          <\/a>\n<div style=\"display: none !important\">#{{event_contact_form:MegaEventsBowling}}<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>LANESIDE DINING Now tasting, savoring, and enjoying\u2014without ever leaving your lane. At Megaplex at Downtown Daybreak, we\u2019re rolling out more than strikes.\u2028Food made to rival movie food\u2014delivered right to your lane.\u2028Order crave-worthy eats\u2014hot, fresh, and without missing a frame.\u2028Because greatness doesn\u2019t wait, and neither should dinner. APPETIZERS ENTREES DESSERTS HAND HELDS #{{event_contact_form:MegaEventsBowling}}<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-6410","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"_links":{"self":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/6410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/comments?post=6410"}],"version-history":[{"count":26,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/6410\/revisions"}],"predecessor-version":[{"id":6644,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/6410\/revisions\/6644"}],"wp:attachment":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/media?parent=6410"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/categories?post=6410"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/tags?post=6410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}