{"id":6485,"date":"2025-07-02T10:45:41","date_gmt":"2025-07-02T16:45:41","guid":{"rendered":"https:\/\/wordpress.megaplextheatres.com\/?p=6485"},"modified":"2025-12-31T08:04:44","modified_gmt":"2025-12-31T15:04:44","slug":"dining11","status":"publish","type":"post","link":"https:\/\/wordpress.megaplextheatres.com\/index.php\/2025\/07\/02\/dining11\/","title":{"rendered":"Megaplex | Dining"},"content":{"rendered":"\n<style>\n  * {\n    box-sizing: border-box;\n  }\n\n  html, body {\n    margin: 0;\n    padding: 0;\n    background: #BAEDCF;\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: #9bd4b3;\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  \/* 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  \/* Full-Width Card Styling *\/\n  .premium-full-width-card {\n    background: #BAEDCF;\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;\n    max-width: 1200px;\n    width: 100%;\n    transition: transform 0.3s ease;\n  }\n\n  .premium-full-width-card:hover {\n    transform: translateY(-5px);\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: #003D26;\n    margin-bottom: 20px;\n    line-height: 1.2;\n    text-transform: uppercase;\n  }\n\n  .premium-full-width-content h3 {\n    font-size: 4rem;\n    font-family: 'Salo Bold', sans-serif;\n    font-weight: normal;\n    color: #003D26;\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: #003D26;\n    margin-bottom: 30px;\n    line-height: 1.6;\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  \/* Header Section Styling *\/\n  .section-header {\n    text-align: center;\n    padding: 80px 20px 40px 20px;\n    background: #9bd4b3;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .section-header h1 {\n    font-size: 12rem;\n    font-family: 'Salo Bold', sans-serif;\n    font-weight: bold;\n    color: #003D26;\n    margin: 0;\n    text-transform: uppercase;\n    line-height: 1.1;\ntext-align: center;\n  }\n\n  \/* Premium Content Container *\/\n  .premium-content {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 40px 20px 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: #BAEDCF;\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  \/* 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: #003D26;\n    margin-bottom: 20px;\n    line-height: 1.2;\n    text-transform: uppercase;\n    text-align: center;\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  \/* 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: 5rem;\n      text-align: center;\n    }\n\n    .premium-full-width-content h3 {\n      font-size: 3rem;\n      text-align: center;\n    }\n\n    .premium-full-width-content p {\n      font-size: 1.8rem;\n      text-align: center;\n    }\n\n    .premium-full-width-photo {\n      order: -1;\n    }\n\n    \/* Mobile Header Adjustments *\/\n    .section-header {\n      padding: 60px 20px 30px 20px;\n    }\n\n    .section-header h1 {\n      font-size: 8rem;\n    }\n\n    \/* Mobile Card Adjustments *\/\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: 5rem;\n      text-align: center;\n    }\n\n    .premium-card-button {\n      max-width: 120px;\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-content {\n      padding: 30px 15px 60px 15px;\n    }\n\n    .section-header {\n      padding: 40px 15px 20px 15px;\n    }\n\n    .section-header h1 {\n      font-size: 6rem;\n    }\n\n    .premium-full-width-card {\n      margin: 40px auto;\n      padding: 25px 15px;\n    }\n\n    .premium-full-width-content h2 {\n      font-size: 4rem;\n    }\n\n    .premium-full-width-content h3 {\n      font-size: 2.5rem;\n    }\n\n    .premium-full-width-content p {\n      font-size: 1.5rem;\n    }\n\n    .premium-card-content h2 {\n      font-size: 4rem;\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<\/style>\n\n<!-- Pure CSS Popup Overlay -->\n<div class=\"popup-overlay\" id=\"gamePopup\">\n  <div class=\"popup-container\">\n    <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/games menu.png\" alt=\"Games Menu\" class=\"popup-image\">\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    <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\/diningbannerweb.webp\" alt=\"Spark Premium Banner Desktop\" class=\"desktop-banner\" \/>\n    <!-- Mobile Banner -->\n    <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/diningbannermobile.webp\" alt=\"Spark Premium Banner Mobile\" class=\"mobile-banner\" \/>\n  <\/div>\n\n<script type='text\/javascript' src='\/\/www.opentable.com\/widget\/reservation\/loader?rid=1433407&#038;type=button&#038;theme=standard&#038;color=4&#038;dark=false&#038;iframe=true&#038;domain=com&#038;lang=en-US&#038;newtab=false&#038;ot_source=Restaurant%20website&#038;cfe=true'><\/script>\n\n<!--\n<div class=\"premium-full-width-card desktop-banner\" style=\"\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    align-content: center;\n    justify-content: center;\n    align-items: center;\n    height: 350px;\n    background: none;\n    margin-bottom: -250px;\n\">\n<iframe loading=\"lazy\" data-test=\"reservation-widget-iframe\" src=\"https:\/\/www.opentable.com\/widget\/reservation\/mural?rid=1433407&amp;type=standard&amp;color=4&amp;dark=false&amp;iframe=true&amp;domain=com&amp;lang=en-US&amp;newtab=false&amp;ot_source=Restaurant website&amp;cfe=true&amp;uuid=3a48cba5-8d52-4824-940e-b033adab64a30&amp;theme=wide\" width=\"840\" height=\"350\" frameborder=\"0\" scrolling=\"no\" name=\"opentable-make-reservation-widget\" title=\"OpenTable make reservation widget\"><\/iframe>\n<\/div> -->\n\n  <!-- Luxury Dining Section -->\n  <div class=\"premium-full-width-card\">\n    <!-- Text Content on Left -->\n    <div class=\"premium-full-width-content\">\n      <h2>LUXURY DINING<\/h2>\n      <h3>Daybreak Dining Hours: 11am &#8211; 10pm<\/h3>\n      <p>\n        Megaplex Dining is more than movie snacks\u2014it&#8217;s chef-crafted meals served where and how you want them. Guests can dine in the lounge, enjoy food laneside while bowling, or have entr\u00e9es delivered right to their luxury recliner during the movie. It&#8217;s dinner and a movie, elevated.\n      <\/p>\n<iframe loading=\"lazy\" data-test=\"reservation-widget-iframe\" src=\"https:\/\/www.opentable.com\/widget\/reservation\/mural?rid=1433407&amp;type=button&amp;color=4&amp;dark=false&amp;iframe=true&amp;domain=com&amp;lang=en-US&amp;newtab=false&amp;ot_source=Restaurant website&amp;cfe=true&amp;uuid=5e65eda1-edb7-47bc-8c28-e756571feaf00&amp;theme=standard\" width=\"210\" height=\"113\" frameborder=\"0\" scrolling=\"no\" name=\"opentable-make-reservation-widget\" title=\"OpenTable make reservation widget\"><\/iframe>\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\/Dinner Photo Megaplex.webp\" alt=\"Luxury Dining Experience\" \/>\n    <\/div>\n  <\/div>\n\n  <!-- Header Section Between Sections -->\n  <div class=\"section-header\">\n    <h1>Based on a Love Story<\/h1>\n  <\/div>\n\n  <!-- Menu Cards Section -->\n  <div class=\"premium-content\">\n    <div class=\"premium-cards-grid\">\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=\"Appetizers\" \/>\n        <\/div>\n        <div class=\"premium-card-content\">\n          <h2>APPETIZERS<\/h2>\n          <a href=\"https:\/\/wordpress.megaplextheatres.com\/wp-content\/uploads\/251103_Daybreak_DiningMenu_DEC_2025-F.pdf\" class=\"premium-card-button\">\n            <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/viewmenubuttondining.webp\" alt=\"View Menu 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=\"Entrees\" \/>\n        <\/div>\n        <div class=\"premium-card-content\">\n          <h2>ENTREES<\/h2>\n          <a href=\"https:\/\/wordpress.megaplextheatres.com\/wp-content\/uploads\/251103_Daybreak_DiningMenu_DEC_2025-F.pdf\" class=\"premium-card-button\">\n            <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/viewmenubuttondining.webp\" alt=\"View Menu 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=\"Desserts\" \/>\n        <\/div>\n        <div class=\"premium-card-content\">\n          <h2>DESSERTS<\/h2>\n          <a href=\"https:\/\/wordpress.megaplextheatres.com\/wp-content\/uploads\/251103_Daybreak_DiningMenu_DEC_2025-F.pdf\" class=\"premium-card-button\">\n            <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/viewmenubuttondining.webp\" alt=\"View Menu 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=\"Hand Helds\" \/>\n        <\/div>\n        <div class=\"premium-card-content\">\n          <h2>HAND HELDS<\/h2>\n          <a href=\"https:\/\/wordpress.megaplextheatres.com\/wp-content\/uploads\/251103_Daybreak_DiningMenu_DEC_2025-F.pdf\" class=\"premium-card-button\">\n            <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/viewmenubuttondining.webp\" alt=\"View Menu Button\" \/>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>LUXURY DINING Daybreak Dining Hours: 11am &#8211; 10pm Megaplex Dining is more than movie snacks\u2014it&#8217;s chef-crafted meals served where and how you want them. Guests can dine in the lounge, enjoy food laneside while bowling, or have entr\u00e9es delivered right to their luxury recliner during the movie. It&#8217;s dinner and a movie, elevated. Based on [&hellip;]<\/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-6485","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\/6485","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=6485"}],"version-history":[{"count":36,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/6485\/revisions"}],"predecessor-version":[{"id":7265,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/6485\/revisions\/7265"}],"wp:attachment":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/media?parent=6485"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/categories?post=6485"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/tags?post=6485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}