{"id":5585,"date":"2025-03-20T14:48:40","date_gmt":"2025-03-20T20:48:40","guid":{"rendered":"https:\/\/wordpress.megaplextheatres.com\/?p=5585"},"modified":"2025-03-24T10:46:53","modified_gmt":"2025-03-24T16:46:53","slug":"indiana-jones-and-the-return-to-megaplex","status":"publish","type":"post","link":"https:\/\/wordpress.megaplextheatres.com\/index.php\/2025\/03\/20\/indiana-jones-and-the-return-to-megaplex\/","title":{"rendered":"Indiana Jones and the Return to Megaplex"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n  \/* Add application styles & imports to this file! *\/\n  :host {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100vh;\n  }\n\n  .cards-container {\n    display: flex;\n    gap: 3rem;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .card {\n    width: 400px;\n    height: 600px;\n    perspective: 1000px;\n    position: relative;\n    @media screen and (max-width:420px){\n      width: 300px;\n      height: 400px;\n    }\n  }\n\n  .flip-checkbox {\n    display: none;\n  }\n\n  .card-inner {\n    width: 100%;\n    height: 100%;\n    transition: transform 0.6s;\n    transform-style: preserve-3d;\n    position: relative;\n  }\n\n  .flip-checkbox:checked+.card-inner {\n    transform: rotateY(180deg);\n  }\n\n  .card-front,\n  .card-back {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    backface-visibility: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    background: #13003b;\n    border: 4px solid #863eff;\n  }\n\n  .card-back {\n    padding: 2.5rem;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n\n    .card-back-container {\n      h2 {\n        font-family: 'Salo Bold';\n        font-size: 5rem;\n      }\n\n      h3 {\n        font-family: 'Founders';\n        font-weight:normal;\n      }\n\n      ul {\n        margin-top: 3rem;\n\n        li {\n          font-family: 'Founders';\n          padding: 0rem;\n        }\n      }\n      p{\n          opacity:70%;\n          margin-bottom:3rem;\n          font-family:'Founders';\n      }\n\n      label {\n        cursor: pointer;\n        font-size: 4rem;\n        padding-left: 90%;\n      }\n      @media screen and (max-width:420px){\n        h2{\n          font-size: 3.5rem;\n        }\n        h3{\n          font-size: 1.5rem;\n        }\n        ul{\n          margin-top: 1rem;\n        }\n        p{\n          font-size: 12px;\n          margin:0px;\n        }\n      }\n    }\n  }\n\n  .card-front {\n    label{\n      @media screen and (max-width:420px){\n        background-size: auto !important;\n        width: 20rem !important;\n        height: 8rem !important;\n        font-size: 2.7rem !important;\n      }\n      font-size: 3.5rem;\n    }\n  }\n\n  .card-image-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .card-image-content {\n      height: 40rem;\n      width: 40rem;\n      @media screen and (max-width:420px){\n        width: 27rem;\n        height: 27rem;\n      }\n    }\n  }\n\n  .card-back {\n    transform: rotateY(180deg);\n    background-color: #863eff;\n  }\n\n  .plans-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin: 3rem 0rem 3rem 0rem;\n  }\n\n  .option-selector {\n    display: flex;\n    gap: 5px;\n    margin-bottom: 3rem;\n    border: 4px solid #863eff;\n    background-color: #13003b;\n    width: 50rem;\n\n    @media screen and (max-width:430px){\n      width: 30rem;\n    }\n\n    div {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin: 0.5rem;\n\n      &.active {\n        background: #863eff;\n      }\n    }\n\n    button {\n      color: white;\n      padding: 1rem;\n      border: none;\n      background: transparent;\n      cursor: pointer;\n      font-size: 2.5rem;\n      font-family: 'Salo Bold';\n    }\n  }\n\n  .variation-container {\n    display: flex;\n    gap: 10px;\n    justify-content: center;\n\n    @media screen and (max-width:768px){\n      flex-direction: column;\n    }\n\n    .variation {\n      width: 60rem;\n      height: 25rem;\n      border: 4px solid #863eff;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-around;\n      background-color: #13003b;\n\n      @media screen and (max-width:768px){\n        width: 35rem;\n        height: 35rem;\n        flex-direction: column;\n      }\n\n      .header {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        border-bottom: 4px solid #863eff;\n\n        .container {\n          padding: 1rem;\n\n          h1 {\n            margin-top: 0.3rem;\n            margin-bottom: 0px;\n            font-family: 'Salo Regular';\n            color: white;\n            font-weight: normal;\n          }\n\n          h3 {\n            font-family: 'Salo Bold';\n            margin-top: 0px;\n            color: #863eff;\n\n            s {\n              font-family: 'Salo Bold';\n            }\n          }\n        }\n\n        .join-button {\n          padding: 1rem;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          font-family: 'Salo Regular';\n          width: 30rem;\n\n          a {\n            width: 100%;\n            height: 100%;\n            font-size: 4rem;\n            color: black;\n            @media screen and (max-width:768px){\n              font-size: 3rem;\n            }\n          }\n        }\n      }\n\n      .content {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n\n        h2 {\n          text-transform: uppercase;\n          margin-bottom: 0.5rem;\n          font-family: 'Salo Bold';\n          color: #bab1fe;\n        }\n\n        h4 {\n          font-family: 'Founders';\n          margin: 0px;\n          padding: 0px 5rem 1rem 5rem;\n          text-align: center;\n          color: white;\n          font-weight: normal;\n        }\n      }\n    }\n\n    .hidden {\n      display: none;\n    }\n  }\n.content-section {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    margin: 20px 0;\n}\n\n.image-container {\n    flex: 1;\n    max-width: 50%;\n}\n\n.image-container img {\n    width: 100%;\n    height: auto;\n    border-radius: 3px; \/* Optional for rounded corners *\/\n}\n\n.text-container {\n    flex: 1;\n    max-width: 60%;\n}\n\n.text-container h2 {\n    margin-bottom: 10px;\n    font-size: 24px;\n}\n\n.text-container p {\n    font-size: 16px;\n    line-height: 1.5;\n}\n.container {\n    display: flex;\n    align-items: center; \/* Align image and text vertically *\/\n    justify-content: space-between; \/* Add spacing between columns *\/\n    gap: 20px; \/* Optional spacing *\/\n    flex-wrap: wrap; \/* Ensures responsiveness on smaller screens *\/\n}\n\n.image-column {\n    flex: 1;\n    max-width: 40%; \/* Adjust width for better balance *\/\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.image-column img {\n    width: 100%;\n    height: auto;\n    object-fit: cover; \/* Ensures the image scales properly *\/\n    max-height: 100%; \/* Prevents it from getting too large *\/\n}\n\n\/* Hide the image on mobile (below 768px) *\/\n@media screen and (max-width: 768px) {\n    .image-column {\n        display: none;\n    }\n}\n\n\n.text-column {\n    flex: 2;\n    max-width: 60%;\ntext-align: left;\n}\n@media screen and (max-width: 768px) {\n    .text-column {\n        max-width: 100%; \/* Allows text to take full width *\/\n        text-align: center; \/* Centers text for better readability *\/\n        padding: 0 20px; \/* Adds some spacing on the sides *\/\n    }\n}\n\n.text-column h2 {\n    margin-bottom: 10px;\n    font-size: 50px;\n    font-family: 'Salo Bold', sans-serif; \/* Change this to your desired font *\/\n}\n\n.text-column p {\n    font-size: 16px;\n    line-height: 1.5;\nfont-family: 'Founders', sans-serif; \/* Change this to your desired font *\/\n}\n\n\n\/* Movie Poster Container Styles *\/\n.movie-poster-container {\n    display: flex;\n    justify-content: center;\n    gap: 40px;\n    flex-wrap: nowrap;\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 15px; \/* Add padding for smaller screens *\/\n}\n\n.movie-poster-wrapper {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.movie-poster {\n    width: 300px;\n    height: 450px;\n    object-fit: cover;\n    border-radius: 0px;\n}\n\n.ticket-button {\n    width: 300px;\n    height: 81px;\n    margin-top: 10px;\n    cursor: pointer;\n    transition: transform 0.2s ease-in-out;\n}\n\n.ticket-button:hover {\n    transform: scale(1.05);\n}\n\n\/* Responsive adjustments *\/\n@media screen and (max-width: 1300px) {\n    .movie-poster-container {\n        gap: 20px;\n    }\n    .movie-poster, .ticket-button {\n        width: 250px;\n        height: auto; \/* Allow height to adjust proportionally *\/\n    }\n    .ticket-button {\n        height: 68px; \/* Adjusted proportionally *\/\n    }\n}\n\n@media screen and (max-width: 900px) {\n    .movie-poster-container {\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 30px;\n    }\n    .movie-poster, .ticket-button {\n        width: 225px;\n    }\n    .ticket-button {\n        height: 61px;\n    }\n}\n\n@media screen and (max-width: 600px) {\n    .movie-poster-container {\n        flex-direction: column;\n        align-items: center;\n        gap: 40px;\n    }\n    .movie-poster-wrapper {\n        margin-bottom: 15px;\n    }\n    .movie-poster {\n        width: 200px;\n        height: 300px; \/* Maintain aspect ratio *\/\n    }\n    .ticket-button {\n        width: 200px;\n        height: 54px; \/* Maintain aspect ratio *\/\n    }\n}\n\n@media screen and (max-width: 320px) {\n    .movie-poster {\n        width: 180px;\n        height: 270px;\n    }\n    .ticket-button {\n        width: 180px;\n        height: 49px;\n    }\n}\n<\/style>\n\n<section id=\"standard\">\n  <center><img decoding=\"async\" class=\"standard\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Web header indiana jones-01-01-01-01 (1).webp\"\n      alt=\"Indiana Jones and the Return to Megaplex Banner\" \/><\/center>\n  <main style=\"margin-top: 1%; margin-bottom: 1%;\">\n\n\n\n <div class=\"container\">\n        <div class=\"image-column\">\n            <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/IndianaJonesImage.webp\" alt=\"Descriptive Alt Text\">\n        <\/div>\n        <div class=\"text-column\">\n            <h2>Indiana Jones MegaMarathon<\/h2>\n            <p>\u200bIt belongs in a museum\u2014and on the big screen! Experience the\noriginal Indiana Jones trilogy at Megaplex as part of $5\nMegaReelDeals. Whether you\u2019re revisiting these classics or\ndiscovering them for the first time, this is one adventure you won\u2019t\nwant to miss! \n<br><br>\nIn addition to individual screenings, join us for the Megaplex Indiana Jones Trilogy MegaMarathon on Saturday, April 19, 2025. Relive the thrills of the complete original trilogy on the big screen in one epic day. Please note: No outside food or drinks are permitted.\n<br><br>\nIncluded with Marathon Ticket Purchase:<br>\n\u2022 One Large Popcorn (refillable throughout the marathon; guests may use their MegaTub)\u200b<br>\n\u2022 One Large Drink (refillable throughout the marathon; guests may use their MegaMug)\u200b<br>\n\u2022 Exclusive Lanyard\u200b<br>\n\u2022 Certificate of Completion<br>\n\n<\/p>\n        <\/div>\n    <\/div>\n<p style=\"padding-bottom: 2%;\">\n<div class=\"movie-poster-container\">\n    <!-- Poster 1 -->\n    <div class=\"movie-poster-wrapper\">\n        <img decoding=\"async\" class=\"movie-poster\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Indiana Jones Marathon poster.webp\" alt=\"Indiana Jones Marathon at Megaplex\" \/>\n        <a href=\"https:\/\/megaplex.com\/film\/HO00003695\">\n            <img decoding=\"async\" class=\"ticket-button\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Indiana Jones Orange Tickets.png\" alt=\"Buy Tickets\" \/>\n        <\/a>\n    <\/div>\n\n    <!-- Poster 2 -->\n    <div class=\"movie-poster-wrapper\">\n        <img decoding=\"async\" class=\"movie-poster\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Raiders Poster.webp\" alt=\"Raiders of the Lost Ark Indiana Jones $5 MegaReelDeal\" \/>\n        <a href=\"https:\/\/megaplex.com\/film\/HO00003692\/dollar5-megareeldeal-raiders-of-the-lost-ark\">\n            <img decoding=\"async\" class=\"ticket-button\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Indiana Jones Orange Tickets.png\" alt=\"Buy Tickets\" \/>\n        <\/a>\n    <\/div>\n\n    <!-- Poster 3 -->\n    <div class=\"movie-poster-wrapper\">\n        <img decoding=\"async\" class=\"movie-poster\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Temple of Doom poster.webp\" alt=\"$5 MegaReelDeal Indiana Jones &#038; the Temple of Doom\" \/>\n        <a href=\"https:\/\/megaplex.com\/film\/HO00003693\/dollar5-megareeldeal-indiana-jones-and-the-temple-of-doom\">\n            <img decoding=\"async\" class=\"ticket-button\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Indiana Jones Orange Tickets.png\" alt=\"Buy Tickets\" \/>\n        <\/a>\n    <\/div>\n\n    <!-- Poster 4 -->\n    <div class=\"movie-poster-wrapper\">\n        <img decoding=\"async\" class=\"movie-poster\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Last Crusade Poster.webp\" alt=\"$5 MegaReelDeal Indiana Jones &#038; the Last Crusade\" \/>\n        <a href=\"https:\/\/megaplex.com\/film\/HO00003694\/dollar5-megareeldeal-indiana-jones-and-the-last-crusade\">\n            <img decoding=\"async\" class=\"ticket-button\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Indiana Jones Orange Tickets.png\" alt=\"Buy Tickets\" \/>\n        <\/a>\n    <\/div>\n<\/div>\n\n<\/div>\n<\/main>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n\n\n<p><!-- \/wp:post-content --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p><!-- \/wp:paragraph --><\/p>","protected":false},"excerpt":{"rendered":"<p>Indiana Jones MegaMarathon \u200bIt belongs in a museum\u2014and on the big screen! Experience the original Indiana Jones trilogy at Megaplex as part of $5 MegaReelDeals. Whether you\u2019re revisiting these classics or discovering them for the first time, this is one adventure you won\u2019t want to miss! In addition to individual screenings, join us for the [&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-5585","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\/5585","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=5585"}],"version-history":[{"count":54,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/5585\/revisions"}],"predecessor-version":[{"id":5647,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/5585\/revisions\/5647"}],"wp:attachment":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/media?parent=5585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/categories?post=5585"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/tags?post=5585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}