{"id":7051,"date":"2025-10-14T15:27:17","date_gmt":"2025-10-14T21:27:17","guid":{"rendered":"https:\/\/wordpress.megaplextheatres.com\/?p=7051"},"modified":"2026-03-03T08:38:06","modified_gmt":"2026-03-03T15:38:06","slug":"jurassic-rewind","status":"publish","type":"post","link":"https:\/\/wordpress.megaplextheatres.com\/index.php\/2025\/10\/14\/jurassic-rewind\/","title":{"rendered":"Jurassic Rewind"},"content":{"rendered":"\n<style>\n  \/* Reset and base styles *\/\n  .megaplex-container * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n  \n  .megaplex-container {\n    width: 100%;\n    font-family: 'Founders', sans-serif;\n    line-height: 1.6;\n    overflow-x: hidden;\n    \/* Single continuous background image for entire page *\/\n    background-image: url('https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/jungle1.webp');\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-attachment: fixed;\n  }\n  \n  .megaplex-container h1 {\n    font-size: 15rem;\n    font-family: 'Salo Bold', sans-serif;\n    font-weight: bold;\ntext-align: center;\n  }\n  \n  .megaplex-container h2 {\n    font-size: 8rem;\n    margin-bottom: 1rem;\n    font-family: 'Salo Regular', sans-serif;\n    font-weight: normal;\n  }\n  \n  .megaplex-container h3 {\n    font-size: 4rem;\n    font-family: 'Salo Bold', serif;\n    font-weight: bold;\n  }\n  \n  .megaplex-container p {\n    font-size: 2rem;\n    line-height: 1.6;\n    font-family: 'Founders', sans-serif;\n  }\n\n  \/* Header section - no background image needed *\/\n  .hunger-games-header {\n    width: 100%;\n    padding: 40px 20px 20px;\n    text-align: center;\n    position: relative;\n  }\n  \n  .main-title {\n    font-size: clamp(3rem, 8vw, 10rem);\n    color: #ffffff;\n    margin-bottom: 60px;\n    letter-spacing: 3px;\n    font-family: 'Salo Bold', sans-serif;\n    font-weight: bold;\n  }\n  \n  \/* Two column section - no background image needed *\/\n  .two-column-section {\n    display: flex;\n    min-height: 100vh;\n    width: 100%;\n    padding: 0 50px 100px;\n    gap: 25px;\n  }\n  \n  \/* Left orange column *\/\n  .orange-column {\n    flex: 1;\n    background: rgba(0, 0, 0, 0.40);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 40px 20px;\n    position: relative;\n    border-radius: 5px;\n  }\n  \n  \/* Right dark column *\/\n  .dark-column {\n    flex: 1;\n    background: rgba(0, 0, 0, 0.40);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 40px 20px;\n    position: relative;\n    border-radius: 5px;\n  }\n  \n  \/* Content container for both columns *\/\n  .column-content {\n    max-width: 600px;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center !important;\n    gap: 40px;\n  }\n  \n  \/* Header images *\/\n  .header-image {\n    width: 100%;\n    max-width: 400px;\n    height: auto;\n    margin-bottom: 20px;\n  }\n  \n  \/* Section headers *\/\n  .section-header {\n    font-size: clamp(2rem, 4vw, 2.5rem);\n    color: #ffffff;\n    margin-bottom: 30px;\n    text-align: center;\n    font-family: 'Salo Bold', sans-serif;\n    font-weight: bold;\n  }\n  \n  .section-subheader {\n    font-size: clamp(1.5rem, 3vw, 2rem);\n    color: #ffcc00;\n    margin: 30px 0 20px;\n    text-align: center;\n    font-family: 'Salo Bold', sans-serif;\n    font-weight: bold;\n  }\n  \n  \/* Body text - centered within column *\/\n  .body-text {\n    font-size: clamp(1rem, 2vw, 1.5rem);\n    line-height: 1.7;\n    color: #ffffff;\n    text-align: center !important;\n    margin-bottom: 20px;\n    font-family: 'Founders', sans-serif;\n    width: 100%;\n    max-width: none%;\n  }\n  \n  \/* Movie poster *\/\n  .movie-poster {\n    width: 100%;\n    max-width: 375px;\n    height: auto;\n    border-radius: 2px;\n    transition: transform 0.3s ease;\n  }\n  \n  .movie-poster:hover {\n    transform: scale(1.05);\n  }\n  \n  \/* Buttons - matching Megaplex button styling *\/\n  .button-image {\n    width: 100%;\n    max-width: 250px;\n    height: auto;\n    cursor: pointer;\n    transition: transform 0.2s ease;\n    border-radius: 0px;\n  }\n  \n  .button-image:hover {\n    transform: scale(1.05);\n  }\n  \n  \/* Movie titles section - 3 over 2 layout with centered bottom row *\/\n  .movie-titles-section {\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    grid-template-rows: repeat(2, 1fr);\n    gap: 20px;\n    margin: 30px 0;\n    padding: 0 10px;\n    justify-items: center;\n  }\n  \n  .movie-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    width: 100%;\n    max-width: 180px;\n  }\n  \n  \/* Position items in 3x2 grid with centered bottom items *\/\n  .movie-item:nth-child(1) { grid-column: 1 \/ 3; grid-row: 1; }\n  .movie-item:nth-child(2) { grid-column: 3 \/ 5; grid-row: 1; }\n  .movie-item:nth-child(3) { grid-column: 5 \/ 7; grid-row: 1; }\n  .movie-item:nth-child(4) { grid-column: 2 \/ 4; grid-row: 2; }\n  .movie-item:nth-child(5) { grid-column: 4 \/ 6; grid-row: 2; }\n  \n  \/* Individual movie posters *\/\n  .individual-movie-poster {\n    width: 100%;\n    max-width: 150px;\n    height: auto;\n    border-radius: 1px;\n    transition: transform 0.3s ease;\n    margin-bottom: 15px;\n  }\n  \n  .individual-movie-poster:hover {\n    transform: scale(1.05);\n  }\n  \n  .movie-button {\n    width: 120px;\n    height: auto;\n    cursor: pointer;\n    transition: transform 0.2s ease;\n    border-radius: 0px;\n  }\n  \n  .movie-button:hover {\n    transform: scale(1.05);\n  }\n  \n  \/* Responsive design *\/\n  @media (max-width: 992px) {\n    .two-column-section {\n      flex-direction: column;\n      min-height: auto;\n      gap: 20px;\n      padding: 0 15px 30px;\n    }\n    \n    .orange-column,\n    .dark-column {\n      padding: 30px 15px;\n    }\n    \n    .movie-titles-section {\n      grid-template-columns: repeat(2, 1fr);\n      grid-template-rows: repeat(3, 1fr);\n      gap: 15px;\n    }\n    \n    .movie-item:nth-child(1) { grid-column: 1; grid-row: 1; }\n    .movie-item:nth-child(2) { grid-column: 2; grid-row: 1; }\n    .movie-item:nth-child(3) { grid-column: 1; grid-row: 2; }\n    .movie-item:nth-child(4) { grid-column: 2; grid-row: 2; }\n    .movie-item:nth-child(5) { grid-column: 1 \/ 3; grid-row: 3; }\n  }\n  \n  @media (max-width: 768px) {\n    .hunger-games-header {\n      padding: 20px 10px;\n    }\n    \n    .orange-column,\n    .dark-column {\n      padding: 25px 15px;\n    }\n    \n    .main-title {\n      font-size: 2.5rem;\n      letter-spacing: 1px;\n    }\n    \n    .movie-titles-section {\n      grid-template-columns: 1fr;\n      grid-template-rows: repeat(5, 1fr);\n      max-width: 250px;\n      margin: 0 auto 30px;\n    }\n    \n    .movie-item:nth-child(1),\n    .movie-item:nth-child(2),\n    .movie-item:nth-child(3),\n    .movie-item:nth-child(4),\n    .movie-item:nth-child(5) {\n      grid-column: 1;\n    }\n    \n    .movie-item:nth-child(1) { grid-row: 1; }\n    .movie-item:nth-child(2) { grid-row: 2; }\n    .movie-item:nth-child(3) { grid-row: 3; }\n    .movie-item:nth-child(4) { grid-row: 4; }\n    .movie-item:nth-child(5) { grid-row: 5; }\n    \n    .individual-movie-poster {\n      max-width: 200px;\n    }\n    \n    .movie-button {\n      width: 160px;\n    }\n  }\n  \n  @media (max-width: 576px) {\n    .hunger-games-header {\n      padding: 20px 10px;\n    }\n    \n    .two-column-section {\n      padding: 0 10px 20px;\n    }\n    \n    .orange-column,\n    .dark-column {\n      padding: 20px 15px;\n    }\n    \n    .main-title {\n      font-size: 2rem;\n      letter-spacing: 1px;\n    }\n    \n    .body-text {\n      font-size: 1rem;\n    }\n    \n    .section-header {\n      font-size: 1.8rem;\n    }\n    \n    .section-subheader {\n      font-size: 1.4rem;\n    }\n  }\n<\/style>\n\n<div class=\"megaplex-container\">\n  <!-- Header Section -->\n  <div class=\"hunger-games-header\">\n    <h1 class=\"main-title\">JURASSIC REWIND<\/h1>\n  <\/div>\n  \n  <!-- Two Column Section -->\n  <div class=\"two-column-section\">\n    <!-- Left Orange Column -->\n    <div class=\"orange-column\">\n      <div class=\"column-content\">\n        \n        <h2 class=\"section-header\">MEGAMARATHON<\/h2>\n                <h3 class=\"section-subheader\">THE ULTIMATE EXPERIENCE<\/h3>\n        \n        <p class=\"body-text\">\nThree films. One roaring night. Experience Jurassic Park, The Lost World, and Jurassic Park III in an all-day Jurassic Rewind marathon. Popcorn and a fountain drink are included, because surviving raptors takes energy.         \n        <\/p>\n        \n        <a href=\"https:\/\/megaplex.com\/film\/HO00004016\">\n          <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/PORT18-19-FIX.jpg\" \n               alt=\"Jurassic Rewind MegaMarathon Poster\" \n               class=\"movie-poster\">\n        <\/a>\n        \n        <a href=\"https:\/\/megaplex.com\/film\/HO00004016\">\n          <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/getticketswhite.webp\" \n               alt=\"Get Marathon Tickets\" \n               class=\"button-image\">\n        <\/a>\n        \n\n      <\/div>\n    <\/div>\n    \n    <!-- Right Dark Column -->\n    <div class=\"dark-column\">\n      <div class=\"column-content\">\n        \n        <h2 class=\"section-subheader\">INDIVIDUAL SHOWINGS<\/h2>\n        <h3 class=\"section-subheader\">CHOOSE YOUR ADVENTURE<\/h3>\n        <p class=\"body-text\"> \n          Prefer to pace your prehistoric adventure? Each Jurassic Park film is available individually as part of our $5 MegaReelDeals. Watch the one that started it all, or skip ahead to your favorite. Either way, it\u2019s five bucks to feel that rumble in your seat all over again.\n\n        <\/p>\n        \n        <!-- Movie Titles Section -->\n        <div class=\"movie-titles-section\">\n          <div class=\"movie-item\">\n            <a href=\"https:\/\/megaplex.com\/film\/HO00004017\">\n              <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/JP1_REEL_POST.jpg\" \n                   alt=\"Jurassic Park\" \n                   class=\"individual-movie-poster\">\n            <\/a>\n            <a href=\"https:\/\/megaplex.com\/film\/HO00004017\">\n              <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/getticketswhite.webp\" \n                   alt=\"Buy Tickets - Jurassic Park\" \n                   class=\"movie-button\">\n            <\/a>\n          <\/div>\n          \n          <div class=\"movie-item\">\n            <a href=\"https:\/\/megaplex.com\/film\/HO00004018\">\n              <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/JP2_REEL_POST.jpg\" \n                   alt=\"Jurassic Park: The Lost World\" \n                   class=\"individual-movie-poster\">\n            <\/a>\n            <a href=\"https:\/\/megaplex.com\/film\/HO00004018\">\n              <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/getticketswhite.webp\" \n                   alt=\"Jurassic Park: The Lost World\" \n                   class=\"movie-button\">\n            <\/a>\n          <\/div>\n          \n          <div class=\"movie-item\">\n            <a href=\"https:\/\/megaplex.com\/film\/HO00004019\">\n              <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/JP3_REEL_POST.jpg\" \n                   alt=\"Jurassic Park III\" \n                   class=\"individual-movie-poster\">\n            <\/a>\n            <a href=\"https:\/\/megaplex.com\/film\/HO00004019\">\n              <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/getticketswhite.webp\" \n                   alt=\"Buy Tickets - Jurassic Park III\" \n                   class=\"movie-button\">\n            <\/a>\n          <\/div>\n\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>JURASSIC REWIND MEGAMARATHON THE ULTIMATE EXPERIENCE Three films. One roaring night. Experience Jurassic Park, The Lost World, and Jurassic Park III in an all-day Jurassic Rewind marathon. Popcorn and a fountain drink are included, because surviving raptors takes energy. INDIVIDUAL SHOWINGS CHOOSE YOUR ADVENTURE Prefer to pace your prehistoric adventure? Each Jurassic Park film is [&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-7051","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\/7051","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=7051"}],"version-history":[{"count":11,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/7051\/revisions"}],"predecessor-version":[{"id":7384,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/7051\/revisions\/7384"}],"wp:attachment":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/media?parent=7051"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/categories?post=7051"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/tags?post=7051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}