{"id":6795,"date":"2025-08-21T15:50:25","date_gmt":"2025-08-21T21:50:25","guid":{"rendered":"https:\/\/wordpress.megaplextheatres.com\/?p=6795"},"modified":"2025-08-28T14:15:22","modified_gmt":"2025-08-28T20:15:22","slug":"return-to-panem","status":"publish","type":"post","link":"https:\/\/wordpress.megaplextheatres.com\/index.php\/2025\/08\/21\/return-to-panem\/","title":{"rendered":"Return to Panem"},"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\/PanemBackTest.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\">RETURN TO PANEM<\/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\">\nExperience all five Hunger Games films in one epic marathon event. Marathon ticket includes popcorn &#038; fountain drink. Immerse yourself in Katniss&#8217; complete journey from District 12 to the Capitol. Join fellow tributes for the ultimate Panem experience that will leave you breathless.\n         \n        <\/p>\n        \n        <a href=\"https:\/\/megaplex.com\/film\/HO00003876\/the-hunger-games-megamarathon\">\n          <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Marathon Poster V2.png\" \n               alt=\"The Hunger Games Marathon Poster\" \n               class=\"movie-poster\">\n        <\/a>\n        \n        <a href=\"https:\/\/megaplex.com\/film\/HO00003876\/the-hunger-games-megamarathon\">\n          <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/getticketsbuttonblack.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          Can&#8217;t commit to the full marathon? No problem! \n          Each film is available individually as part of our MegaReelDeals. \n          Relive your favorite moments from Katniss&#8217; journey at your own pace. \n          Perfect for introducing friends to the series or revisiting specific chapters of this epic saga.\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\/HO00003877\/megareeldeal-the-hunger-games\">\n              <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/HG_REEL_POST.jpg\" \n                   alt=\"The Hunger Games\" \n                   class=\"individual-movie-poster\">\n            <\/a>\n            <a href=\"https:\/\/megaplex.com\/film\/HO00003877\/megareeldeal-the-hunger-games\">\n              <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/getticketsbuttonblack.webp\" \n                   alt=\"Buy Tickets - Hunger Games\" \n                   class=\"movie-button\">\n            <\/a>\n          <\/div>\n          \n          <div class=\"movie-item\">\n            <a href=\"https:\/\/megaplex.com\/film\/HO00003878\/megareeldeal-the-hunger-games-catching-fire\">\n              <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/CF_REEL_POST.jpg\" \n                   alt=\"Catching Fire\" \n                   class=\"individual-movie-poster\">\n            <\/a>\n            <a href=\"https:\/\/megaplex.com\/film\/HO00003878\/megareeldeal-the-hunger-games-catching-fire\">\n              <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/getticketsbuttonblack.webp\" \n                   alt=\"Buy Tickets - Catching Fire\" \n                   class=\"movie-button\">\n            <\/a>\n          <\/div>\n          \n          <div class=\"movie-item\">\n            <a href=\"https:\/\/megaplex.com\/film\/HO00003879\/megareeldeal-the-hunger-games-mockingjay-part-1\">\n              <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/MJ1_REEL_POST.jpg\" \n                   alt=\"Mockingjay Part 1\" \n                   class=\"individual-movie-poster\">\n            <\/a>\n            <a href=\"https:\/\/megaplex.com\/film\/HO00003879\/megareeldeal-the-hunger-games-mockingjay-part-1\">\n              <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/getticketsbuttonblack.webp\" \n                   alt=\"Buy Tickets - Mockingjay 1\" \n                   class=\"movie-button\">\n            <\/a>\n          <\/div>\n          \n          <div class=\"movie-item\">\n            <a href=\"https:\/\/megaplex.com\/film\/HO00003880\/megareeldeal-the-hunger-games-mockingjay-part-2\">\n              <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/MJ2_REEL_POST.jpg\" \n                   alt=\"Mockingjay Part 2\" \n                   class=\"individual-movie-poster\">\n            <\/a>\n            <a href=\"https:\/\/megaplex.com\/film\/HO00003880\/megareeldeal-the-hunger-games-mockingjay-part-2\">\n              <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/getticketsbuttonblack.webp\" \n                   alt=\"Buy Tickets - Mockingjay 2\" \n                   class=\"movie-button\">\n            <\/a>\n          <\/div>\n          \n          <div class=\"movie-item\">\n            <a href=\"https:\/\/megaplex.com\/film\/HO00003881\/megareeldeal-the-ballad-of-songbirds-and-snakes\">\n              <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/SS_REEL_POST.jpg\" \n                   alt=\"Songbirds and Snakes\" \n                   class=\"individual-movie-poster\">\n            <\/a>\n            <a href=\"https:\/\/megaplex.com\/film\/HO00003881\/megareeldeal-the-ballad-of-songbirds-and-snakes\">\n              <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/getticketsbuttonblack.webp\" \n                   alt=\"Buy Tickets - Songbirds\" \n                   class=\"movie-button\">\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>RETURN TO PANEM MEGAMARATHON THE ULTIMATE EXPERIENCE Experience all five Hunger Games films in one epic marathon event. Marathon ticket includes popcorn &#038; fountain drink. Immerse yourself in Katniss&#8217; complete journey from District 12 to the Capitol. Join fellow tributes for the ultimate Panem experience that will leave you breathless. INDIVIDUAL SHOWINGS CHOOSE YOUR ADVENTURE [&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-6795","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\/6795","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=6795"}],"version-history":[{"count":37,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/6795\/revisions"}],"predecessor-version":[{"id":6892,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/6795\/revisions\/6892"}],"wp:attachment":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/media?parent=6795"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/categories?post=6795"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/tags?post=6795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}