{"id":8204,"date":"2026-09-21T16:06:12","date_gmt":"2026-09-21T22:06:12","guid":{"rendered":"https:\/\/wordpress.megaplextheatres.com\/?p=8204"},"modified":"2026-09-21T16:53:00","modified_gmt":"2026-09-21T22:53:00","slug":"scream-draft","status":"publish","type":"post","link":"https:\/\/wordpress.megaplextheatres.com\/index.php\/2026\/09\/21\/scream-draft\/","title":{"rendered":"scream draft"},"content":{"rendered":"\n<style>\n  \/* Reset and base styles *\/\n  .megaplex-container * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;wp-content\/uploads\/Back to hogwarts posters-01.png\n  }\n  \n  .megaplex-container {\n    width: 100%;\n    font-family: 'Founders', sans-serif;\n    line-height: 1.6;\n    overflow-x: hidden;\n    \/* Updated background for Harry Potter theme *\/\n    background-image: url('https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/HPmarathonback1.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;\n    text-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:;\n  }\n  \n  .megaplex-container p {\n    font-size: 2rem;\n    line-height: 1.6;\n    font-family: 'Founders', sans-serif;\n  }\n\n  \/* Banner controls *\/\n  :root {\n    --banner-max-width-desktop: 800px;\n    --banner-max-width-tablet: 90%;\n    --banner-max-width-mobile: 100%;\n  }\n\n  \/* Header banner section *\/\n  .harry-potter-header {\n    width: 100%;\n    max-width: var(--banner-max-width-desktop);\n    margin: 0 auto 2rem;\n    padding: 40px 15px 20px;\n    text-align: center;\n    position: relative;\n  }\n\n  \n  .main-title-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 8px;\n  }\n  \n  \/* Two column section *\/\n  .two-column-section {\n    display: flex;\n<!--    min-height: 100vh; -->\n    width: 100%;\n    padding: 0 50px 30px;\n    gap: 25px;\n    justify-content: center;\n  }\n  \n  \/* Left column *\/\n  .orange-column {\n    flex: auto;\n    background: rgba(0, 0, 0, 0.50);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 40px 20px;\n    position: relative;\n    border-radius: 5px;\n    max-width: 1000px;\n  }\n  \n  \/* Right column *\/\n  .dark-column {\n    flex: 1;\n    background: rgba(0, 0, 0, 0.50);\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 *\/\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  }\n\n  \/* New 2-Poster Grid for Left Column *\/\n  .marathon-posters-grid {\n    display: grid;\n <!-- schedule   grid-template-columns: repeat(2, 1fr); --> \n    gap: 20px;\n    width: 100%;\n    justify-items: center;\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 *\/\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 - 4x2 layout *\/\n  .movie-titles-section {\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    grid-template-rows: repeat(2, 1fr);\n    gap: 15px;\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: 140px;\n  }\n  \n  \/* Individual movie posters *\/\n  .individual-movie-poster {\n    width: 100%;\n    max-width: 120px;\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: 100px;\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    .harry-potter-header {\n      max-width: var(--banner-max-width-tablet);\n    }\n    \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(3, 1fr);\n      grid-template-rows: repeat(3, 1fr);\n      gap: 15px;\n    }\n    \n    .movie-item {\n      max-width: 160px;\n    }\n    \n    .individual-movie-poster {\n      max-width: 140px;\n    }\n    \n    .movie-button {\n      width: 120px;\n    }\n  }\n  \n  @media (max-width: 768px) {\n    .harry-potter-header {\n      max-width: var(--banner-max-width-mobile);\n      padding: 20px 10px;\n    }\n    \n    .orange-column,\n    .dark-column {\n      padding: 25px 15px;\n    }\n    \n    .main-title {\n      font-size: 2rem;\n      letter-spacing: 1px;\n    }\n    \n    .movie-titles-section {\n      grid-template-columns: repeat(2, 1fr);\n      grid-template-rows: repeat(4, 1fr);\n      max-width: 400px;\n      margin: 0 auto 30px;\n    }\n    \n    .movie-item {\n      max-width: 180px;\n    }\n    \n    .individual-movie-poster {\n      max-width: 160px;\n    }\n    \n    .movie-button {\n      width: 140px;\n    }\n  }\n  \n  @media (max-width: 576px) {\n    .harry-potter-header {\n      max-width: var(--banner-max-width-mobile);\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    .movie-titles-section {\n      grid-template-columns: 1fr;\n      grid-template-rows: repeat(8, 1fr);\n      max-width: 250px;\n      margin: 0 auto 30px;\n    }\n    \n    .movie-item {\n      max-width: 200px;\n    }\n    \n    .individual-movie-poster {\n      max-width: 180px;\n    }\n    \n    .movie-button {\n      width: 150px;\n    }\n    \n    .body-text {\n      font-size: 1rem;\n    text-align: center;\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=\"harry-potter-header\">\n    <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Backtohogwartstext2.webp\" alt=\"Return to Hogwarts Banner\" class=\"main-title-image\">\n  <\/div>\n  \n  <!-- Two Column Section -->\n  <div class=\"two-column-section\">\n    <!-- Left 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        <p class=\"body-text\">\n          Seven films. One blood-curdling marathon. Experience every killer twist of the Scream saga back-to-back on the big screen, from Woodsboro to New York City. Popcorn and a fountain drink are included, because surviving Ghostface takes serious fuel. Gather your horror crew, remember the rules of survival, and see if you have what it takes to make it to the final credits.\n        <\/p>\n        <!-- Grid for 2 Posters -->\n        <div class=\"marathon-posters-grid\">\n          <a href=\"https:\/\/megaplex.com\/film\/HO00003882\/back-to-hogwarts-megamarathon\">\n            <img decoding=\"async\" src=\"https:\/\/wordpress.megaplextheatres.com\/wp-content\/uploads\/ScreamPoster.jpg\" alt=\"Scream MegaMarathon Poster\" class=\"movie-poster\">\n          <\/a>\n<!-- schedule\n        <div class=\"marathon-posters-grid\">\n          <a href=\"https:\/\/megaplex.com\/film\/HO00003882\/back-to-hogwarts-megamarathon\">\n            <img decoding=\"async\" src=\"https:\/\/wordpress.megaplextheatres.com\/wp-content\/uploads\/ScreamPoster.jpg\" alt=\"Scream MegaMarathon Schedule\" class=\"movie-poster\">\n          <\/a>\n-->\n        <\/div>\n        <!-- Centered Ticket Button -->\n        <a href=\"https:\/\/megaplex.com\/film\/HO00004479\/scream-megamarathon\">\n          <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/getticketsbuttonblack.webp\" alt=\"Get Marathon Tickets\" class=\"button-image\">\n        <\/a>      \n      <\/div>\n    <\/div>\n\n\n\n    <\/div>\n       <div class=\"megaplex-container\">\n  <!-- Header Section -->\n  <div class=\"harry-potter-header\">\n    <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/25years1.webp\" alt=\"Return to Hogwarts Banner\" class=\"main-title-image\">\n  <\/div>\n\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>MEGAMARATHON THE ULTIMATE EXPERIENCE Seven films. One blood-curdling marathon. Experience every killer twist of the Scream saga back-to-back on the big screen, from Woodsboro to New York City. Popcorn and a fountain drink are included, because surviving Ghostface takes serious fuel. Gather your horror crew, remember the rules of survival, and see if you have [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-8204","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\/8204","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\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/comments?post=8204"}],"version-history":[{"count":17,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/8204\/revisions"}],"predecessor-version":[{"id":8228,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/8204\/revisions\/8228"}],"wp:attachment":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/media?parent=8204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/categories?post=8204"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/tags?post=8204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}