{"id":8100,"date":"2026-09-09T15:36:13","date_gmt":"2026-09-09T21:36:13","guid":{"rendered":"https:\/\/wordpress.megaplextheatres.com\/?p=8100"},"modified":"2026-09-29T09:55:37","modified_gmt":"2026-09-29T15:55:37","slug":"megapass-draft","status":"publish","type":"post","link":"https:\/\/wordpress.megaplextheatres.com\/index.php\/2026\/09\/09\/megapass-draft\/","title":{"rendered":"megapass DRAFT"},"content":{"rendered":"<p><!-- ============================================================\n     MEGAPLEX MEGAPASS \u2014 Benefits, Plans, Calculator & FAQ\n     WordPress Custom HTML Block\n     ============================================================\n     SETUP INSTRUCTIONS:\n     1. Upload the 3 benefit card images to your WordPress Media\n        Library and replace these 3 placeholder URLs in the HTML:\n          - REPLACE_WITH_UPLOADED_IMAGE_URL_card-tickets\n          - REPLACE_WITH_UPLOADED_IMAGE_URL_card-no-fees\n          - REPLACE_WITH_UPLOADED_IMAGE_URL_card-concessions\n     2. Update any href=\"#\" links to point to the actual pages.\n     3. The fonts Salo, Successor, and Founders Grotesk Text must\n        be loaded by your WordPress theme for full fidelity.\n     ============================================================ --><\/p>\n<style>\n\/* ========================\n   MEGAPASS PAGE BASE RESET\n   ======================== *\/\n.megapass-page *,\n.megapass-page *::before,\n.megapass-page *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.megapass-page {\n  background-color: #13003b;\n  color: #ffffff;\n  font-family: 'Founders Grotesk Text', 'Founders Grotesk', Arial, sans-serif;\n  width: 100%;\n  overflow-x: hidden;\n}<\/p>\n<p>\/* ==============\n   MAIN CONTENT\n   ============== *\/\n.mp-main {\n  display: flex;\n  flex-direction: column;\n  gap: 70px;\n  align-items: center;\n  width: 100%;\n  padding-top: 70px;\n  padding-bottom: 70px;\n}<\/p>\n<p>\/* =========\n   BENEFITS\n   ========= *\/\n.mp-benefits {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  align-items: flex-start;\n  width: 100%;\n  padding: 0 120px;\n}\n@media (max-width: 1023px) {\n  .mp-benefits { padding: 0 20px; }\n}\n@media (max-width: 767px) {\n  .mp-benefits { padding: 0; }\n}<\/p>\n<p>.mp-benefit-cards {\n  display: flex;\n  gap: 80px;\n  align-items: stretch;\n  justify-content: center;\n  width: 100%;\n}\n@media (max-width: 1023px) {\n  .mp-benefit-cards {\n    flex-wrap: wrap;\n    gap: 30px;\n    justify-content: center;\n  }\n}\n@media (max-width: 767px) {\n  .mp-benefit-cards {\n    flex-direction: column;\n    align-items: center;\n    gap: 0;\n    padding: 0 20px;\n  }\n}<\/p>\n<p>.mp-benefit-card {\n  background-color: #13003b;\n  border: 4px solid #bab1fe;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex: 1 0 0;\n  aspect-ratio: 1 \/ 1;\n  min-width: 0;\n  position: relative;\n}\n@media (max-width: 1023px) {\n  .mp-benefit-card {\n    flex: 0 0 300px;\n    width: 300px;\n    height: 300px;\n  }\n}\n@media (max-width: 767px) {\n  .mp-benefit-card {\n    flex: 0 0 300px;\n    width: 300px;\n    height: 300px;\n    scroll-snap-align: center;\n  }\n}<\/p>\n<p>.mp-benefit-card img {\n  width: 250px;\n  height: 250px;\n  object-fit: contain;\n  display: block;\n}<\/p>\n<p>.mp-carousel-dots {\n  display: none;\n  gap: 4px;\n  align-items: center;\n  justify-content: center;\n  padding: 8px 0;\n  width: 100%;\n}\n@media (max-width: 767px) {\n  .mp-carousel-dots { display: flex; }\n}\n.mp-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 33px;\n  background-color: #ededed;\n  transition: width 0.2s ease;\n  cursor: pointer;\n}\n.mp-dot.active {\n  width: 14px;\n  background-color: #863eff;\n}<\/p>\n<p>.mp-benefits-disclaimer {\n  width: 100%;\n  text-align: center;\n  padding: 10px 20px;\n  font-family: 'Founders Grotesk Text', Arial, sans-serif;\n  font-size: 18px;\n  color: #ffffff;\n  white-space: nowrap;\n}\n@media (max-width: 767px) {\n  .mp-benefits-disclaimer { font-size: 16px; white-space: normal; }\n}<\/p>\n<p>\/* ========\n   PLANS\n   ======== *\/\n.mp-plans {\n  display: flex;\n  flex-direction: column;\n  gap: 30px;\n  align-items: center;\n  width: 100%;\n  padding: 0 120px;\n}\n@media (max-width: 1023px) {\n  .mp-plans { padding: 0 20px; gap: 20px; }\n}\n@media (max-width: 767px) {\n  .mp-plans { padding: 0 20px; gap: 20px; }\n}<\/p>\n<p>.mp-sr-only {\n  position: absolute;\n  width: 1px; height: 1px;\n  overflow: hidden;\n  clip: rect(0,0,0,0);\n  white-space: nowrap;\n  border: 0;\n}\n\/* radio-driven toggle tab active state *\/\n#mp-plan-monthly:checked ~ .mp-main label[for=\"mp-plan-monthly\"].mp-toggle-tab { background-color: #863eff; }\n#mp-plan-annual:checked  ~ .mp-main label[for=\"mp-plan-annual\"].mp-toggle-tab  { background-color: #863eff; }\n#mp-plan-monthly:checked ~ .mp-main label[for=\"mp-plan-annual\"].mp-toggle-tab  { background-color: transparent; }\n#mp-plan-annual:checked  ~ .mp-main label[for=\"mp-plan-monthly\"].mp-toggle-tab { background-color: transparent; }\n\/* radio-driven carousel dots *\/\n#mp-card-1:checked ~ .mp-main .mp-carousel-dots label[for=\"mp-card-1\"] { width: 14px; background-color: #863eff; }\n#mp-card-2:checked ~ .mp-main .mp-carousel-dots label[for=\"mp-card-2\"] { width: 14px; background-color: #863eff; }\n#mp-card-3:checked ~ .mp-main .mp-carousel-dots label[for=\"mp-card-3\"] { width: 14px; background-color: #863eff; }\n@media (max-width: 767px) {\n  .mp-benefit-card { display: none; }\n  #mp-card-1:checked ~ .mp-main .mp-benefit-card:nth-child(1) { display: flex; }\n  #mp-card-2:checked ~ .mp-main .mp-benefit-card:nth-child(2) { display: flex; }\n  #mp-card-3:checked ~ .mp-main .mp-benefit-card:nth-child(3) { display: flex; }\n}<\/p>\n<p>.mp-plan-toggle {\n  background-color: #13003b;\n  border: 5px solid #863eff;\n  display: flex;\n  gap: 5px;\n  height: 60px;\n  align-items: center;\n  padding: 5px;\n  width: 100%;\n  max-width: 1200px;\n  cursor: pointer;\n}\n@media (max-width: 767px) {\n  .mp-plan-toggle { width: 340px; max-width: 100%; }\n}<\/p>\n<p>.mp-toggle-tab {\n  flex: 1 0 0;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px;\n  gap: 10px;\n  user-select: none;\n  cursor: pointer;\n}\n\/* tab active state now driven by radio inputs above *\/<\/p>\n<p>.mp-toggle-label {\n  font-family: 'Salo', serif;\n  font-size: 31px;\n  color: #ffffff;\n  text-transform: uppercase;\n  text-align: center;\n  line-height: 1;\n}\n@media (max-width: 767px) {\n  .mp-toggle-label { font-size: 28px; }\n}<\/p>\n<p>.mp-savings-badge {\n  background-color: #863eff;\n  border-radius: 3px;\n  padding: 5px 10px;\n  font-family: 'Salo', serif;\n  font-size: 25px;\n  color: #ffffff;\n  text-transform: uppercase;\n  white-space: nowrap;\n  line-height: 1;\n  flex-shrink: 0;\n}\n@media (max-width: 767px) {\n  .mp-savings-badge { font-size: 20px; padding: 5px 6px; }\n}\n\/* Badge hides when annual tab is selected (it's already visually active) *\/\n.mp-toggle-tab label[for='mp-plan-annual'] .mp-savings-badge, .mp-toggle-tab.plan-annual-label .mp-savings-badge {\n  background-color: rgba(255,255,255,0.25);\n}<\/p>\n<p>.mp-plan-cards {\n  display: flex;\n  gap: 49px;\n  align-items: flex-start;\n  width: 100%;\n}\n@media (max-width: 1023px) {\n  .mp-plan-cards { gap: 20px; }\n}\n@media (max-width: 767px) {\n  .mp-plan-cards {\n    flex-direction: column;\n    gap: 20px;\n    align-items: flex-start;\n  }\n}<\/p>\n<p>.mp-plan-card {\n  background-color: #13003b;\n  border: 5px solid #863eff;\n  display: flex;\n  flex-direction: column;\n  gap: 30px;\n  align-items: flex-start;\n  flex: 1 0 0;\n  padding: 25px;\n  min-width: 0;\n}\n@media (max-width: 767px) {\n  .mp-plan-card {\n    flex: none;\n    width: 350px;\n    max-width: 466px;\n    min-width: 300px;\n  }\n}<\/p>\n<p>.mp-plan-copy {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  width: 100%;\n}\n@media (max-width: 1023px) {\n  .mp-plan-copy { gap: 10px; }\n}<\/p>\n<p>.mp-plan-heading-area {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  width: 100%;\n}\n@media (max-width: 1023px) {\n  .mp-plan-heading-area { gap: 10px; }\n}<\/p>\n<p>.mp-plan-header-row {\n  display: flex;\n  gap: 5px;\n  align-items: flex-start;\n  width: 100%;\n}\n@media (max-width: 1023px) {\n  .mp-plan-header-row { gap: 15px; }\n}<\/p>\n<p>.mp-plan-title {\n  font-family: 'Salo', serif;\n  font-size: 61px;\n  color: #ffffff;\n  text-transform: uppercase;\n  line-height: 1;\n  flex: 1 0 0;\n  min-width: 0;\n  word-break: break-word;\n}\n@media (max-width: 1023px) {\n  .mp-plan-title { font-size: 36px; }\n}\n@media (max-width: 767px) {\n  .mp-plan-title { font-size: 36px; }\n}<\/p>\n<p>.mp-plan-price-block {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  align-items: flex-end;\n  justify-content: center;\n  flex-shrink: 0;\n  padding-top: 4px;\n}<\/p>\n<p>.mp-price-val {\n  font-family: 'Successor', 'Courier New', monospace;\n  font-size: 20px;\n  color: #ffffff;\n  text-transform: uppercase;\n  white-space: nowrap;\n  line-height: 1;\n  display: block;\n}\n@media (max-width: 767px) {\n  .mp-price-val { font-size: 16px; }\n}<\/p>\n<p>.mp-price-strike {\n  font-family: 'Successor', 'Courier New', monospace;\n  font-size: 16px;\n  color: #ffffff;\n  text-transform: uppercase;\n  white-space: nowrap;\n  display: inline-block;\n  position: relative;\n  line-height: 1;\n}\n.mp-price-strike::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 50%;\n  width: 100%;\n  height: 1.5px;\n  background-color: #ffffff;\n  transform: translateY(-50%);\n}<\/p>\n<p>.mp-plan-subhead {\n  font-family: 'Successor', 'Courier New', monospace;\n  font-size: 20px;\n  color: #ffffff;\n  text-transform: uppercase;\n  line-height: 1;\n  width: 100%;\n}\n@media (max-width: 767px) {\n  .mp-plan-subhead { font-size: 16px; }\n}<\/p>\n<p>.mp-plan-desc {\n  font-family: 'Founders Grotesk Text', Arial, sans-serif;\n  font-size: 18px;\n  color: #ffffff;\n  line-height: 1;\n  width: 100%;\n}\n@media (max-width: 767px) {\n  .mp-plan-desc { font-size: 16px; }\n}<\/p>\n<p>\/* Price show\/hide by plan toggle state *\/\n.mp-monthly-price { display: flex; flex-direction: column; gap: 5px; align-items: flex-end; }\n.mp-annual-price  { display: none; flex-direction: column; gap: 5px; align-items: flex-end; }\n\/* radio-driven price toggle *\/\n#mp-plan-annual:checked ~ .mp-main .mp-monthly-price { display: none; }\n#mp-plan-annual:checked ~ .mp-main .mp-annual-price  { display: flex; }<\/p>\n<p>\/* JOIN button *\/\n.mp-join-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #863eff;\n  border-radius: 3px;\n  padding: 10px 20px;\n  cursor: pointer;\n  text-decoration: none;\n  border: none;\n  flex-shrink: 0;\n}\n.mp-join-btn span {\n  font-family: 'Founders Grotesk Text', Arial, sans-serif;\n  font-size: 18px;\n  color: #ffffff;\n  text-transform: uppercase;\n  text-align: center;\n  line-height: 1;\n}<\/p>\n<p>\/* ============\n   CALCULATOR\n   ============ *\/\n.mp-calculator-outer {\n  width: 100%;\n  padding: 0 120px;\n}\n@media (max-width: 1023px) {\n  .mp-calculator-outer { padding: 0 20px; }\n}\n@media (max-width: 767px) {\n  .mp-calculator-outer { padding: 0 20px; display: flex; justify-content: center; }\n}<\/p>\n<p>.mp-calculator {\n  background-color: #13003b;\n  border-radius: 20px;\n  box-shadow: 0px 4px 29.8px 0px rgba(255,255,255,0.2), inset 0px 4px 15.6px 0px rgba(255,255,255,0.3);\n  display: flex;\n  align-items: center;\n  width: 100%;\n  overflow: hidden;\n  position: relative;\n}\n@media (max-width: 1023px) {\n  .mp-calculator {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 30px;\n    padding: 40px 20px;\n    box-shadow: 0px 0px 14.9px rgba(255,255,255,0.2), inset 0px 0px 15.6px 0px rgba(255,255,255,0.3);\n  }\n}\n@media (max-width: 767px) {\n  .mp-calculator {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 30px;\n    padding: 40px 20px;\n    width: 350px;\n    max-width: 100%;\n  }\n}<\/p>\n<p>.mp-calc-copy {\n  flex: 1 0 0;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 63px 149px 91px 59px;\n  min-width: 0;\n  position: relative;\n  z-index: 1;\n}\n@media (max-width: 1023px) {\n  .mp-calc-copy { padding: 0; gap: 25px; flex: none; width: 100%; }\n}\n@media (max-width: 767px) {\n  .mp-calc-copy { padding: 0; gap: 25px; flex: none; width: 100%; }\n}<\/p>\n<p>.mp-calc-heading {\n  font-family: 'Salo', serif;\n  font-size: 61px;\n  color: #ffffff;\n  text-transform: uppercase;\n  line-height: 1;\n  white-space: pre-line;\n}\n@media (max-width: 1023px) {\n  .mp-calc-heading { font-size: 40px; white-space: normal; }\n}\n@media (max-width: 767px) {\n  .mp-calc-heading { font-size: 40px; white-space: normal; }\n}<\/p>\n<p>.mp-calc-body {\n  font-family: 'Founders Grotesk Text', Arial, sans-serif;\n  font-size: 18px;\n  color: #ffffff;\n  line-height: 1.4;\n}\n@media (max-width: 767px) {\n  .mp-calc-body { font-size: 16px; }\n}<\/p>\n<p>.mp-calc-right {\n  background-color: #13003b;\n  display: flex;\n  flex-direction: column;\n  gap: 60px;\n  align-items: center;\n  justify-content: center;\n  padding: 58px 64px;\n  flex-shrink: 0;\n  width: 595px;\n  height: 654px;\n  position: relative;\n  z-index: 1;\n}\n@media (max-width: 1023px) {\n  .mp-calc-right { padding: 0; width: 100%; height: auto; flex: none; gap: 40px; }\n}\n@media (max-width: 767px) {\n  .mp-calc-right { padding: 0; width: 100%; height: auto; flex: none; gap: 40px; }\n}<\/p>\n<p>.mp-calc-images {\n  display: flex;\n  gap: 54px;\n  align-items: center;\n  justify-content: center;\n}\n@media (max-width: 1023px) {\n  .mp-calc-images { gap: 30px; }\n}<\/p>\n<p>.mp-calc-img-1 {\n  width: 200px;\n  height: 200px;\n  overflow: hidden;\n  position: relative;\n  flex-shrink: 0;\n}\n.mp-calc-img-1 img {\n  position: absolute;\n  left: -16.49%;\n  top: 0;\n  width: 132.98%;\n  height: 132.98%;\n  object-fit: cover;\n  pointer-events: none;\n}\n@media (max-width: 1023px) {\n  .mp-calc-img-1 { width: 148px; height: 148px; }\n}<\/p>\n<p>.mp-calc-img-2 {\n  width: 188px;\n  height: 200px;\n  overflow: hidden;\n  position: relative;\n  flex-shrink: 0;\n}\n.mp-calc-img-2 img {\n  position: absolute;\n  left: -12.9%;\n  top: -0.2%;\n  width: 135.87%;\n  height: 127.55%;\n  object-fit: cover;\n  pointer-events: none;\n}\n@media (max-width: 1023px) {\n  .mp-calc-img-2 { width: 139px; height: 148px; }\n}<\/p>\n<p>.mp-calc-btn {\n  background-color: #863eff;\n  border-radius: 3px;\n  height: 50px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px 20px;\n  cursor: pointer;\n  text-decoration: none;\n  border: none;\n  flex-shrink: 0;\n}\n.mp-calc-btn span {\n  font-family: 'Founders Grotesk Text', Arial, sans-serif;\n  font-size: 20px;\n  color: #ffffff;\n  text-transform: uppercase;\n  text-align: center;\n  white-space: nowrap;\n  line-height: 1;\n}\n@media (max-width: 767px) {\n  .mp-calc-btn span { font-size: 18px; }\n}<\/p>\n<p>\/* ===\n   FAQ\n   === *\/\n.mp-faq-section {\n  display: flex;\n  gap: 20px;\n  align-items: flex-start;\n  width: 100%;\n  padding: 0 120px;\n}\n@media (max-width: 1023px) {\n  .mp-faq-section { padding: 0 20px; flex-direction: column; gap: 30px; }\n}\n@media (max-width: 767px) {\n  .mp-faq-section { padding: 0 20px; flex-direction: column; gap: 30px; }\n}<\/p>\n<p>.mp-faq-left {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  align-items: flex-start;\n  flex-shrink: 0;\n  width: 290px;\n}\n@media (max-width: 1023px) {\n  .mp-faq-left { width: 100%; }\n}\n@media (max-width: 767px) {\n  .mp-faq-left { width: 100%; }\n}<\/p>\n<p>.mp-faq-title {\n  font-family: 'Salo', serif;\n  font-size: 49px;\n  color: #ffffff;\n  text-transform: uppercase;\n  line-height: 1;\n}\n@media (max-width: 1023px) {\n  .mp-faq-title { font-size: 40px; }\n}\n@media (max-width: 767px) {\n  .mp-faq-title { font-size: 40px; }\n}<\/p>\n<p>.mp-faq-meta {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  width: 100%;\n}\n.mp-faq-meta p {\n  font-family: 'Founders Grotesk Text', Arial, sans-serif;\n  font-size: 16px;\n  color: #ffffff;\n  line-height: 1.5;\n}\n.mp-faq-meta a { color: #ffffff; text-decoration: underline; }<\/p>\n<p>.mp-faq-right {\n  flex: 1 0 0;\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  align-items: flex-end;\n  min-width: 0;\n}\n@media (max-width: 767px) {\n  .mp-faq-right { width: 100%; }\n}<\/p>\n<p>.mp-expand-all {\n  display: inline-flex;\n  align-items: center;\n  height: 48px;\n  cursor: pointer;\n  border-bottom: 1px solid #ffffff;\n  padding-bottom: 4px;\n  user-select: none;\n}\n.mp-expand-all span {\n  font-family: 'Founders Grotesk Text', Arial, sans-serif;\n  font-size: 18px;\n  color: #ffffff;\n  text-transform: uppercase;\n  white-space: nowrap;\n  line-height: 1;\n}\n@media (max-width: 767px) {\n  .mp-expand-all span { font-size: 14px; }\n}<\/p>\n<p>.mp-faq-accordions {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}<\/p>\n<p>.mp-faq-row {\n  display: flex;\n  gap: 20px;\n  align-items: flex-start;\n  width: 100%;\n}\n@media (max-width: 1023px) {\n  .mp-faq-row { flex-direction: column; }\n}\n@media (max-width: 767px) {\n  .mp-faq-row { flex-direction: column; }\n}<\/p>\n<p>.mp-accordion {\n  background-color: #13003b;\n  border-left: 3px solid #863eff;\n  border-right: 3px solid #863eff;\n  display: flex;\n  flex-direction: column;\n  flex: 1 0 0;\n  min-width: 0;\n  position: relative;\n}\n.mp-accordion::before,\n.mp-accordion::after {\n  content: '';\n  display: block;\n  height: 3px;\n  width: 100%;\n  background-color: #863eff;\n  flex-shrink: 0;\n}<\/p>\n<p>.mp-accordion-header {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 16px;\n  width: 100%;\n  cursor: pointer;\n  user-select: none;\n  min-height: 54px;\n}<\/p>\n<p>.mp-accordion-question {\n  flex: 1 0 0;\n  font-family: 'Successor', 'Courier New', monospace;\n  font-size: 16px;\n  color: #ffffff;\n  text-transform: uppercase;\n  line-height: 1.3;\n  min-width: 0;\n}<\/p>\n<p>.mp-accordion-icon {\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n}\ndetails.mp-accordion summary { list-style: none; cursor: pointer; display: flex; }\ndetails.mp-accordion summary::-webkit-details-marker { display: none; }\n.mp-icon-plus { display: block; }\n.mp-icon-x    { display: none; }\ndetails[open].mp-accordion .mp-icon-plus { display: none; }\ndetails[open].mp-accordion .mp-icon-x    { display: block; }<\/p>\n<p>.mp-accordion-body {\n  display: none;\n  padding: 0 16px 16px;\n  width: 100%;\n}\ndetails[open].mp-accordion .mp-accordion-body { display: block; }\n.mp-accordion-body p {\n  font-family: 'Founders Grotesk Text', Arial, sans-serif;\n  font-size: 16px;\n  color: #ffffff;\n  line-height: 1.5;\n}\n.mp-accordion-body a { color: #ffffff; text-decoration: underline; }<\/p>\n<\/style>\n<p><!-- ======================= --><br \/>\n<!-- MEGAPLEX MEGAPASS PAGE  --><br \/>\n<!-- ======================= --><\/p>\n<div class=\"megapass-page\" id=\"megapass-page\">\n  <!-- plan toggle radio controls --><br \/>\n  <input type=\"radio\" name=\"mp-plan\" id=\"mp-plan-monthly\" class=\"mp-sr-only\" checked><br \/>\n  <input type=\"radio\" name=\"mp-plan\" id=\"mp-plan-annual\" class=\"mp-sr-only\"><br \/>\n  <!-- carousel radio controls --><br \/>\n  <input type=\"radio\" name=\"mp-card\" id=\"mp-card-1\" class=\"mp-sr-only\" checked><br \/>\n  <input type=\"radio\" name=\"mp-card\" id=\"mp-card-2\" class=\"mp-sr-only\"><br \/>\n  <input type=\"radio\" name=\"mp-card\" id=\"mp-card-3\" class=\"mp-sr-only\"><br \/>\n  <!-- MAIN CONTENT --><\/p>\n<div class=\"mp-main\">\n<p>    <!-- BENEFITS --><\/p>\n<div class=\"mp-benefits\">\n<div class=\"mp-benefit-cards\" id=\"mp-benefit-cards\">\n<div class=\"mp-benefit-card\">\n          <img decoding=\"async\" src=\"REPLACE_WITH_UPLOADED_IMAGE_URL_card-tickets\" alt=\"Up to 2 tickets a month \u2014 book tickets online with your MegaPass\" \/>\n        <\/div>\n<div class=\"mp-benefit-card\">\n          <img decoding=\"async\" src=\"REPLACE_WITH_UPLOADED_IMAGE_URL_card-no-fees\" alt=\"No online fees for MegaPass holders\" \/>\n        <\/div>\n<div class=\"mp-benefit-card\">\n          <img decoding=\"async\" src=\"REPLACE_WITH_UPLOADED_IMAGE_URL_card-concessions\" alt=\"20% off concessions for MegaPass holders\" \/>\n        <\/div>\n<\/p><\/div>\n<div class=\"mp-carousel-dots\">\n        <label for=\"mp-card-1\" class=\"mp-dot\"><\/label><br \/>\n        <label for=\"mp-card-2\" class=\"mp-dot\"><\/label><br \/>\n        <label for=\"mp-card-3\" class=\"mp-dot\"><\/label>\n      <\/div>\n<p class=\"mp-benefits-disclaimer\">*Exceptions apply. See FAQ section below.<\/p>\n<\/p><\/div>\n<p>    <!-- PLANS --><\/p>\n<div class=\"mp-plans\">\n<div class=\"mp-plan-toggle\" role=\"tablist\" aria-label=\"Billing period\">\n        <label for=\"mp-plan-monthly\" class=\"mp-toggle-tab\" role=\"tab\"><br \/>\n          <span class=\"mp-toggle-label\">Monthly<\/span><br \/>\n        <\/label><br \/>\n        <label for=\"mp-plan-annual\" class=\"mp-toggle-tab\" role=\"tab\"><br \/>\n          <span class=\"mp-toggle-label\">Annually<\/span><br \/>\n          <span class=\"mp-savings-badge\">Save 10%<\/span><br \/>\n        <\/label>\n      <\/div>\n<div class=\"mp-plan-cards\">\n<p>        <!-- Movie Lover --><\/p>\n<div class=\"mp-plan-card\">\n<div class=\"mp-plan-copy\">\n<div class=\"mp-plan-heading-area\">\n<div class=\"mp-plan-header-row\">\n<p class=\"mp-plan-title\">Movie Lover<\/p>\n<div class=\"mp-plan-price-block\">\n<div class=\"mp-monthly-price\">\n                    <span class=\"mp-price-val\">$9.99\/Month<\/span>\n                  <\/div>\n<div class=\"mp-annual-price\">\n                    <span class=\"mp-price-val\">$109.89\/year<\/span><br \/>\n                    <span class=\"mp-price-strike\">$129<\/span>\n                  <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"mp-plan-subhead\">1 Movie ticket every month<\/p>\n<\/p><\/div>\n<p class=\"mp-plan-desc\">For the regulars.<\/p>\n<\/p><\/div>\n<p>          <a href=\"#\" class=\"mp-join-btn\" aria-label=\"Join Movie Lover plan\"><br \/>\n            <span>JOIN<\/span><br \/>\n          <\/a>\n        <\/div>\n<p>        <!-- Movie Fanatic --><\/p>\n<div class=\"mp-plan-card\">\n<div class=\"mp-plan-copy\">\n<div class=\"mp-plan-heading-area\">\n<div class=\"mp-plan-header-row\">\n<p class=\"mp-plan-title\">Movie Fanatic<\/p>\n<div class=\"mp-plan-price-block\">\n<div class=\"mp-monthly-price\">\n                    <span class=\"mp-price-val\">$19.99\/Month<\/span>\n                  <\/div>\n<div class=\"mp-annual-price\">\n                    <span class=\"mp-price-val\">$219.89\/year<\/span><br \/>\n                    <span class=\"mp-price-strike\">$257<\/span>\n                  <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"mp-plan-subhead\">2 Movie tickets every month<\/p>\n<\/p><\/div>\n<p class=\"mp-plan-desc\">For the cinephiles.<\/p>\n<\/p><\/div>\n<p>          <a href=\"#\" class=\"mp-join-btn\" aria-label=\"Join Movie Fanatic plan\"><br \/>\n            <span>JOIN<\/span><br \/>\n          <\/a>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- CALCULATOR --><\/p>\n<div class=\"mp-calculator-outer\">\n<div class=\"mp-calculator\">\n<div class=\"mp-calc-copy\">\n<p class=\"mp-calc-heading\">Calculate&#10;your savings&#10;with Megapass<\/p>\n<p class=\"mp-calc-body\">Enjoy unlimited movies, exclusive discounts, and priority seating &#8212; all in one pass.<\/p>\n<\/p><\/div>\n<div class=\"mp-calc-right\">\n<div class=\"mp-calc-images\">\n<div class=\"mp-calc-img-1\">\n              <img decoding=\"async\" src=\"REPLACE_WITH_UPLOADED_IMAGE_URL_card-concessions\" alt=\"\" aria-hidden=\"true\" \/>\n            <\/div>\n<div class=\"mp-calc-img-2\">\n              <img decoding=\"async\" src=\"REPLACE_WITH_UPLOADED_IMAGE_URL_card-tickets\" alt=\"\" aria-hidden=\"true\" \/>\n            <\/div>\n<\/p><\/div>\n<p>          <a href=\"#\" class=\"mp-calc-btn\"><br \/>\n            <span>Calculate your savings<\/span><br \/>\n          <\/a>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- FAQ --><\/p>\n<div class=\"mp-faq-section\">\n<div class=\"mp-faq-left\">\n<p class=\"mp-faq-title\">FAQ<\/p>\n<div class=\"mp-faq-meta\">\n<p>For further questions, please reach out to <a href=\"#\">Guest Services<\/a>.<\/p>\n<p>See MegaPass <a href=\"#\">Terms and Conditions<\/a> to learn more.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"mp-faq-right\">\n<div class=\"mp-faq-accordions\">\n<div class=\"mp-faq-row\">\n<details class=\"mp-accordion\">\n<summary class=\"mp-accordion-header\">\n                <span class=\"mp-accordion-question\">Are MegaPass holders exempt from online booking fees?<\/span><br \/>\n                <span class=\"mp-accordion-icon\" aria-hidden=\"true\"><br \/>\n                  <span class=\"mp-icon-plus\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.54576 12.5625H11.1412V17.1579C11.1412 17.625 11.5254 18.0167 12 18.0167C12.4746 18.0167 12.8588 17.625 12.8588 17.1579V12.5625H17.4542C17.9213 12.5625 18.3131 12.1783 18.3131 11.7037C18.3131 11.2291 17.9213 10.8449 17.4542 10.8449H12.8588V6.24944C12.8588 5.78237 12.4746 5.39062 12 5.39062C11.5254 5.39062 11.1412 5.78237 11.1412 6.24944V10.8449H6.54576C6.07868 10.8449 5.68694 11.2291 5.68694 11.7037C5.68694 12.1783 6.07868 12.5625 6.54576 12.5625Z\" fill=\"white\"\/><\/svg><\/span><br \/>\n                  <span class=\"mp-icon-x\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.16155 16.3292C5.84514 16.6456 5.83008 17.2107 6.16908 17.5421C6.50056 17.8736 7.06557 17.8661 7.38197 17.5497L11.9925 12.9316L16.6105 17.5497C16.9344 17.8736 17.4919 17.8736 17.8234 17.5421C18.1473 17.2031 18.1549 16.6532 17.8234 16.3292L13.2129 11.7112L17.8234 7.10072C18.1549 6.77678 18.1549 6.21931 17.8234 5.88783C17.4844 5.56389 16.9344 5.55636 16.6105 5.8803L11.9925 10.4983L7.38197 5.8803C7.06557 5.56389 6.49302 5.54883 6.16908 5.88783C5.83761 6.21931 5.84514 6.78432 6.16155 7.10072L10.7796 11.7112L6.16155 16.3292Z\" fill=\"white\"\/><\/svg><\/span><\/p>\n<p>                <\/span><br \/>\n              <\/summary>\n<div class=\"mp-accordion-body\">\n<p>Fees are waived or reduced only when designated MegaPass or MegaPass Guest tickets are used. All non-MegaPass tickets are still subject to any applicable fees.<\/p>\n<\/p><\/div>\n<\/details>\n<details class=\"mp-accordion\">\n<summary class=\"mp-accordion-header\">\n                <span class=\"mp-accordion-question\">What does my 20% concessions discount apply to?<\/span><br \/>\n                <span class=\"mp-accordion-icon\" aria-hidden=\"true\"><br \/>\n                  <span class=\"mp-icon-plus\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.54576 12.5625H11.1412V17.1579C11.1412 17.625 11.5254 18.0167 12 18.0167C12.4746 18.0167 12.8588 17.625 12.8588 17.1579V12.5625H17.4542C17.9213 12.5625 18.3131 12.1783 18.3131 11.7037C18.3131 11.2291 17.9213 10.8449 17.4542 10.8449H12.8588V6.24944C12.8588 5.78237 12.4746 5.39062 12 5.39062C11.5254 5.39062 11.1412 5.78237 11.1412 6.24944V10.8449H6.54576C6.07868 10.8449 5.68694 11.2291 5.68694 11.7037C5.68694 12.1783 6.07868 12.5625 6.54576 12.5625Z\" fill=\"white\"\/><\/svg><\/span><br \/>\n                  <span class=\"mp-icon-x\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.16155 16.3292C5.84514 16.6456 5.83008 17.2107 6.16908 17.5421C6.50056 17.8736 7.06557 17.8661 7.38197 17.5497L11.9925 12.9316L16.6105 17.5497C16.9344 17.8736 17.4919 17.8736 17.8234 17.5421C18.1473 17.2031 18.1549 16.6532 17.8234 16.3292L13.2129 11.7112L17.8234 7.10072C18.1549 6.77678 18.1549 6.21931 17.8234 5.88783C17.4844 5.56389 16.9344 5.55636 16.6105 5.8803L11.9925 10.4983L7.38197 5.8803C7.06557 5.56389 6.49302 5.54883 6.16908 5.88783C5.83761 6.21931 5.84514 6.78432 6.16155 7.10072L10.7796 11.7112L6.16155 16.3292Z\" fill=\"white\"\/><\/svg><\/span><\/p>\n<p>                <\/span><br \/>\n              <\/summary>\n<div class=\"mp-accordion-body\">\n<p>The MegaPass 20% discount can be applied to most concessions, including MegaMug and MegaTub refills, but excludes collectible merchandise, new MegaMugs\/Tubs\/Tags and any in-seat service. The 20% discount must be manually selected on eligible items when ordering concessions through the website.<\/p>\n<\/p><\/div>\n<\/details><\/div>\n<div class=\"mp-faq-row\">\n<details class=\"mp-accordion\">\n<summary class=\"mp-accordion-header\">\n                <span class=\"mp-accordion-question\">Can my monthly tickets be used for any format or seat?<\/span><br \/>\n                <span class=\"mp-accordion-icon\" aria-hidden=\"true\"><br \/>\n                  <span class=\"mp-icon-plus\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.54576 12.5625H11.1412V17.1579C11.1412 17.625 11.5254 18.0167 12 18.0167C12.4746 18.0167 12.8588 17.625 12.8588 17.1579V12.5625H17.4542C17.9213 12.5625 18.3131 12.1783 18.3131 11.7037C18.3131 11.2291 17.9213 10.8449 17.4542 10.8449H12.8588V6.24944C12.8588 5.78237 12.4746 5.39062 12 5.39062C11.5254 5.39062 11.1412 5.78237 11.1412 6.24944V10.8449H6.54576C6.07868 10.8449 5.68694 11.2291 5.68694 11.7037C5.68694 12.1783 6.07868 12.5625 6.54576 12.5625Z\" fill=\"white\"\/><\/svg><\/span><br \/>\n                  <span class=\"mp-icon-x\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.16155 16.3292C5.84514 16.6456 5.83008 17.2107 6.16908 17.5421C6.50056 17.8736 7.06557 17.8661 7.38197 17.5497L11.9925 12.9316L16.6105 17.5497C16.9344 17.8736 17.4919 17.8736 17.8234 17.5421C18.1473 17.2031 18.1549 16.6532 17.8234 16.3292L13.2129 11.7112L17.8234 7.10072C18.1549 6.77678 18.1549 6.21931 17.8234 5.88783C17.4844 5.56389 16.9344 5.55636 16.6105 5.8803L11.9925 10.4983L7.38197 5.8803C7.06557 5.56389 6.49302 5.54883 6.16908 5.88783C5.83761 6.21931 5.84514 6.78432 6.16155 7.10072L10.7796 11.7112L6.16155 16.3292Z\" fill=\"white\"\/><\/svg><\/span><\/p>\n<p>                <\/span><br \/>\n              <\/summary>\n<div class=\"mp-accordion-body\">\n<p>Your MegaPass monthly ticket(s) can apply to nearly all premium formats with an up-charge, including D-BOX, IMAX and MegaScreen. Ineligible premium formats include Dine-In Luxury Box seats (Daybreak Location only) and Luxury Layback Loungers.<\/p>\n<\/p><\/div>\n<\/details>\n<details class=\"mp-accordion\">\n<summary class=\"mp-accordion-header\">\n                <span class=\"mp-accordion-question\">What happens if I don&#8217;t use my free MegaPass tickets every month?<\/span><br \/>\n                <span class=\"mp-accordion-icon\" aria-hidden=\"true\"><br \/>\n                  <span class=\"mp-icon-plus\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.54576 12.5625H11.1412V17.1579C11.1412 17.625 11.5254 18.0167 12 18.0167C12.4746 18.0167 12.8588 17.625 12.8588 17.1579V12.5625H17.4542C17.9213 12.5625 18.3131 12.1783 18.3131 11.7037C18.3131 11.2291 17.9213 10.8449 17.4542 10.8449H12.8588V6.24944C12.8588 5.78237 12.4746 5.39062 12 5.39062C11.5254 5.39062 11.1412 5.78237 11.1412 6.24944V10.8449H6.54576C6.07868 10.8449 5.68694 11.2291 5.68694 11.7037C5.68694 12.1783 6.07868 12.5625 6.54576 12.5625Z\" fill=\"white\"\/><\/svg><\/span><br \/>\n                  <span class=\"mp-icon-x\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.16155 16.3292C5.84514 16.6456 5.83008 17.2107 6.16908 17.5421C6.50056 17.8736 7.06557 17.8661 7.38197 17.5497L11.9925 12.9316L16.6105 17.5497C16.9344 17.8736 17.4919 17.8736 17.8234 17.5421C18.1473 17.2031 18.1549 16.6532 17.8234 16.3292L13.2129 11.7112L17.8234 7.10072C18.1549 6.77678 18.1549 6.21931 17.8234 5.88783C17.4844 5.56389 16.9344 5.55636 16.6105 5.8803L11.9925 10.4983L7.38197 5.8803C7.06557 5.56389 6.49302 5.54883 6.16908 5.88783C5.83761 6.21931 5.84514 6.78432 6.16155 7.10072L10.7796 11.7112L6.16155 16.3292Z\" fill=\"white\"\/><\/svg><\/span><\/p>\n<p>                <\/span><br \/>\n              <\/summary>\n<div class=\"mp-accordion-body\">\n<p>Unused MegaPass tickets automatically roll over each month, allowing you to accumulate up to 12 tickets at a time, with no expiration as long as your subscription remains valid. If you cancel your MegaPass subscription, or your subscription expires while passes remain in your balance, reach out to <a href=\"#\">Guest Services<\/a>, and they can convert your remaining passes into guest service passes.<\/p>\n<\/p><\/div>\n<\/details><\/div>\n<div class=\"mp-faq-row\">\n<details class=\"mp-accordion\">\n<summary class=\"mp-accordion-header\">\n                <span class=\"mp-accordion-question\">What other exclusions apply to my megapass tickets?<\/span><br \/>\n                <span class=\"mp-accordion-icon\" aria-hidden=\"true\"><br \/>\n                  <span class=\"mp-icon-plus\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.54576 12.5625H11.1412V17.1579C11.1412 17.625 11.5254 18.0167 12 18.0167C12.4746 18.0167 12.8588 17.625 12.8588 17.1579V12.5625H17.4542C17.9213 12.5625 18.3131 12.1783 18.3131 11.7037C18.3131 11.2291 17.9213 10.8449 17.4542 10.8449H12.8588V6.24944C12.8588 5.78237 12.4746 5.39062 12 5.39062C11.5254 5.39062 11.1412 5.78237 11.1412 6.24944V10.8449H6.54576C6.07868 10.8449 5.68694 11.2291 5.68694 11.7037C5.68694 12.1783 6.07868 12.5625 6.54576 12.5625Z\" fill=\"white\"\/><\/svg><\/span><br \/>\n                  <span class=\"mp-icon-x\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.16155 16.3292C5.84514 16.6456 5.83008 17.2107 6.16908 17.5421C6.50056 17.8736 7.06557 17.8661 7.38197 17.5497L11.9925 12.9316L16.6105 17.5497C16.9344 17.8736 17.4919 17.8736 17.8234 17.5421C18.1473 17.2031 18.1549 16.6532 17.8234 16.3292L13.2129 11.7112L17.8234 7.10072C18.1549 6.77678 18.1549 6.21931 17.8234 5.88783C17.4844 5.56389 16.9344 5.55636 16.6105 5.8803L11.9925 10.4983L7.38197 5.8803C7.06557 5.56389 6.49302 5.54883 6.16908 5.88783C5.83761 6.21931 5.84514 6.78432 6.16155 7.10072L10.7796 11.7112L6.16155 16.3292Z\" fill=\"white\"\/><\/svg><\/span><\/p>\n<p>                <\/span><br \/>\n              <\/summary>\n<div class=\"mp-accordion-body\">\n<p>MegaPass tickets cannot be used for special events, including concerts, Fathom events, etc.<\/p>\n<\/p><\/div>\n<\/details><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><!-- \/mp-main --><\/p>\n<\/div>\n<p><!-- \/megapass-page --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>*Exceptions apply. See FAQ section below. Monthly Annually Save 10% Movie Lover $9.99\/Month $109.89\/year $129 1 Movie ticket every month For the regulars. JOIN Movie Fanatic $19.99\/Month $219.89\/year $257 2 Movie tickets every month For the cinephiles. JOIN Calculate&#10;your savings&#10;with Megapass Enjoy unlimited movies, exclusive discounts, and priority seating &#8212; all in one pass. Calculate [&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-8100","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\/8100","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=8100"}],"version-history":[{"count":32,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/8100\/revisions"}],"predecessor-version":[{"id":8289,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/8100\/revisions\/8289"}],"wp:attachment":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/media?parent=8100"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/categories?post=8100"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/tags?post=8100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}