{"id":20070,"date":"2026-06-18T17:59:08","date_gmt":"2026-06-18T16:59:08","guid":{"rendered":"https:\/\/davittcollege.ie\/?page_id=20070"},"modified":"2026-09-21T19:03:11","modified_gmt":"2026-09-21T18:03:11","slug":"musicals","status":"publish","type":"page","link":"https:\/\/davittcollege.ie\/dev\/musicals\/","title":{"rendered":"Musicals"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20070\" class=\"elementor elementor-20070\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aacfc80 e-con-full full-bleed-hero e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"aacfc80\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b263096 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"b263096\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c0812d elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-image\" data-id=\"4c0812d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/davittcollege.ie\/dev\/wp-content\/uploads\/2026\/06\/RockofAges_1115e-scaled.jpg\" class=\"attachment-full size-full wp-image-20041\" alt=\"\" srcset=\"https:\/\/davittcollege.ie\/dev\/wp-content\/uploads\/2026\/06\/RockofAges_1115e-scaled.jpg 2560w, https:\/\/davittcollege.ie\/dev\/wp-content\/uploads\/2026\/06\/RockofAges_1115e-300x200.jpg 300w, https:\/\/davittcollege.ie\/dev\/wp-content\/uploads\/2026\/06\/RockofAges_1115e-1024x683.jpg 1024w, https:\/\/davittcollege.ie\/dev\/wp-content\/uploads\/2026\/06\/RockofAges_1115e-768x512.jpg 768w, https:\/\/davittcollege.ie\/dev\/wp-content\/uploads\/2026\/06\/RockofAges_1115e-1536x1024.jpg 1536w, https:\/\/davittcollege.ie\/dev\/wp-content\/uploads\/2026\/06\/RockofAges_1115e-2048x1365.jpg 2048w, https:\/\/davittcollege.ie\/dev\/wp-content\/uploads\/2026\/06\/RockofAges_1115e-24x16.jpg 24w, https:\/\/davittcollege.ie\/dev\/wp-content\/uploads\/2026\/06\/RockofAges_1115e-36x24.jpg 36w, https:\/\/davittcollege.ie\/dev\/wp-content\/uploads\/2026\/06\/RockofAges_1115e-48x32.jpg 48w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<h1 data-interaction-id=\"0253472\" class=\"e-0253472-6259a5f e-heading-base\">Musicals<\/h1>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fbc4ee elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"3fbc4ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A legacy of award-winning student performance and production.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c700062 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"c700062\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5563fca elementor-widget elementor-widget-html\" data-id=\"5563fca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- UPCOMING PRODUCTIONS SECTION -->\n<div class=\"musical-upcoming-wrapper\" style=\"font-family: 'Plus Jakarta Sans', sans-serif; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: linear-gradient(135deg, #07090f 0%, #0d121f 50%, #05070a 100%); color: #ffffff; padding: 70px 0 80px 0; box-sizing: border-box; overflow-x: hidden;\">\n  <div style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;\">\n    <div>\n      <h2 style=\"font-size: 28px !important; font-weight: 800; color: #ffffff; margin: 0 0 24px 0; letter-spacing: -0.5px; text-transform: uppercase;\">\n        Upcoming Productions\n      <\/h2>\n\n      <div style=\"background: linear-gradient(180deg, rgba(20, 25, 38, 0.9) 0%, rgba(11, 15, 25, 0.95) 100%); border: 1px solid rgba(212, 175, 55, 0.4); border-radius: 16px; display: grid; grid-template-columns: 180px 1fr 180px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.6), 0 0 30px rgba(212, 175, 55, 0.15);\" class=\"upcoming-card\">\n\n        <!-- COLUMN 1: STACKED TITLE BLOCK -->\n        <div style=\"background: rgba(15, 20, 30, 0.6); padding: 24px 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-right: 1px solid rgba(255,255,255,0.08); line-height: 1.15;\">\n          <span style=\"font-size: 20px; font-weight: 900; color: #ffffff; text-transform: uppercase; display: block; margin-bottom: 2px;\">Back<\/span>\n          <span style=\"font-size: 13px; font-weight: 700; color: #94a3b8; text-transform: uppercase; display: block; margin-bottom: 2px;\">to the<\/span>\n          <span style=\"font-size: 24px; font-weight: 900; color: #d4af37; text-transform: uppercase; display: block;\">80s<\/span>\n        <\/div>\n\n        <!-- COLUMN 2: TITLE & DETAILS -->\n        <div style=\"padding: 28px; display: flex; flex-direction: column; justify-content: center;\">\n          <p style=\"font-size: 16px; line-height: 1.6; color: #94a3b8; margin: 0 0 16px 0; font-weight: 400;\">\n            A hilarious, high-energy musical following teenager Corey Palmer's quest to win over his crush, Tiffany, amidst school popularity contests and the ultimate neon decade.\n          <\/p>\n\n          <div style=\"display: flex; flex-wrap: wrap; gap: 20px; font-size: 13px; font-weight: 700;\">\n            <a href=\"https:\/\/davittcollege.ie\/back-to-the-80s\/#aud\" style=\"color: #d4af37; text-decoration: none; transition: color 0.2s ease;\" class=\"card-action-link\">View Audition Timelines \u2192<\/a>\n\n            <a href=\"https:\/\/davittcollege.ie\/back-to-the-80s\/#characterbreakdowns\" style=\"color: #d4af37; text-decoration: none; transition: color 0.2s ease;\" class=\"card-action-link\">Read Character Breakdowns \u2192<\/a>\n\n            <a href=\"https:\/\/davittcollege.ie\/back-to-the-80s\/#aud\" style=\"color: #d4af37; text-decoration: none; transition: color 0.2s ease;\" class=\"card-action-link\">Check Rehearsal Schedules \u2192<\/a>\n          <\/div>\n        <\/div>\n\n        <!-- COLUMN 3: POSTER IMAGE -->\n        <div style=\"background: rgba(11, 15, 25, 0.5); border-left: 1px solid rgba(255,255,255,0.08); display: flex; align-items: center; justify-content: center; padding: 16px;\">\n          <a href=\"https:\/\/davittcollege.ie\/back-to-the-80s\/\" style=\"display: block; width: 100%; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.4); transition: transform 0.2s ease;\" class=\"poster-link\">\n            <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/360_F_1055157718_aTzdHcoi41vFToIMNFPHZ2k02wDzM1AY.jpg\" alt=\"Back to the 80s Poster\" style=\"width: 100%; height: auto; display: block; object-fit: cover;\">\n          <\/a>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .upcoming-card:hover {\n    transform: translateY(-4px);\n    border-color: rgba(212, 175, 55, 0.5) !important;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 20px rgba(212, 175, 55, 0.15) !important;\n  }\n\n  .card-action-link:hover {\n    color: #fde047 !important;\n  }\n\n  .poster-link:hover {\n    transform: translateY(-2px);\n  }\n\n  @media (max-width: 1024px) {\n    .upcoming-card {\n      grid-template-columns: 140px 1fr 150px !important;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .upcoming-card {\n      grid-template-columns: 1fr !important;\n    }\n\n    .upcoming-card > div {\n      border-right: none !important;\n      border-left: none !important;\n      border-bottom: 1px solid rgba(255,255,255,0.08);\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e8f938 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"3e8f938\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b43db51 elementor-widget elementor-widget-html\" data-id=\"b43db51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TRADITION OF EXCELLENCE SECTION WITH TOP BORDER -->\n<div class=\"musical-tradition-wrapper\" style=\"font-family: 'Plus Jakarta Sans', sans-serif; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: linear-gradient(135deg, #07090f 0%, #0d121f 50%, #05070a 100%); color: #ffffff; padding: 70px 0 60px 0; box-sizing: border-box; overflow-x: hidden;\">\n  \n  <!-- TOP BORDER LINE AT THE VERY TOP -->\n  <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.4), transparent);\"><\/div>\n\n  <div style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;\">\n    <div style=\"text-align: center; margin-bottom: 60px;\">\n      <span style=\"display: inline-block; background-color: rgba(212, 175, 55, 0.12); color: #d4af37; font-weight: 800; text-transform: uppercase; letter-spacing: 3px; font-size: 11px; padding: 8px 22px; border-radius: 50px; margin-bottom: 20px; border: 1px solid rgba(212, 175, 55, 0.3); box-shadow: 0 0 20px rgba(212, 175, 55, 0.1);\">\n        Award-Winning Excellence\n      <\/span>\n\n      <h2 style=\"font-size: 42px !important; color: #ffffff; font-weight: 900; margin: 0 0 15px 0; letter-spacing: -1.5px; text-transform: uppercase; text-shadow: 0 4px 20px rgba(0,0,0,0.5);\">\n        A Tradition of Excellence\n      <\/h2>\n      <div style=\"width: 100px; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); margin: 0 auto 20px auto; border-radius: 2px;\"><\/div>\n      <h3 style=\"font-size: 18px; color: #94a3b8; font-weight: 500; margin: 0; text-transform: uppercase; letter-spacing: 2px;\">\n        Rock of Ages <span style=\"color: #d4af37; font-weight: 800;\">2025<\/span>\n      <\/h3>\n    <\/div>\n\n    <div style=\"display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; box-sizing: border-box;\" class=\"stats-grid\">\n      <div class=\"stats-card\" style=\"background: linear-gradient(180deg, rgba(20, 25, 38, 0.8) 0%, rgba(11, 15, 25, 0.9) 100%); border: 1px solid rgba(212, 175, 55, 0.2); border-radius: 24px; padding: 40px 25px; text-align: center; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); display: flex; flex-direction: column; align-items: center; position: relative; overflow: hidden; box-shadow: 0 15px 35px rgba(0,0,0,0.4);\">\n        <div style=\"position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); opacity: 0.6;\"><\/div>\n        <span style=\"font-size: 44px; font-weight: 900; background: linear-gradient(180deg, #ffffff 0%, #d4af37 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 12px; letter-spacing: -1px;\" class=\"stat-number\">7<\/span>\n        <h4 style=\"font-size: 15px; font-weight: 800; color: #f8fafc; margin: 0 0 6px 0; text-transform: uppercase; letter-spacing: 1px;\">National Awards<\/h4>\n        <p style=\"font-size: 12px; color: #94a3b8; margin: 0; font-weight: 400;\">Recognised for production excellence<\/p>\n      <\/div>\n\n      <div class=\"stats-card\" style=\"background: linear-gradient(180deg, rgba(20, 25, 38, 0.8) 0%, rgba(11, 15, 25, 0.9) 100%); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 24px; padding: 40px 25px; text-align: center; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); display: flex; flex-direction: column; align-items: center; position: relative; overflow: hidden; box-shadow: 0 15px 35px rgba(0,0,0,0.4);\">\n        <div style=\"position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\"><\/div>\n        <span style=\"font-size: 44px; font-weight: 900; color: #ffffff; margin-bottom: 12px; letter-spacing: -1px;\" class=\"stat-number\">120+<\/span>\n        <h4 style=\"font-size: 15px; font-weight: 800; color: #f8fafc; margin: 0 0 6px 0; text-transform: uppercase; letter-spacing: 1px;\">Student Cast & Crew<\/h4>\n        <p style=\"font-size: 12px; color: #94a3b8; margin: 0; font-weight: 400;\">Uniting across year groups<\/p>\n      <\/div>\n\n      <div class=\"stats-card\" style=\"background: linear-gradient(180deg, rgba(20, 25, 38, 0.8) 0%, rgba(11, 15, 25, 0.9) 100%); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 24px; padding: 40px 25px; text-align: center; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); display: flex; flex-direction: column; align-items: center; position: relative; overflow: hidden; box-shadow: 0 15px 35px rgba(0,0,0,0.4);\">\n        <div style=\"position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\"><\/div>\n        <span style=\"font-size: 44px; font-weight: 900; color: #ffffff; margin-bottom: 12px; letter-spacing: -1px;\" class=\"stat-number\">5<\/span>\n        <h4 style=\"font-size: 15px; font-weight: 800; color: #f8fafc; margin: 0 0 6px 0; text-transform: uppercase; letter-spacing: 1px;\">Sold Out Shows<\/h4>\n        <p style=\"font-size: 12px; color: #94a3b8; margin: 0; font-weight: 400;\">Packed houses every night<\/p>\n      <\/div>\n\n      <div class=\"stats-card\" style=\"background: linear-gradient(180deg, rgba(20, 25, 38, 0.8) 0%, rgba(11, 15, 25, 0.9) 100%); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 24px; padding: 40px 25px; text-align: center; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); display: flex; flex-direction: column; align-items: center; position: relative; overflow: hidden; box-shadow: 0 15px 35px rgba(0,0,0,0.4);\">\n        <div style=\"position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\"><\/div>\n        <span style=\"font-size: 44px; font-weight: 900; color: #ffffff; margin-bottom: 12px; letter-spacing: -1px;\" class=\"stat-number\">100%<\/span>\n        <h4 style=\"font-size: 15px; font-weight: 800; color: #f8fafc; margin: 0 0 6px 0; text-transform: uppercase; letter-spacing: 1px;\">Live Vocals & Music<\/h4>\n        <p style=\"font-size: 12px; color: #94a3b8; margin: 0; font-weight: 400;\">Pure rock energy on stage<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .stats-card:hover {\n    transform: translateY(-4px);\n    border-color: rgba(212, 175, 55, 0.5) !important;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 20px rgba(212, 175, 55, 0.15) !important;\n  }\n  @media (max-width: 1024px) {\n    .stats-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }\n  }\n  @media (max-width: 640px) {\n    .stats-grid { grid-template-columns: 1fr !important; gap: 14px !important; }\n    .stats-card { padding: 30px 20px !important; }\n    .stat-number { font-size: 36px !important; }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a7c876 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"5a7c876\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5eece9 elementor-widget elementor-widget-html\" data-id=\"c5eece9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================================== -->\n<!-- FEATURED MUSICALS MONTAGE SECTION (DECADE OF MAGIC) -->\n<!-- ========================================================================== -->\n<div class=\"musical-montage-wrapper\" style=\"font-family: 'Plus Jakarta Sans', sans-serif; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: linear-gradient(135deg, #07090f 0%, #0d121f 50%, #05070a 100%); color: #ffffff; padding: 70px 0 60px 0; box-sizing: border-box; overflow-x: hidden;\">\n  \n  <!-- TOP BORDER LINE -->\n  <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.4), transparent);\"><\/div>\n\n  <div style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;\">\n    \n    <!-- SECTION HEADER -->\n    <div style=\"text-align: center; margin-bottom: 50px;\">\n      <span style=\"display: inline-block; background-color: rgba(212, 175, 55, 0.12); color: #d4af37; font-weight: 800; text-transform: uppercase; letter-spacing: 3px; font-size: 11px; padding: 8px 22px; border-radius: 50px; margin-bottom: 15px; border: 1px solid rgba(212, 175, 55, 0.3); box-shadow: 0 0 20px rgba(212, 175, 55, 0.1);\">\n        \u2728 Ultimate Video Montage\n      <\/span>\n      <h2 style=\"font-size: 42px !important; color: #ffffff; font-weight: 900; margin: 0 0 15px 0; letter-spacing: -1.5px; text-transform: uppercase;\">\n        A Decade of Stage Magic\n      <\/h2>\n      <div style=\"width: 100px; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); margin: 0 auto 25px auto; border-radius: 2px;\"><\/div>\n      <p style=\"font-size: 16px; line-height: 1.8; color: #94a3b8; max-width: 700px; margin: 0 auto; font-weight: 400;\">\n        Relive the unforgettable energy, music, and talent from our smash-hit school productions including <em>Grease<\/em>, <em>Mamma Mia!<\/em>, <em>The Wizard of Oz<\/em>, and <em>Rock of Ages<\/em>!\n      <\/p>\n    <\/div>\n\n    <!-- FEATURED LARGE MONTAGE HERO CARD -->\n    <div class=\"showreel-card lightbox-trigger\" data-video-url=\"https:\/\/www.youtube.com\/embed\/fRhpsW0XwVM\" style=\"background: #151821; border: 1px solid rgba(212, 175, 55, 0.3); border-radius: 24px; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.6); display: flex; flex-direction: column; cursor: pointer; position: relative; max-width: 900px; margin: 0 auto;\">\n      \n      <!-- Video Thumbnail & Play Button Overlay -->\n      <div style=\"position: relative; width: 100%; aspect-ratio: 16 \/ 9; background: url('https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/08\/musicalsarchivestyledthumb.jpg') center\/cover no-repeat;\">\n        <div style=\"position: absolute; inset: 0; background: rgba(7, 9, 15, 0.35); display: flex; align-items: center; justify-content: center; transition: background 0.3s ease;\">\n          <div style=\"width: 80px; height: 80px; background: rgba(212, 175, 55, 0.95); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 30px rgba(212, 175, 55, 0.6); transition: transform 0.3s ease;\">\n            <span style=\"font-size: 30px; color: #07090f; margin-left: 4px;\">\u25b6<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card Body Content -->\n      <div style=\"padding: 35px; display: flex; flex-direction: column; text-align: left;\">\n        <div style=\"display: flex; gap: 10px; margin-bottom: 12px; flex-wrap: wrap;\">\n          <span style=\"font-size: 11px; font-weight: 800; background: rgba(212, 175, 55, 0.15); color: #d4af37; padding: 4px 12px; border-radius: 6px; text-transform: uppercase; letter-spacing: 1px;\">Retrospective<\/span>\n          <span style=\"font-size: 11px; font-weight: 800; background: rgba(255, 255, 255, 0.08); color: #94a3b8; padding: 4px 12px; border-radius: 6px; text-transform: uppercase; letter-spacing: 1px;\">Highlight Reel<\/span>\n        <\/div>\n        <h3 style=\"font-size: 26px; font-weight: 900; color: #ffffff; margin: 0 0 12px 0; letter-spacing: -0.5px;\">Davitt College Musicals: The Ultimate Archive Montage<\/h3>\n        <p style=\"font-size: 15px; line-height: 1.7; color: #94a3b8; margin: 0; font-weight: 400;\">\n          Celebrating hundreds of talented student performers, live student pit bands, award-winning choreography, and decades of theatrical excellence on the Davitt College stage. Click to play the feature montage!\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n  .showreel-card { transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); }\n  .showreel-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(212, 175, 55, 0.7);\n    box-shadow: 0 25px 60px rgba(0,0,0,0.8), 0 0 30px rgba(212, 175, 55, 0.2);\n  }\n  .showreel-card:hover div > div > div { transform: scale(1.1); }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2382447 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"2382447\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df0b097 elementor-widget elementor-widget-html\" data-id=\"df0b097\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================================== -->\n<!-- PRODUCTION SHOWREEL SECTION WITH TOP BORDER -->\n<!-- ========================================================================== -->\n<div class=\"musical-showreel-wrapper\" style=\"font-family: 'Plus Jakarta Sans', sans-serif; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: linear-gradient(135deg, #07090f 0%, #0d121f 50%, #05070a 100%); color: #ffffff; padding: 70px 0 60px 0; box-sizing: border-box; overflow-x: hidden;\">\n  \n  <!-- TOP BORDER LINE AT THE VERY TOP -->\n  <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.4), transparent);\"><\/div>\n\n  <div style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;\">\n    <div style=\"text-align: center; margin-bottom: 50px;\">\n      <span style=\"display: inline-block; background-color: rgba(212, 175, 55, 0.12); color: #d4af37; font-weight: 800; text-transform: uppercase; letter-spacing: 3px; font-size: 11px; padding: 8px 22px; border-radius: 50px; margin-bottom: 15px; border: 1px solid rgba(212, 175, 55, 0.3); box-shadow: 0 0 20px rgba(212, 175, 55, 0.1);\">\n        Cinematic Archives\n      <\/span>\n      <h2 style=\"font-size: 42px !important; color: #ffffff; font-weight: 900; margin: 0 0 15px 0; letter-spacing: -1.5px; text-transform: uppercase;\">\n        Production Showreel\n      <\/h2>\n      <div style=\"width: 100px; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); margin: 0 auto 25px auto; border-radius: 2px;\"><\/div>\n      <p style=\"font-size: 16px; line-height: 1.8; color: #94a3b8; max-width: 650px; margin: 0 auto; font-weight: 400;\">\n        Click any production trailer below to launch the cinematic lightbox player.\n      <\/p>\n    <\/div>\n\n    <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; box-sizing: border-box;\" class=\"showreel-grid\">\n      <!-- Rock of Ages Lightbox Trigger -->\n      <div class=\"showreel-card lightbox-trigger\" data-video-url=\"https:\/\/www.youtube.com\/embed\/4mKbDLoOocw\" style=\"background: #151821; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.4); display: flex; flex-direction: column; cursor: pointer; position: relative;\">\n        <div style=\"position: relative; width: 100%; aspect-ratio: 16 \/ 9; background: url('https:\/\/img.youtube.com\/vi\/4mKbDLoOocw\/hqdefault.jpg') center\/cover no-repeat;\">\n          <div style=\"position: absolute; inset: 0; background: rgba(7, 9, 15, 0.3); display: flex; align-items: center; justify-content: center; transition: background 0.3s ease;\">\n            <div style=\"width: 64px; height: 64px; background: rgba(212, 175, 55, 0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 25px rgba(212, 175, 55, 0.5); transition: transform 0.3s ease;\">\n              <span style=\"font-size: 24px; color: #07090f; margin-left: 4px;\">\u25b6<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div style=\"padding: 24px; display: flex; flex-direction: column; flex-grow: 1;\">\n          <span style=\"font-size: 11px; font-weight: 800; color: #d4af37; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 6px; display: block;\">Rock of Ages (2025)<\/span>\n          <h3 style=\"font-size: 20px; font-weight: 800; color: #ffffff; margin: 0 0 10px 0; letter-spacing: -0.5px;\">Official Production Trailer<\/h3>\n          <p style=\"font-size: 14px; line-height: 1.6; color: #94a3b8; margin: 0; font-weight: 400;\">\n            Turn up the volume! High-energy 80s anthems, electrifying guitar solos, and unforgettable performances from our 7-time national award-winning production.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Wizard of Oz Lightbox Trigger -->\n      <div class=\"showreel-card lightbox-trigger\" data-video-url=\"https:\/\/www.youtube.com\/embed\/QPNRn1OK-Mg\" style=\"background: #151821; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.4); display: flex; flex-direction: column; cursor: pointer; position: relative;\">\n        <div style=\"position: relative; width: 100%; aspect-ratio: 16 \/ 9; background: url('https:\/\/img.youtube.com\/vi\/QPNRn1OK-Mg\/hqdefault.jpg') center\/cover no-repeat;\">\n          <div style=\"position: absolute; inset: 0; background: rgba(7, 9, 15, 0.3); display: flex; align-items: center; justify-content: center; transition: background 0.3s ease;\">\n            <div style=\"width: 64px; height: 64px; background: rgba(212, 175, 55, 0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 25px rgba(212, 175, 55, 0.5); transition: transform 0.3s ease;\">\n              <span style=\"font-size: 24px; color: #07090f; margin-left: 4px;\">\u25b6<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div style=\"padding: 24px; display: flex; flex-direction: column; flex-grow: 1;\">\n          <span style=\"font-size: 11px; font-weight: 800; color: #d4af37; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 6px; display: block;\">The Wizard of Oz (2024)<\/span>\n          <h3 style=\"font-size: 20px; font-weight: 800; color: #ffffff; margin: 0 0 10px 0; letter-spacing: -0.5px;\">Official Production Trailer<\/h3>\n          <p style=\"font-size: 14px; line-height: 1.6; color: #94a3b8; margin: 0; font-weight: 400;\">\n            Follow the yellow brick road! Journey over the rainbow with Dorothy, the Scarecrow, the Tin Man, and the Lion in our magical stage production.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Mama! Lightbox Trigger -->\n      <div class=\"showreel-card lightbox-trigger\" data-video-url=\"https:\/\/www.youtube.com\/embed\/Lsff8Qj2YMQ\" style=\"background: #151821; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.4); display: flex; flex-direction: column; cursor: pointer; position: relative;\">\n        <div style=\"position: relative; width: 100%; aspect-ratio: 16 \/ 9; background: url('https:\/\/img.youtube.com\/vi\/Lsff8Qj2YMQ\/hqdefault.jpg') center\/cover no-repeat;\">\n          <div style=\"position: absolute; inset: 0; background: rgba(7, 9, 15, 0.3); display: flex; align-items: center; justify-content: center; transition: background 0.3s ease;\">\n            <div style=\"width: 64px; height: 64px; background: rgba(212, 175, 55, 0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 25px rgba(212, 175, 55, 0.5); transition: transform 0.3s ease;\">\n              <span style=\"font-size: 24px; color: #07090f; margin-left: 4px;\">\u25b6<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div style=\"padding: 24px; display: flex; flex-direction: column; flex-grow: 1;\">\n          <span style=\"font-size: 11px; font-weight: 800; color: #d4af37; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 6px; display: block;\">Mama! (2023)<\/span>\n          <h3 style=\"font-size: 20px; font-weight: 800; color: #ffffff; margin: 0 0 10px 0; letter-spacing: -0.5px;\">Official Production Trailer<\/h3>\n          <p style=\"font-size: 14px; line-height: 1.6; color: #94a3b8; margin: 0; font-weight: 400;\">\n            Sun, sea, and sensational pop anthems! Relive the ultimate feel-good Greek island wedding party that captured everyone's hearts across three sold-out nights.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Grease Lightbox Trigger -->\n      <div class=\"showreel-card lightbox-trigger\" data-video-url=\"https:\/\/www.youtube.com\/embed\/sL7vR66H3dc\" style=\"background: #151821; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.4); display: flex; flex-direction: column; cursor: pointer; position: relative;\">\n        <div style=\"position: relative; width: 100%; aspect-ratio: 16 \/ 9; background: url('https:\/\/img.youtube.com\/vi\/sL7vR66H3dc\/hqdefault.jpg') center\/cover no-repeat;\">\n          <div style=\"position: absolute; inset: 0; background: rgba(7, 9, 15, 0.3); display: flex; align-items: center; justify-content: center; transition: background 0.3s ease;\">\n            <div style=\"width: 64px; height: 64px; background: rgba(212, 175, 55, 0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 25px rgba(212, 175, 55, 0.5); transition: transform 0.3s ease;\">\n              <span style=\"font-size: 24px; color: #07090f; margin-left: 4px;\">\u25b6<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div style=\"padding: 24px; display: flex; flex-direction: column; flex-grow: 1;\">\n          <span style=\"font-size: 11px; font-weight: 800; color: #d4af37; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 6px; display: block;\">Grease<\/span>\n          <h3 style=\"font-size: 20px; font-weight: 800; color: #ffffff; margin: 0 0 10px 0; letter-spacing: -0.5px;\">Official Production Trailer<\/h3>\n          <p style=\"font-size: 14px; line-height: 1.6; color: #94a3b8; margin: 0; font-weight: 400;\">\n            Grease is the word! Take a nostalgic trip back to Rydell High with the T-Birds, Pink Ladies, and electrifying dance numbers that brought the house down.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- VIDEO LIGHTBOX MODAL CONTAINER -->\n<div id=\"video-lightbox-modal\" style=\"display: none; position: fixed; inset: 0; background: rgba(7, 9, 15, 0.92); z-index: 99999; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; backdrop-filter: blur(8px);\">\n  <div id=\"lightbox-content-wrapper\" style=\"position: relative; width: 100%; max-width: 900px; aspect-ratio: 16 \/ 9; background: #000000; border-radius: 16px; overflow: hidden; box-shadow: 0 25px 50px rgba(0,0,0,0.8); border: 1px solid rgba(212, 175, 55, 0.3);\">\n    <button id=\"lightbox-close-btn\" style=\"position: absolute; top: -45px; right: 0; background: none; border: none; color: #ffffff; font-size: 32px; font-weight: 800; cursor: pointer; z-index: 10000; padding: 5px 10px;\">&times;<\/button>\n    <iframe id=\"lightbox-iframe\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n  <\/div>\n<\/div>\n\n<style>\n  .showreel-card { transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); }\n  .showreel-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(212, 175, 55, 0.4);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.6), 0 0 25px rgba(212, 175, 55, 0.15);\n  }\n  .showreel-card:hover div > div > div { transform: scale(1.1); }\n  @media (max-width: 1024px) {\n    .showreel-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }\n  }\n  @media (max-width: 640px) {\n    .showreel-grid { grid-template-columns: 1fr !important; gap: 14px !important; }\n  }\n<\/style>\n\n<script>\n  document.addEventListener('DOMContentLoaded', function () {\n    const modal = document.getElementById('video-lightbox-modal');\n    const iframe = document.getElementById('lightbox-iframe');\n    const closeBtn = document.getElementById('lightbox-close-btn');\n    const videoTriggers = document.querySelectorAll('.lightbox-trigger');\n\n    videoTriggers.forEach(trigger => {\n      trigger.addEventListener('click', function () {\n        let videoUrl = this.getAttribute('data-video-url');\n        if (videoUrl) {\n          if (!videoUrl.includes('autoplay=1')) {\n            videoUrl += (videoUrl.includes('?') ? '&' : '?') + 'autoplay=1&playsinline=1';\n          } else if (!videoUrl.includes('playsinline=1')) {\n            videoUrl += '&playsinline=1';\n          }\n          iframe.src = videoUrl;\n          modal.style.display = 'flex';\n        }\n      });\n    });\n\n    function closeLightbox() {\n      modal.style.display = 'none';\n      iframe.src = '';\n    }\n\n    if (closeBtn) closeBtn.addEventListener('click', closeLightbox);\n    if (modal) {\n      modal.addEventListener('click', function (e) {\n        if (e.target === modal) closeLightbox();\n      });\n    }\n    document.addEventListener('keydown', function (e) {\n      if (e.key === 'Escape') closeLightbox();\n    });\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-97d3a6c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"97d3a6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c76fe1 elementor-widget elementor-widget-html\" data-id=\"9c76fe1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================================== -->\n<!-- PRODUCTION HALL OF FAME SECTION WITH TOP BORDER -->\n<!-- ========================================================================== -->\n<div class=\"musical-hof-wrapper\" style=\"font-family: 'Plus Jakarta Sans', sans-serif; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: linear-gradient(135deg, #07090f 0%, #0d121f 50%, #05070a 100%); color: #ffffff; padding: 70px 0 60px 0; box-sizing: border-box; overflow-x: hidden;\">\n  \n  <!-- TOP BORDER LINE AT THE VERY TOP -->\n  <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.4), transparent);\"><\/div>\n\n  <div style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;\">\n    \n    <!-- SECTION HEADER -->\n    <div style=\"text-align: center; margin-bottom: 40px;\">\n      <span style=\"display: inline-block; background-color: rgba(212, 175, 55, 0.12); color: #d4af37; font-weight: 800; text-transform: uppercase; letter-spacing: 3px; font-size: 11px; padding: 8px 22px; border-radius: 50px; margin-bottom: 15px; border: 1px solid rgba(212, 175, 55, 0.3); box-shadow: 0 0 20px rgba(212, 175, 55, 0.1);\">\n        Archived Memories\n      <\/span>\n      <h2 style=\"font-size: 42px !important; color: #ffffff; font-weight: 900; margin: 0 0 15px 0; letter-spacing: -1.5px; text-transform: uppercase;\">\n        Production Hall of Fame\n      <\/h2>\n      <div style=\"width: 100px; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); margin: 0 auto 25px auto; border-radius: 2px;\"><\/div>\n      <p style=\"font-size: 16px; line-height: 1.8; color: #94a3b8; max-width: 650px; margin: 0 auto; font-weight: 400;\">\n        Relive the magic, energy, and standout moments across our most recent stage productions.\n      <\/p>\n    <\/div>\n\n    <!-- FILTER BUTTONS -->\n    <div style=\"display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 50px;\" class=\"hof-filters\">\n      <button class=\"hof-btn active\" data-filter=\"all\">All<\/button>\n      <button class=\"hof-btn\" data-filter=\"rock-of-ages\">Rock of Ages<\/button>\n      <button class=\"hof-btn\" data-filter=\"wizard-of-oz\">Wizard of Oz<\/button>\n      <button class=\"hof-btn\" data-filter=\"mama\">Mama!<\/button>\n      <button class=\"hof-btn\" data-filter=\"grease\">Grease<\/button>\n    <\/div>\n\n    <!-- GALLERY GRID CONTAINER (3 COLUMNS) -->\n    <div style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; box-sizing: border-box;\" class=\"hof-grid\">\n\n      <!-- 1. Stacee Jaxx -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"0\" data-category=\"rock-of-ages\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_39a-scaled.jpg\" data-caption=\"Stacee Jaxx \u2013 Played by Ois\u00edn Toland, winner of Davitt College TY Best Musical Performance\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_39a-scaled.jpg\" alt=\"Stacee Jaxx\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Rock of Ages<\/span>\n            <p class=\"hof-desc\">Stacee Jaxx \u2013 Played by Ois\u00edn Toland, winner of Davitt College TY Best Musical Performance<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 2. Joey Primo -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"1\" data-category=\"rock-of-ages\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_27-scaled.jpg\" data-caption=\"Joey Primo \u2013 Played by Conn Fitzgerald\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_27-scaled.jpg\" alt=\"Joey Primo\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Rock of Ages<\/span>\n            <p class=\"hof-desc\">Joey Primo \u2013 Played by Conn Fitzgerald<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 3. The Bourbon Room -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"2\" data-category=\"rock-of-ages\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_116-scaled.jpg\" data-caption=\"The Bourbon Room \u2013 BOIA National Award for Best Set Design 2026\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_116-scaled.jpg\" alt=\"The Bourbon Room\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Rock of Ages<\/span>\n            <p class=\"hof-desc\">The Bourbon Room \u2013 BOIA National Award for Best Set Design 2026<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 4. Lonnie Barnett -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"3\" data-category=\"rock-of-ages\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_47a-scaled.jpg\" data-caption=\"Lonnie Barnett \u2013 Played by Miles Girling-Moore, won Best Actor Male at BOIA 2026\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_47a-scaled.jpg\" alt=\"Lonnie Barnett\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Rock of Ages<\/span>\n            <p class=\"hof-desc\">Lonnie Barnett \u2013 Played by Miles Girling-Moore, won Best Actor Male at BOIA 2026<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 5. Drew & Lonnie -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"4\" data-category=\"rock-of-ages\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_66b-scaled.jpg\" data-caption=\"Drew & Lonnie \u2013 Played by Ben O'Brien (BOIA Best Vocal Co-Star) and Myles Girling-Moore\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_66b-scaled.jpg\" alt=\"Drew & Lonnie\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Rock of Ages<\/span>\n            <p class=\"hof-desc\">Drew & Lonnie \u2013 Played by Ben O'Brien (BOIA Best Vocal Co-Star) and Myles Girling-Moore<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 6. The Bourbon Dancers -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"5\" data-category=\"rock-of-ages\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_77-scaled.jpg\" data-caption=\"The Bourbon Dancers \u2013 BOIA Best Ensemble 2026\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_77-scaled.jpg\" alt=\"The Bourbon Dancers\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Rock of Ages<\/span>\n            <p class=\"hof-desc\">The Bourbon Dancers \u2013 BOIA Best Ensemble 2026<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 7. The Mayor -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"6\" data-category=\"rock-of-ages\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_138a-scaled.jpg\" data-caption=\"The Mayor \u2013 Played by Ava Cunningham\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_138a-scaled.jpg\" alt=\"The Mayor\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Rock of Ages<\/span>\n            <p class=\"hof-desc\">The Mayor \u2013 Played by Ava Cunningham<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 8. Regina & the Protestors -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"7\" data-category=\"rock-of-ages\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_183-scaled.jpg\" data-caption=\"Regina & the Protestors \u2013 Played by Isabelle McHugh & Ensemble\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_183-scaled.jpg\" alt=\"Regina & the Protestors\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Rock of Ages<\/span>\n            <p class=\"hof-desc\">Regina & the Protestors \u2013 Played by Isabelle McHugh & Ensemble<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 9. Denise Dupree -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"8\" data-category=\"rock-of-ages\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_201a-scaled.jpg\" data-caption=\"Denise Dupree \u2013 Played by Isabella Kearney (BOIA Best Female Co-Star 2026)\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_201a-scaled.jpg\" alt=\"Denise Dupree\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Rock of Ages<\/span>\n            <p class=\"hof-desc\">Denise Dupree \u2013 Played by Isabella Kearney (BOIA Best Female Co-Star 2026)<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 10. Lonnie's Choir -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"9\" data-category=\"rock-of-ages\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_219-scaled.jpg\" data-caption=\"Lonnie's Choir \u2013 Ensemble vocal performance\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_219-scaled.jpg\" alt=\"Lonnie's Choir\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Rock of Ages<\/span>\n            <p class=\"hof-desc\">Lonnie's Choir \u2013 Ensemble vocal performance<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 11. Interviewing Stacee -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"10\" data-category=\"rock-of-ages\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_300-scaled.jpg\" data-caption=\"Interviewing Stacee \u2013 Constance Sack played by Rhiannon Brosnan\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_300-scaled.jpg\" alt=\"Interviewing Stacee\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Rock of Ages<\/span>\n            <p class=\"hof-desc\">Interviewing Stacee \u2013 Constance Sack played by Rhiannon Brosnan<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 12. Ja'Keith Gill -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"11\" data-category=\"rock-of-ages\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_432a-scaled.jpg\" data-caption=\"Ja'Keith Gill \u2013 Played by Iosac Butler\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_432a-scaled.jpg\" alt=\"Ja'Keith Gill\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Rock of Ages<\/span>\n            <p class=\"hof-desc\">Ja'Keith Gill \u2013 Played by Iosac Butler<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 13. The Venus Dancers -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"12\" data-category=\"rock-of-ages\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_527-scaled.jpg\" data-caption=\"The Venus Dancers \u2013 Nominated for Best Choreography BOIA 2026\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_527-scaled.jpg\" alt=\"The Venus Dancers\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Rock of Ages<\/span>\n            <p class=\"hof-desc\">The Venus Dancers \u2013 Nominated for Best Choreography BOIA 2026<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 14. The Klinemanns -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"13\" data-category=\"rock-of-ages\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_626a-scaled.jpg\" data-caption=\"The Klinemanns \u2013 Hilda & Franz Klinmann played by Kayla Gibbons & Conor McDonagh (Nominated Best Comedy BOIA 2026)\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_626a-scaled.jpg\" alt=\"The Klinemanns\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Rock of Ages<\/span>\n            <p class=\"hof-desc\">The Klinemanns \u2013 Hilda & Franz Klinmann played by Kayla Gibbons & Conor McDonagh (Nominated Best Comedy BOIA 2026)<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 15. Denise Receives her Award -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"14\" data-category=\"rock-of-ages\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_752a-scaled.jpg\" data-caption=\"Award Presentation \u2013 Played by Isabella Kearney, won Best Actor Female Co-Star\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_752a-scaled.jpg\" alt=\"Denise Receives her Award\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Rock of Ages<\/span>\n            <p class=\"hof-desc\">Award Presentation \u2013 Played by Isabella Kearney, won Best Actor Female Co-Star<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 16. Sherrie & Justice -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"15\" data-category=\"rock-of-ages\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_926b-scaled.jpg\" data-caption=\"Sherrie (Daisy Finnerty, Best Acting Female BOIA 2026) & Justice (Jennis Ann Sarish)\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_926b-scaled.jpg\" alt=\"Sherrie & Justice\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Rock of Ages<\/span>\n            <p class=\"hof-desc\">Sherrie (Daisy Finnerty, Best Acting Female BOIA 2026) & Justice (Jennis Ann Sarish)<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 17. Rock of Ages Ensemble -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"16\" data-category=\"rock-of-ages\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_1084a-scaled.jpg\" data-caption=\"Full Ensemble \u2013 Rock of Ages cast on stage\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_1084a-scaled.jpg\" alt=\"Rock of Ages Ensemble\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Rock of Ages<\/span>\n            <p class=\"hof-desc\">Full Ensemble \u2013 Rock of Ages cast on stage<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 18. Award Celebration -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"17\" data-category=\"rock-of-ages\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_1115f-scaled.jpg\" data-caption=\"Award Celebration \u2013 Won Best Set Design and Best Ensemble at BOIA 2026\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/RockofAges_1115f-scaled.jpg\" alt=\"Award Celebration\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Rock of Ages<\/span>\n            <p class=\"hof-desc\">Award Celebration \u2013 Won Best Set Design and Best Ensemble at BOIA 2026<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- WIZARD OF OZ IMAGES -->\n\n      <!-- 19. Dorothy & Friends -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"18\" data-category=\"wizard-of-oz\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024_34a.jpg\" data-caption=\"Dorothy & Friends \u2013 Dorothy (R\u00f3is\u00edn Daly), Lion (Kyle Hopkins), Scarecrow (Noah McNamara) and Tin Man (Cameron King)\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024_34a.jpg\" alt=\"Dorothy and Friends\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Wizard of Oz<\/span>\n            <p class=\"hof-desc\">Dorothy & Friends \u2013 Dorothy (R\u00f3is\u00edn Daly), Lion (Kyle Hopkins), Scarecrow (Noah McNamara) and Tin Man (Cameron King)<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 20. Kansas Set -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"19\" data-category=\"wizard-of-oz\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024_01a.jpg\" data-caption=\"Kansas Set \u2013 Wizard of Oz 2024\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024_01a.jpg\" alt=\"Kansas Set\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Wizard of Oz<\/span>\n            <p class=\"hof-desc\">Kansas Set \u2013 Wizard of Oz 2024<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 21. Auntie Em and Dorothy -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"20\" data-category=\"wizard-of-oz\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024_03.jpg\" data-caption=\"Auntie Em & Dorothy \u2013 Played by Clodagh Timlin and R\u00f3is\u00edn Daly\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024_03.jpg\" alt=\"Auntie Em and Dorothy\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Wizard of Oz<\/span>\n            <p class=\"hof-desc\">Auntie Em & Dorothy \u2013 Played by Clodagh Timlin and R\u00f3is\u00edn Daly<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 22. Dorothy Solo -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"21\" data-category=\"wizard-of-oz\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024_03a.jpg\" data-caption=\"Dorothy \u2013 Played by R\u00f3is\u00edn Daly\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024_03a.jpg\" alt=\"Dorothy\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center 20%; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Wizard of Oz<\/span>\n            <p class=\"hof-desc\">Dorothy \u2013 Played by R\u00f3is\u00edn Daly<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 23. The Good Witch -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"22\" data-category=\"wizard-of-oz\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024_36.jpg\" data-caption=\"The Good Witch \u2013 Played by Jade Ralph, winner of Davitt College TY Musical Best Performance\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024_36.jpg\" alt=\"The Good Witch\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Wizard of Oz<\/span>\n            <p class=\"hof-desc\">The Good Witch \u2013 Played by Jade Ralph, winner of Davitt College TY Musical Best Performance<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 24. The Yellow Brick Road -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"23\" data-category=\"wizard-of-oz\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024_20a.jpg\" data-caption=\"The Yellow Brick Road \u2013 On stage production highlight\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024_20a.jpg\" alt=\"The Yellow Brick Road\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Wizard of Oz<\/span>\n            <p class=\"hof-desc\">The Yellow Brick Road \u2013 On stage production highlight<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 25. The Wicked Witch -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"24\" data-category=\"wizard-of-oz\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024_28.jpg\" data-caption=\"The Wicked Witch \u2013 Played by Tara Kelly\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024_28.jpg\" alt=\"The Wicked Witch\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Wizard of Oz<\/span>\n            <p class=\"hof-desc\">The Wicked Witch \u2013 Played by Tara Kelly<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 26. The Wizard -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"25\" data-category=\"wizard-of-oz\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024_30.jpg\" data-caption=\"The Wizard \u2013 Played by German exchange student David Mathes\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024_30.jpg\" alt=\"The Wizard\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Wizard of Oz<\/span>\n            <p class=\"hof-desc\">The Wizard \u2013 Played by German exchange student David Mathes<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 27. Wicked Witch & Toto -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"26\" data-category=\"wizard-of-oz\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024_31.jpg\" data-caption=\"Wicked Witch & Toto \u2013 Memorable scene interaction\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024_31.jpg\" alt=\"Wicked Witch and Toto\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Wizard of Oz<\/span>\n            <p class=\"hof-desc\">Wicked Witch & Toto \u2013 Memorable scene interaction<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- MAMA! IMAGES -->\n\n      <!-- 28. Donna on Set -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"27\" data-category=\"mama\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/IMG_0571-1-scaled.jpg\" data-caption=\"Donna \u2013 Played by Emily Prendergast on set with her workers\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/IMG_0571-1-scaled.jpg\" alt=\"Donna on Set\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Mama!<\/span>\n            <p class=\"hof-desc\">Donna \u2013 Played by Emily Prendergast on set with her workers<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 29. The Four Dads \/ Friends -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"28\" data-category=\"mama\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/IMG_0595-1-scaled.jpg\" data-caption=\"Sam, Bill, Sophie, and Harry \u2013 Played by Blake Joyce, Petr Samko, Lucy O'Brien, and Lewis Stirzaker\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/IMG_0595-1-scaled.jpg\" alt=\"Sam, Bill, Sophie, and Harry\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Mama!<\/span>\n            <p class=\"hof-desc\">Sam, Bill, Sophie, and Harry \u2013 Played by Blake Joyce, Petr Samko, Lucy O'Brien, and Lewis Stirzaker<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 30. Tanya, Donna, and Rosie -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"29\" data-category=\"mama\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/IMG_0753-1-scaled.jpg\" data-caption=\"Tanya, Donna, and Rosie \u2013 Played by Claire Gillardy, Emily Prendergast, and Gabrielle Kilcourse\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/IMG_0753-1-scaled.jpg\" alt=\"Tanya, Donna, and Rosie\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Mama!<\/span>\n            <p class=\"hof-desc\">Tanya, Donna, and Rosie \u2013 Played by Claire Gillardy, Emily Prendergast, and Gabrielle Kilcourse<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 31. Pepper, Sky and Eddie -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"30\" data-category=\"mama\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/IMG_0718-1-scaled.jpg\" data-caption=\"Pepper, Sky and Eddie \u2013 Played by Sebastian Brodecki, Paddy O'Brien, and Sam Buckton\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/IMG_0718-1-scaled.jpg\" alt=\"Pepper, Sky and Eddie\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Mama!<\/span>\n            <p class=\"hof-desc\">Pepper, Sky and Eddie \u2013 Played by Sebastian Brodecki, Paddy O'Brien, and Sam Buckton<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 32. Irish Dancers -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"31\" data-category=\"mama\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/IMG_0749-1-scaled.jpg\" data-caption=\"Irish Dancers \u2013 Taking centre stage in Mama!\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/IMG_0749-1-scaled.jpg\" alt=\"Irish Dancers\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Mama!<\/span>\n            <p class=\"hof-desc\">Irish Dancers \u2013 Taking centre stage in Mama!<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 33. Sam & Donna -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"32\" data-category=\"mama\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/IMG_0851-1-scaled.jpg\" data-caption=\"Sam & Donna \u2013 On stage performance moment\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/IMG_0851-1-scaled.jpg\" alt=\"Sam and Donna\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Mama!<\/span>\n            <p class=\"hof-desc\">Sam & Donna \u2013 On stage performance moment<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 34. The Wedding -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"33\" data-category=\"mama\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/IMG_1031-1-scaled.jpg\" data-caption=\"The Wedding \u2013 Finale sequence highlight\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/IMG_1031-1-scaled.jpg\" alt=\"The Wedding\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Mama!<\/span>\n            <p class=\"hof-desc\">The Wedding \u2013 Finale sequence highlight<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 35. Sophie's Nightmare -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"34\" data-category=\"mama\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/IMG_0816-scaled.jpg\" data-caption=\"Sophie's Nightmare \u2013 Dramatic musical sequence\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/IMG_0816-scaled.jpg\" alt=\"Sophie's Nightmare\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Mama!<\/span>\n            <p class=\"hof-desc\">Sophie's Nightmare \u2013 Dramatic musical sequence<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 36. Dancing Queen -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"35\" data-category=\"mama\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/IMG_0677-scaled.jpg\" data-caption=\"Dancing Queen \u2013 High-energy ensemble performance\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/IMG_0677-scaled.jpg\" alt=\"Dancing Queen\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Mama!<\/span>\n            <p class=\"hof-desc\">Dancing Queen \u2013 High-energy ensemble performance<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- GREASE IMAGES -->\n\n      <!-- 37. The T Birds -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"36\" data-category=\"grease\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/Grease2022_06a.jpg\" data-caption=\"The T Birds \u2013 Rydell High crew\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/Grease2022_06a.jpg\" alt=\"The T Birds\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Grease<\/span>\n            <p class=\"hof-desc\">The T Birds \u2013 Rydell High crew<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 38. The Pink Ladies -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"37\" data-category=\"grease\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/Grease2022_09.jpg\" data-caption=\"The Pink Ladies \u2013 Iconic group snapshot\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/Grease2022_09.jpg\" alt=\"The Pink Ladies\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Grease<\/span>\n            <p class=\"hof-desc\">The Pink Ladies \u2013 Iconic group snapshot<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 39. Summer Nights -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"38\" data-category=\"grease\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/Grease2022_11.jpg\" data-caption=\"Summer Nights \u2013 Danny and Sandy played by Luke Daly-Cusack and Alison Carey\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/Grease2022_11.jpg\" alt=\"Summer Nights\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Grease<\/span>\n            <p class=\"hof-desc\">Summer Nights \u2013 Danny and Sandy played by Luke Daly-Cusack and Alison Carey<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 40. Those Magic Changes -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"39\" data-category=\"grease\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/Grease2022_12.jpg\" data-caption=\"Those Magic Changes \u2013 Doody played by Br\u00edon Harrigan\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/Grease2022_12.jpg\" alt=\"Those Magic Changes\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Grease<\/span>\n            <p class=\"hof-desc\">Those Magic Changes \u2013 Doody played by Br\u00edon Harrigan<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 41. Greased Lightnin' -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"40\" data-category=\"grease\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/Grease2022_18-1.jpg\" data-caption=\"Greased Lightnin' \u2013 Roger, Sonny, Kenickie, Danny & Doody played by Cian Reddington, Sinteyahu Killeen, Alan Nolan, Luke Daly-Cusack & Br\u00edon Harrigan\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/Grease2022_18-1.jpg\" alt=\"Greased Lightnin\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Grease<\/span>\n            <p class=\"hof-desc\">Greased Lightnin' \u2013 Roger, Sonny, Kenickie, Danny & Doody played by Cian Reddington, Sinteyahu Killeen, Alan Nolan, Luke Daly-Cusack & Br\u00edon Harrigan<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 42. We Go Together -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"41\" data-category=\"grease\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/Grease2022_21a.jpg\" data-caption=\"We Go Together \u2013 Cast ensemble performance\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/Grease2022_21a.jpg\" alt=\"We Go Together\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Grease<\/span>\n            <p class=\"hof-desc\">We Go Together \u2013 Cast ensemble performance<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 43. Born to Hand Jive -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"42\" data-category=\"grease\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/Grease2022_27.jpg\" data-caption=\"Born to Hand Jive \u2013 Dance contest energy\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/Grease2022_27.jpg\" alt=\"Born to Hand Jive\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Grease<\/span>\n            <p class=\"hof-desc\">Born to Hand Jive \u2013 Dance contest energy<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 44. At the Drive-In -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"43\" data-category=\"grease\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/Grease2022_31a.jpg\" data-caption=\"At the Drive-In \u2013 Set design and scene highlight\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/Grease2022_31a.jpg\" alt=\"At the Drive-In\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Grease<\/span>\n            <p class=\"hof-desc\">At the Drive-In \u2013 Set design and scene highlight<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 45. Teen Angel -->\n      <div class=\"hof-card hof-lightbox-trigger\" data-index=\"44\" data-category=\"grease\" data-img-url=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/Grease2022_31.jpg\" data-caption=\"Teen Angel \u2013 Iconic musical number performance\">\n        <div class=\"hof-img-container\">\n          <img decoding=\"async\" src=\"https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/Grease2022_31.jpg\" alt=\"Teen Angel\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n          <div class=\"hof-overlay\">\n            <span class=\"hof-tag\">Grease<\/span>\n            <p class=\"hof-desc\">Teen Angel \u2013 Iconic musical number performance<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- MEDIA LIGHTBOX MODAL CONTAINER -->\n<div id=\"hof-lightbox-modal\" style=\"display: none; position: fixed; inset: 0; background: rgba(7, 9, 15, 0.92); z-index: 99999; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; backdrop-filter: blur(8px);\">\n  <div id=\"hof-lightbox-content-wrapper\" style=\"position: relative; width: 100%; max-width: 900px; background: #07090f; border-radius: 16px; overflow: hidden; box-shadow: 0 25px 50px rgba(0,0,0,0.8); border: 1px solid rgba(212, 175, 55, 0.3);\">\n    <button id=\"hof-lightbox-close-btn\" style=\"position: absolute; top: -45px; right: 0; background: none; border: none; color: #ffffff; font-size: 32px; font-weight: 800; cursor: pointer; z-index: 10000; padding: 5px 10px;\">&times;<\/button>\n    <div style=\"width: 100%; height: 100%; text-align: center; background: #07090f; padding: 20px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;\">\n      <button id=\"hof-lightbox-prev-btn\" style=\"position: absolute; left: 15px; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.6); border: 1px solid rgba(212,175,55,0.4); color: #d4af37; width: 48px !important; height: 48px !important; border-radius: 50% !important; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 10000;\">\u276e<\/button>\n      <button id=\"hof-lightbox-next-btn\" style=\"position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.6); border: 1px solid rgba(212,175,55,0.4); color: #d4af37; width: 48px !important; height: 48px !important; border-radius: 50% !important; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 10000;\">\u276f<\/button>\n      <img decoding=\"async\" id=\"hof-lightbox-img\" src=\"\" alt=\"Hall of Fame Preview\" style=\"max-width: 80%; max-height: 70vh; object-fit: contain; border-radius: 8px; margin-bottom: 12px;\">\n      <p id=\"hof-lightbox-caption\" style=\"color: #f8fafc; font-size: 15px; margin: 0; font-weight: 500; max-width: 750px;\"><\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .hof-btn {\n    background: rgba(20, 25, 38, 0.8); border: 1px solid rgba(255, 255, 255, 0.1); color: #94a3b8;\n    padding: 10px 22px; border-radius: 50px; font-size: 13px; font-weight: 700; text-transform: uppercase;\n    letter-spacing: 1px; cursor: pointer; transition: all 0.3s ease;\n  }\n  .hof-btn:hover, .hof-btn.active {\n    background: rgba(212, 175, 55, 0.15); border-color: #d4af37; color: #ffffff; box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n  }\n  .hof-card {\n    background: #151821; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px;\n    overflow: hidden; aspect-ratio: 16 \/ 11; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.4);\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); cursor: pointer; display: block;\n  }\n  .hof-img-container { width: 100%; height: 100%; position: relative; overflow: hidden; }\n  .hof-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }\n  .hof-overlay {\n    position: absolute; inset: 0; background: linear-gradient(to top, rgba(7, 9, 15, 0.92) 0%, rgba(7, 9, 15, 0.4) 60%, transparent 100%);\n    opacity: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 24px; transition: opacity 0.3s ease;\n  }\n  .hof-tag { font-size: 13px; font-weight: 800; color: #d4af37; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 6px; transform: translateY(10px); transition: transform 0.3s ease; }\n  .hof-desc { font-size: 13px; line-height: 1.5; color: #f8fafc; margin: 0; font-weight: 400; transform: translateY(10px); transition: transform 0.3s ease 0.05s; }\n  .hof-card:hover { transform: translateY(-6px); border-color: rgba(212, 175, 55, 0.4); box-shadow: 0 20px 40px rgba(0,0,0,0.6), 0 0 25px rgba(212, 175, 55, 0.15); }\n  .hof-card:hover img { transform: scale(1.08); }\n  .hof-card:hover .hof-overlay { opacity: 1; }\n  .hof-card:hover .hof-tag, .hof-card:hover .hof-desc { transform: translateY(0); }\n\n  @media (max-width: 1024px) {\n    .hof-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }\n  }\n\n  @media (max-width: 640px) {\n    .hof-grid { grid-template-columns: 1fr !important; gap: 14px !important; }\n    .hof-overlay { opacity: 1 !important; background: linear-gradient(to top, rgba(7, 9, 15, 0.95) 0%, rgba(7, 9, 15, 0.5) 70%, transparent 100%); }\n    .hof-tag, .hof-desc { transform: translateY(0) !important; }\n  }\n<\/style>\n\n<script>\n  document.addEventListener('DOMContentLoaded', function () {\n    const modal = document.getElementById('hof-lightbox-modal');\n    const imgEl = document.getElementById('hof-lightbox-img');\n    const captionEl = document.getElementById('hof-lightbox-caption');\n    const closeBtn = document.getElementById('hof-lightbox-close-btn');\n    const prevBtn = document.getElementById('hof-lightbox-prev-btn');\n    const nextBtn = document.getElementById('hof-lightbox-next-btn');\n\n    const hofTriggers = document.querySelectorAll('.hof-lightbox-trigger');\n    let currentIndex = 0;\n    const hofItems = Array.from(hofTriggers).map(trig => ({\n      src: trig.getAttribute('data-img-url'),\n      caption: trig.getAttribute('data-caption')\n    }));\n\n    function updateLightboxImage(index) {\n      if (index < 0) index = hofItems.length - 1;\n      if (index >= hofItems.length) index = 0;\n      currentIndex = index;\n      imgEl.src = hofItems[currentIndex].src;\n      captionEl.textContent = hofItems[currentIndex].caption || '';\n    }\n\n    hofTriggers.forEach((trigger, idx) => {\n      trigger.addEventListener('click', function () {\n        updateLightboxImage(idx);\n        modal.style.display = 'flex';\n      });\n    });\n\n    if (prevBtn) prevBtn.addEventListener('click', (e) => {\n      e.stopPropagation();\n      updateLightboxImage(currentIndex - 1);\n    });\n\n    if (nextBtn) nextBtn.addEventListener('click', (e) => {\n      e.stopPropagation();\n      updateLightboxImage(currentIndex + 1);\n    });\n\n    function closeLightbox() {\n      modal.style.display = 'none';\n      imgEl.src = '';\n    }\n\n    if (closeBtn) closeBtn.addEventListener('click', closeLightbox);\n\n    if (modal) {\n      modal.addEventListener('click', (e) => {\n        if (e.target === modal) closeLightbox();\n      });\n    }\n\n    document.addEventListener('keydown', (e) => {\n      if (e.key === 'Escape') closeLightbox();\n\n      if (modal.style.display === 'flex') {\n        if (e.key === 'ArrowLeft') updateLightboxImage(currentIndex - 1);\n        if (e.key === 'ArrowRight') updateLightboxImage(currentIndex + 1);\n      }\n    });\n\n    const filterButtons = document.querySelectorAll('.hof-btn');\n    const cards = document.querySelectorAll('.hof-card');\n\n    filterButtons.forEach(button => {\n      button.addEventListener('click', () => {\n        filterButtons.forEach(btn => btn.classList.remove('active'));\n        button.classList.add('active');\n\n        const filterValue = button.getAttribute('data-filter');\n\n        cards.forEach(card => {\n          if (filterValue === 'all' || card.getAttribute('data-category') === filterValue) {\n            card.style.display = 'block';\n          } else {\n            card.style.display = 'none';\n          }\n        });\n      });\n    });\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3930d19 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"3930d19\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4402e2 elementor-widget elementor-widget-html\" data-id=\"c4402e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- BEHIND THE CURTAIN SECTION WITH TOP BORDER -->\n<div class=\"musical-behind-wrapper\" style=\"font-family: 'Plus Jakarta Sans', sans-serif; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: linear-gradient(135deg, #07090f 0%, #0d121f 50%, #05070a 100%); color: #ffffff; padding: 70px 0 30px 0; box-sizing: border-box; overflow-x: hidden;\">\n  \n  <!-- TOP BORDER LINE AT THE VERY TOP -->\n  <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.4), transparent);\"><\/div>\n\n  <div style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;\">\n    \n    <div style=\"display: flex; gap: 60px; align-items: flex-start; margin-bottom: 50px; box-sizing: border-box;\" class=\"header-flex\">\n      <div style=\"flex: 0 0 35%; box-sizing: border-box;\">\n        <span style=\"display: inline-block; background-color: rgba(212, 175, 55, 0.12); color: #d4af37; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; padding: 6px 16px; border-radius: 50px; margin-bottom: 12px; border: 1px solid rgba(212, 175, 55, 0.3);\">\n          Behind the Scenes\n        <\/span>\n        <h2 style=\"font-size: 38px !important; color: #ffffff; font-weight: 900; margin: 0; letter-spacing: -1px !important; line-height: 1.15 !important; text-transform: uppercase;\">\n          BEHIND THE CURTAIN: SET DESIGN & STAGE MANAGEMENT\n        <\/h2>\n        <div style=\"width: 60px; height: 4px; background: linear-gradient(90deg, transparent, #d4af37, transparent); margin-top: 15px; border-radius: 2px;\"><\/div>\n      <\/div>\n      <div style=\"flex: 1; color: #94a3b8; font-size: 16px; line-height: 1.8; font-weight: 400; box-sizing: border-box;\">\n        <p style=\"margin: 0 0 16px 0;\">\n          While the cast shines in the spotlight, the true physical magic of the show is built entirely from scratch. The Davitt College production crew takes full charge of designing, building, and painting the entire stage environment.\n        <\/p>\n        <p style=\"margin: 0;\">\n          From heavy carpentry and structural set construction to intricate prop painting and wardrobe coordination, our students do it all. Under the expert guidance of teacher stage managers who design and build the sets, our student stage crew coordinates seamless scene changes and manages backstage operations to ensure every award-winning performance runs without a hitch.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Accordion Gallery -->\n    <div class=\"gaisce-accordion-container\" style=\"display: flex; width: 100%; height: 480px; gap: 16px; box-sizing: border-box;\">\n      \n      <!-- Story 1: Stage Crew -->\n      <div class=\"accordion-panel active-panel\" style=\"position: relative; flex: 2.5; height: 100%; overflow: hidden; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); display: block;\">\n        <div class=\"panel-bg\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 0.5s ease; z-index: 1; background-image: linear-gradient(to top, rgba(7, 9, 15, 0.95) 0%, rgba(7, 9, 15, 0.2) 60%), url('https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/IMG_7052-scaled.jpg');\"><\/div>\n        <div class=\"panel-collapsed-title\" style=\"position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); white-space: nowrap; writing-mode: vertical-rl; transform-origin: center; z-index: 3; color: rgba(255, 255, 255, 0.85); font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 1px;\">\n          <span>\ud83d\udee0\ufe0f Stage Crew<\/span>\n        <\/div>\n        <div class=\"panel-content\" style=\"position: absolute; bottom: 0; left: 0; width: 100%; padding: 36px; box-sizing: border-box; z-index: 4;\">\n          <span style=\"display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; background-color: rgba(212, 175, 55, 0.15); color: #d4af37; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px;\">Stage Management<\/span>\n          <h3 style=\"font-size: 24px; font-weight: 800; color: #ffffff; margin: 0 0 8px 0; letter-spacing: -0.5px;\">Rock of Ages Stage Crew<\/h3>\n          <p style=\"font-size: 15px; line-height: 1.5; color: #94a3b8; margin: 0; max-width: 90%;\">The dedicated student crew running backstage operations and seamless scene changes under teacher supervision.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Story 2: Painting Wagon -->\n      <div class=\"accordion-panel\" style=\"position: relative; flex: 1; height: 100%; overflow: hidden; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); display: block;\">\n        <div class=\"panel-bg\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 0.5s ease; z-index: 1; background-image: linear-gradient(to top, rgba(7, 9, 15, 0.95) 0%, rgba(7, 9, 15, 0.2) 60%), url('https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024BTS_04.jpg');\"><\/div>\n        <div class=\"panel-collapsed-title\" style=\"position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); white-space: nowrap; writing-mode: vertical-rl; transform-origin: center; z-index: 3; color: rgba(255, 255, 255, 0.85); font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 1px;\">\n          <span>\ud83c\udfa8 Set Building<\/span>\n        <\/div>\n        <div class=\"panel-content\" style=\"position: absolute; bottom: 0; left: 0; width: 100%; padding: 36px; box-sizing: border-box; z-index: 4;\">\n          <span style=\"display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; background-color: rgba(212, 175, 55, 0.15); color: #d4af37; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px;\">Set Design<\/span>\n          <h3 style=\"font-size: 24px; font-weight: 800; color: #ffffff; margin: 0 0 8px 0; letter-spacing: -0.5px;\">Painting Prof. Marvel's Wagon<\/h3>\n          <p style=\"font-size: 15px; line-height: 1.5; color: #94a3b8; margin: 0; max-width: 90%;\">Students meticulously crafting, building, and painting the entire stage scenery from scratch.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Story 3: Kansas Set -->\n      <div class=\"accordion-panel\" style=\"position: relative; flex: 1; height: 100%; overflow: hidden; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); display: block;\">\n        <div class=\"panel-bg\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 0.5s ease; z-index: 1; background-image: linear-gradient(to top, rgba(7, 9, 15, 0.95) 0%, rgba(7, 9, 15, 0.2) 60%), url('https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024BTS_05.jpg');\"><\/div>\n        <div class=\"panel-collapsed-title\" style=\"position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); white-space: nowrap; writing-mode: vertical-rl; transform-origin: center; z-index: 3; color: rgba(255, 255, 255, 0.85); font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 1px;\">\n          <span>\ud83d\udd0d Set Construction<\/span>\n        <\/div>\n        <div class=\"panel-content\" style=\"position: absolute; bottom: 0; left: 0; width: 100%; padding: 36px; box-sizing: border-box; z-index: 4;\">\n          <span style=\"display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; background-color: rgba(212, 175, 55, 0.15); color: #d4af37; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px;\">Carpentry & Build<\/span>\n          <h3 style=\"font-size: 24px; font-weight: 800; color: #ffffff; margin: 0 0 8px 0; letter-spacing: -0.5px;\">Inspecting the Kansas Set<\/h3>\n          <p style=\"font-size: 15px; line-height: 1.5; color: #94a3b8; margin: 0; max-width: 90%;\">Hands-on structural assembly and quality control during heavy set construction weeks.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Story 4: Costumes -->\n      <div class=\"accordion-panel\" style=\"position: relative; flex: 1; height: 100%; overflow: hidden; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); display: block;\">\n        <div class=\"panel-bg\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 0.5s ease; z-index: 1; background-image: linear-gradient(to top, rgba(7, 9, 15, 0.95) 0%, rgba(7, 9, 15, 0.2) 60%), url('https:\/\/davittcollege.ie\/wp-content\/uploads\/2026\/06\/WizardofOz2024BTS_03.jpg');\"><\/div>\n        <div class=\"panel-collapsed-title\" style=\"position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); white-space: nowrap; writing-mode: vertical-rl; transform-origin: center; z-index: 3; color: rgba(255, 255, 255, 0.85); font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 1px;\">\n          <span>\ud83d\udc54 Wardrobe & Prep<\/span>\n        <\/div>\n        <div class=\"panel-content\" style=\"position: absolute; bottom: 0; left: 0; width: 100%; padding: 36px; box-sizing: border-box; z-index: 4;\">\n          <span style=\"display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; background-color: rgba(212, 175, 55, 0.15); color: #d4af37; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px;\">Costumes & Styling<\/span>\n          <h3 style=\"font-size: 24px; font-weight: 800; color: #ffffff; margin: 0 0 8px 0; letter-spacing: -0.5px;\">Getting to Grips with Costumes<\/h3>\n          <p style=\"font-size: 15px; line-height: 1.5; color: #94a3b8; margin: 0; max-width: 90%;\">Preparing wardrobe and coordinating technical fittings ahead of opening night.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .accordion-panel { transition: flex 0.8s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.8s ease !important; }\n  .accordion-panel .panel-content {\n    opacity: 0; transform: translateY(15px);\n    transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;\n    pointer-events: none;\n  }\n  .accordion-panel.active-panel .panel-content { opacity: 1; transform: translateY(0); pointer-events: auto; }\n  .accordion-panel .panel-collapsed-title { opacity: 1; transition: opacity 0.4s ease; }\n  .accordion-panel.active-panel .panel-collapsed-title { opacity: 0; pointer-events: none; }\n  .gaisce-accordion-container:hover .accordion-panel { flex: 1; }\n  .gaisce-accordion-container:hover .accordion-panel:hover { flex: 3.5 !important; box-shadow: 0 20px 35px -10px rgba(7, 9, 15, 0.5); }\n  .gaisce-accordion-container:hover .accordion-panel:hover .panel-bg { transform: scale(1.03); transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1); }\n  .gaisce-accordion-container:hover .accordion-panel:hover .panel-collapsed-title { opacity: 0 !important; }\n  .gaisce-accordion-container:hover .accordion-panel:hover .panel-content { opacity: 1 !important; transform: translateY(0) !important; pointer-events: auto !important; }\n  .gaisce-accordion-container:hover .accordion-panel:not(:hover) .panel-content { opacity: 0 !important; transform: translateY(15px) !important; pointer-events: none !important; }\n  .gaisce-accordion-container:hover .accordion-panel:not(:hover) .panel-collapsed-title { opacity: 1 !important; }\n\n  @media (max-width: 992px) {\n    .header-flex { flex-direction: column !important; gap: 20px !important; }\n    .header-flex > div { flex: 1 1 100% !important; width: 100% !important; }\n    .gaisce-accordion-container { flex-direction: column !important; height: auto !important; gap: 20px !important; }\n    .accordion-panel { flex: none !important; width: 100% !important; height: 380px !important; box-shadow: 0 8px 25px rgba(0,0,0,0.3) !important; }\n    .panel-collapsed-title { display: none !important; }\n    .accordion-panel .panel-content { opacity: 1 !important; transform: none !important; padding: 28px !important; background: linear-gradient(to top, rgba(7, 9, 15, 0.95) 0%, rgba(7, 9, 15, 0.4) 100%) !important; pointer-events: auto !important; }\n    .gaisce-accordion-container:hover .accordion-panel, .gaisce-accordion-container:hover .accordion-panel:hover { flex: none !important; }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bff336f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"bff336f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e49788 elementor-widget elementor-widget-html\" data-id=\"0e49788\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================================== -->\n<!-- PAST MUSICALS ARCHIVE SECTION -->\n<!-- ========================================================================== -->\n<div class=\"musical-archive-wrapper\" style=\"font-family: 'Plus Jakarta Sans', sans-serif; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: linear-gradient(135deg, #07090f 0%, #0d121f 50%, #05070a 100%); color: #ffffff; padding: 70px 0 60px 0; box-sizing: border-box; overflow-x: hidden;\">\n  \n  <div style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;\">\n    \n    <div style=\"text-align: center; margin-bottom: 50px;\">\n      <span style=\"display: inline-block; background-color: rgba(212, 175, 55, 0.12); color: #d4af37; font-weight: 800; text-transform: uppercase; letter-spacing: 3px; font-size: 11px; padding: 8px 22px; border-radius: 50px; margin-bottom: 15px; border: 1px solid rgba(212, 175, 55, 0.3);\">\n        Our Complete Legacy\n      <\/span>\n      <h2 style=\"font-size: 42px !important; color: #ffffff; font-weight: 900; margin: 0 0 15px 0; letter-spacing: -1.5px; text-transform: uppercase;\">\n        Past Musicals Archive\n      <\/h2>\n      <div style=\"width: 100px; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); margin: 0 auto 25px auto; border-radius: 2px;\"><\/div>\n      <p style=\"font-size: 16px; line-height: 1.8; color: #94a3b8; max-width: 650px; margin: 0 auto; font-weight: 400;\">\n        From 1983 to 2026 \u2014 celebrating over four decades of student creativity, stellar performances, and unforgettable stage history at Davitt College.\n      <\/p>\n    <\/div>\n\n    <div style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; box-sizing: border-box;\" class=\"past-musicals-grid\">\n      \n      <!-- 2026 -->\n      <a href=\"https:\/\/davittcollege.ie\/back-to-the-80s\" class=\"archive-card\"><div><span class=\"year\">2026<\/span><h3>Back to the 80s<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2025 -->\n      <a href=\"https:\/\/davittcollege.ie\/rock-of-ages-2025\" class=\"archive-card\"><div><span class=\"year\">2025<\/span><h3>Rock of Ages<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2024 -->\n      <a href=\"https:\/\/davittcollege.ie\/wizard-of-oz-2024\" class=\"archive-card\"><div><span class=\"year\">2024<\/span><h3>The Wizard of Oz<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2023 -->\n      <a href=\"https:\/\/davittcollege.ie\/mama-2023\" class=\"archive-card\"><div><span class=\"year\">2023<\/span><h3>Mama!<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2022 -->\n      <a href=\"https:\/\/davittcollege.ie\/grease-2022\" class=\"archive-card\"><div><span class=\"year\">2022<\/span><h3>Grease<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2019 -->\n      <a href=\"https:\/\/davittcollege.ie\/sing-out-sisters-2019\" class=\"archive-card\"><div><span class=\"year\">2019<\/span><h3>Sing Out Sisters<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2018 -->\n      <a href=\"https:\/\/davittcollege.ie\/power-of-love-2018\" class=\"archive-card\"><div><span class=\"year\">2018<\/span><h3>Power of Love<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2017 -->\n      <a href=\"https:\/\/davittcollege.ie\/popstars-2017\" class=\"archive-card\"><div><span class=\"year\">2017<\/span><h3>Popstars<\/h3><\/div><span class=\"tag-badge\">Archive in Progress<\/span><\/a>\n      <!-- 2016 -->\n      <a href=\"https:\/\/davittcollege.ie\/footloose-2016\" class=\"archive-card\"><div><span class=\"year\">2016<\/span><h3>Footloose<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2015 -->\n      <a href=\"https:\/\/davittcollege.ie\/thank-abba-for-the-music-2015\" class=\"archive-card\"><div><span class=\"year\">2015<\/span><h3>Thank Abba for the Music<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2014 -->\n      <a href=\"https:\/\/davittcollege.ie\/dont-stop-believin-2014\" class=\"archive-card\"><div><span class=\"year\">2014<\/span><h3>Don\u2019t Stop Believin\u2019<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2013 (That 80s Show) -->\n      <a href=\"https:\/\/davittcollege.ie\/that-80s-show-2013\" class=\"archive-card\"><div><span class=\"year\">2013<\/span><h3>That 80s Show<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2013 (Good Morning Baltimore) -->\n      <a href=\"https:\/\/davittcollege.ie\/good-morning-baltimore-2013\" class=\"archive-card\"><div><span class=\"year\">2013<\/span><h3>Good Morning Baltimore<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2012 -->\n      <a href=\"https:\/\/davittcollege.ie\/disco-fever-2012\" class=\"archive-card\"><div><span class=\"year\">2012<\/span><h3>Disco Fever<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2011 -->\n      <a href=\"https:\/\/davittcollege.ie\/all-shook-up-2011\" class=\"archive-card\"><div><span class=\"year\">2011<\/span><h3>All Shook Up<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2007 -->\n      <a href=\"https:\/\/davittcollege.ie\/fame-2007\" class=\"archive-card\"><div><span class=\"year\">2007<\/span><h3>Fame<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2006 -->\n      <a href=\"https:\/\/davittcollege.ie\/thank-abba-for-the-music-2006\" class=\"archive-card\"><div><span class=\"year\">2006<\/span><h3>Thank Abba for the Music<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2005 -->\n      <a href=\"https:\/\/davittcollege.ie\/tin-pan-ali-2005\" class=\"archive-card\"><div><span class=\"year\">2005<\/span><h3>Tin Pan Alley<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2004 -->\n      <a href=\"https:\/\/davittcollege.ie\/god-bless-archie-dean-2004\" class=\"archive-card\"><div><span class=\"year\">2004<\/span><h3>God Bless Archie Dean<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2003 -->\n      <a href=\"https:\/\/davittcollege.ie\/guys-dolls-2003\" class=\"archive-card\"><div><span class=\"year\">2003<\/span><h3>Guys & Dolls<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2002 -->\n      <a href=\"https:\/\/davittcollege.ie\/how-the-west-wasnt-won-2002\" class=\"archive-card\"><div><span class=\"year\">2002<\/span><h3>How the West Wasn't Won<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2001 -->\n      <a href=\"https:\/\/davittcollege.ie\/grease-2001\" class=\"archive-card\"><div><span class=\"year\">2001<\/span><h3>Grease<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 2000 -->\n      <a href=\"https:\/\/davittcollege.ie\/west-side-story-2000\" class=\"archive-card\"><div><span class=\"year\">2000<\/span><h3>West Side Story<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 1999 -->\n      <a href=\"https:\/\/davittcollege.ie\/oklahoma-1999\" class=\"archive-card\"><div><span class=\"year\">1999<\/span><h3>Oklahoma<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 1998 -->\n      <a href=\"https:\/\/davittcollege.ie\/guys-dolls-1998\" class=\"archive-card\"><div><span class=\"year\">1998<\/span><h3>Guys &amp; Dolls<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 1997 -->\n      <a href=\"https:\/\/davittcollege.ie\/chicago-1997\" class=\"archive-card\"><div><span class=\"year\">1997<\/span><h3>Chicago<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 1996 -->\n      <a href=\"https:\/\/davittcollege.ie\/little-shop-of-horrors-1996\" class=\"archive-card\"><div><span class=\"year\">1996<\/span><h3>Little Shop of Horrors<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 1995 -->\n      <a href=\"https:\/\/davittcollege.ie\/a-slice-of-saturday-nite-1995\" class=\"archive-card\"><div><span class=\"year\">1995<\/span><h3>A Slice of Saturday Nite<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 1994 -->\n      <a href=\"https:\/\/davittcollege.ie\/grease-1994-2\" class=\"archive-card\"><div><span class=\"year\">1994<\/span><h3>Grease<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a><\/a>\n      <!-- 1993 -->\n      <a href=\"https:\/\/davittcollege.ie\/reunion-1993\" class=\"archive-card\"><div><span class=\"year\">1993<\/span><h3>Reunion<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 1992 -->\n      <a href=\"https:\/\/davittcollege.ie\/touchdown-1992\" class=\"archive-card\"><div><span class=\"year\">1992<\/span><h3>Touchdown<\/h3><\/div><span class=\"tag-badge\">Archive in Progress<\/span><\/a>\n      <!-- 1991 -->\n      <a href=\"https:\/\/davittcollege.ie\/back-to-school-1991\" class=\"archive-card\"><div><span class=\"year\">1991<\/span><h3>Back to School<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 1990 -->\n      <a href=\"https:\/\/davittcollege.ie\/war-clouds-1990\" class=\"archive-card\"><div><span class=\"year\">1990<\/span><h3>War Clouds<\/h3><\/div><span class=\"tag-badge\">Archive in Progress<\/span><\/a>\n      <!-- 1989 -->\n      <a href=\"https:\/\/davittcollege.ie\/southern-boys-1989\" class=\"archive-card\"><div><span class=\"year\">1989<\/span><h3>Southern Boys<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 1988 -->\n      <a href=\"https:\/\/davittcollege.ie\/grease-1988\" class=\"archive-card\"><div><span class=\"year\">1988<\/span><h3>Grease<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n      <!-- 1987 -->\n      <a href=\"https:\/\/davittcollege.ie\/feile-na-scoileanna-1987\" class=\"archive-card\"><div><span class=\"year\">1987<\/span><h3>F\u00e9ile Na Scoileanna<\/h3><\/div><span class=\"tag-badge\">Archive in Progress<\/span><\/a>\n      <!-- 1986 -->\n      <a href=\"https:\/\/davittcollege.ie\/oliver-1986\" class=\"archive-card\"><div><span class=\"year\">1986<\/span><h3>Oliver<\/h3><\/div><span class=\"tag-badge\">Archive in Progress<\/span><\/a>\n      <!-- 1985 -->\n      <a href=\"https:\/\/davittcollege.ie\/war-clouds-1985\" class=\"archive-card\"><div><span class=\"year\">1985<\/span><h3>War Clouds<\/h3><\/div><span class=\"tag-badge\">Archive in Progress<\/span><\/a>\n      <!-- 1984 -->\n      <a href=\"https:\/\/davittcollege.ie\/west-side-story-1984\" class=\"archive-card\"><div><span class=\"year\">1984<\/span><h3>West Side Story<\/h3><\/div><span class=\"tag-badge\">Archive in Progress<\/span><\/a>\n      <!-- 1983 -->\n      <a href=\"https:\/\/davittcollege.ie\/jesus-christ-superstar-1983\" class=\"archive-card\"><div><span class=\"year\">1983<\/span><h3>Jesus Christ Superstar<\/h3><\/div><span class=\"arrow\">\u2192<\/span><\/a>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .archive-card {\n    background: linear-gradient(180deg, rgba(20, 25, 38, 0.8) 0%, rgba(11, 15, 25, 0.9) 100%);\n    border: 1px solid rgba(212, 175, 55, 0.3);\n    border-radius: 16px;\n    padding: 24px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.4);\n    display: flex !important;\n    align-items: center;\n    justify-content: space-between;\n    text-decoration: none !important;\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  .archive-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(212, 175, 55, 0.6) !important;\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), 0 0 20px rgba(212, 175, 55, 0.1) !important;\n  }\n  .year {\n    font-size: 12px;\n    font-weight: 800;\n    color: #d4af37;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    display: block;\n    margin-bottom: 4px;\n  }\n  .archive-card h3 {\n    font-size: 18px;\n    font-weight: 800;\n    color: #ffffff;\n    margin: 0;\n    letter-spacing: -0.5px;\n    transition: color 0.3s ease;\n  }\n  .archive-card:hover h3 { color: #fde047 !important; }\n  .arrow {\n    font-size: 18px;\n    color: #d4af37;\n    transition: transform 0.3s ease, color 0.3s ease;\n  }\n  .archive-card:hover .arrow {\n    color: #fde047 !important;\n    transform: translateX(5px);\n  }\n  .tag-badge {\n    font-size: 11px;\n    font-weight: 700;\n    color: #d4af37;\n    background: rgba(212, 175, 55, 0.12);\n    padding: 4px 10px;\n    border-radius: 50px;\n    border: 1px solid rgba(212, 175, 55, 0.3);\n    text-transform: uppercase;\n    white-space: nowrap;\n    transition: all 0.3s ease;\n  }\n  .archive-card:hover .tag-badge {\n    background: rgba(212, 175, 55, 0.22);\n    border-color: rgba(212, 175, 55, 0.6);\n  }\n  @media (max-width: 1024px) {\n    .past-musicals-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }\n  }\n  @media (max-width: 640px) {\n    .past-musicals-grid { grid-template-columns: 1fr !important; gap: 14px !important; }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d8beac e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"8d8beac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8a285d elementor-widget elementor-widget-html\" data-id=\"c8a285d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CALL TOO ACTION SECTION WITH TOP BORDER -->\n<div class=\"musical-cta-wrapper\" style=\"font-family: 'Plus Jakarta Sans', sans-serif; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: linear-gradient(135deg, #07090f 0%, #0d121f 50%, #05070a 100%); color: #ffffff; padding: 70px 20px 120px 20px; box-sizing: border-box; overflow-x: hidden; margin-bottom: -40px !important; z-index: 5;\">\n  \n  <!-- TOP BORDER LINE AT THE VERY TOP -->\n  <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.4), transparent);\"><\/div>\n\n  <div style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;\">\n    \n    <div style=\"text-align: center;\">\n      <span style=\"display: inline-block; background-color: rgba(212, 175, 55, 0.12); color: #d4af37; font-weight: 800; text-transform: uppercase; letter-spacing: 3px; font-size: 11px; padding: 8px 22px; border-radius: 50px; margin-bottom: 20px; border: 1px solid rgba(212, 175, 55, 0.3); box-shadow: 0 0 20px rgba(212, 175, 55, 0.1);\">\n        The Legacy Continues\n      <\/span>\n\n      <h2 style=\"font-size: 42px !important; color: #ffffff; font-weight: 900; margin: 0 0 20px 0; letter-spacing: -1.5px; text-transform: uppercase; line-height: 1.15;\">\n        Ready for the Next Curtain Call?\n      <\/h2>\n\n      <p style=\"font-size: 17px; line-height: 1.8; color: #94a3b8; margin: 0 auto 40px auto; font-weight: 400; max-width: 650px;\">\n        Explore our complete production archive, discover upcoming show announcements, or revisit past programmes and student achievements across our award-winning stage history.\n      <\/p>\n\n      <div style=\"display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; box-sizing: border-box;\" class=\"cta-buttons\">\n        <a href=\"\/musical-news\/\" style=\"background: linear-gradient(135deg, #d4af37 0%, #b89728 100%); color: #07090f; padding: 16px 32px; border-radius: 50px; font-weight: 800; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; box-shadow: 0 10px 25px rgba(212, 175, 55, 0.3); transition: all 0.3s ease; display: inline-block; white-space: nowrap;\" class=\"cta-primary\">\n          Musical News \u2192\n        <\/a>\n\n        <a href=\"mailto:damiengallagher@msletb.ie\" style=\"background: rgba(25, 30, 43, 0.8); border: 1px solid rgba(255, 255, 255, 0.12); color: #ffffff; padding: 16px 36px; border-radius: 50px; font-weight: 800; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; transition: all 0.3s ease; display: inline-block;\" class=\"cta-secondary\">\n          Get in Touch\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n  .cta-primary:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 30px rgba(212, 175, 55, 0.4);\n    background: linear-gradient(135deg, #e0bc3b 0%, #c4a12b 100%);\n  }\n  .cta-secondary:hover {\n    transform: translateY(-3px);\n    background: rgba(35, 42, 61, 0.9);\n    border-color: rgba(212, 175, 55, 0.4);\n    color: #fde047;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.4);\n  }\n\n  \/* Force Elementor Parent Containers to strip gaps *\/\n  .elementor-element:has(.musical-cta-wrapper),\n  .elementor-widget-html:has(.musical-cta-wrapper),\n  .elementor-widget-container:has(.musical-cta-wrapper) {\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n  }\n\n  \/* Target site footer to overlap and pull it tight *\/\n  footer, \n  #footer,\n  .site-footer, \n  #colophon, \n  .elementor-location-footer,\n  .davitt-custom-footer,\n  .ast-footer-builder-layout {\n    margin-top: -20px !important;\n    border-top: none !important;\n    box-shadow: none !important;\n    position: relative !important;\n    z-index: 10 !important;\n  }\n\n  @media (max-width: 640px) {\n    .cta-primary, .cta-secondary {\n      width: 100% !important;\n      text-align: center !important;\n      box-sizing: border-box !important;\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Musicals A legacy of award-winning student performance and production. Upcoming Productions Back to the 80s A hilarious, high-energy musical following teenager Corey Palmer&#8217;s quest to win over his crush, Tiffany, amidst school popularity contests and the ultimate neon decade. View Audition Timelines \u2192 Read Character Breakdowns \u2192 Check Rehearsal Schedules \u2192 Award-Winning Excellence A Tradition of Excellence Rock of Ages 2025 7 National Awards Recognised for production excellence 120+ Student Cast &#038; Crew Uniting across year groups 5 Sold Out Shows Packed houses every night 100% Live Vocals &#038; Music Pure rock energy on stage &#x2728; Ultimate Video Montage A Decade of Stage Magic Relive the unforgettable energy, music, and talent from our smash-hit school productions including Grease, Mamma Mia!, The Wizard of Oz, and Rock of Ages! &#x25b6; Retrospective Highlight Reel Davitt College Musicals: The Ultimate Archive Montage Celebrating hundreds of talented student performers, live student pit bands, award-winning choreography, and decades of theatrical excellence on the Davitt College stage. Click to play the feature montage! Cinematic Archives Production Showreel Click any production trailer below to launch the cinematic lightbox player. &#x25b6; Rock of Ages (2025) Official Production Trailer Turn up the volume! High-energy 80s anthems, electrifying guitar solos, and unforgettable performances from our 7-time national award-winning production. &#x25b6; The Wizard of Oz (2024) Official Production Trailer Follow the yellow brick road! Journey over the rainbow with Dorothy, the Scarecrow, the Tin Man, and the Lion in our magical stage production. &#x25b6; Mama! (2023) Official Production Trailer Sun, sea, and sensational pop anthems! Relive the ultimate feel-good Greek island wedding party that captured everyone&#8217;s hearts across three sold-out nights. &#x25b6; Grease Official Production Trailer Grease is the word! Take a nostalgic trip back to Rydell High with the T-Birds, Pink Ladies, and electrifying dance numbers that brought the house down. &times; Archived Memories Production Hall of Fame Relive the magic, energy, and standout moments across our most recent stage productions. All Rock of Ages Wizard of Oz Mama! Grease Rock of Ages Stacee Jaxx \u2013 Played by Ois\u00edn Toland, winner of Davitt College TY Best Musical Performance Rock of Ages Joey Primo \u2013 Played by Conn Fitzgerald Rock of Ages The Bourbon Room \u2013 BOIA National Award for Best Set Design 2026 Rock of Ages Lonnie Barnett \u2013 Played by Miles Girling-Moore, won Best Actor Male at BOIA 2026 Rock of Ages Drew &#038; Lonnie \u2013 Played by Ben O&#8217;Brien (BOIA Best Vocal Co-Star) and Myles Girling-Moore Rock of Ages The Bourbon Dancers \u2013 BOIA Best Ensemble 2026 Rock of Ages The Mayor \u2013 Played by Ava Cunningham Rock of Ages Regina &#038; the Protestors \u2013 Played by Isabelle McHugh &#038; Ensemble Rock of Ages Denise Dupree \u2013 Played by Isabella Kearney (BOIA Best Female Co-Star 2026) Rock of Ages Lonnie&#8217;s Choir \u2013 Ensemble vocal performance Rock of Ages Interviewing Stacee \u2013 Constance Sack played by Rhiannon Brosnan Rock of Ages Ja&#8217;Keith Gill \u2013 Played by Iosac Butler Rock of Ages The Venus Dancers \u2013 Nominated for Best Choreography BOIA 2026 Rock of Ages The Klinemanns \u2013 Hilda &#038; Franz Klinmann played by Kayla Gibbons &#038; Conor McDonagh (Nominated Best Comedy BOIA 2026) Rock of Ages Award Presentation \u2013 Played by Isabella Kearney, won Best Actor Female Co-Star Rock of Ages Sherrie (Daisy Finnerty, Best Acting Female BOIA 2026) &#038; Justice (Jennis Ann Sarish) Rock of Ages Full Ensemble \u2013 Rock of Ages cast on stage Rock of Ages Award Celebration \u2013 Won Best Set Design and Best Ensemble at BOIA 2026 Wizard of Oz Dorothy &#038; Friends \u2013 Dorothy (R\u00f3is\u00edn Daly), Lion (Kyle Hopkins), Scarecrow (Noah McNamara) and Tin Man (Cameron King) Wizard of Oz Kansas Set \u2013 Wizard of Oz 2024 Wizard of Oz Auntie Em &#038; Dorothy \u2013 Played by Clodagh Timlin and R\u00f3is\u00edn Daly Wizard of Oz Dorothy \u2013 Played by R\u00f3is\u00edn Daly Wizard of Oz The Good Witch \u2013 Played by Jade Ralph, winner of Davitt College TY Musical Best Performance Wizard of Oz The Yellow Brick Road \u2013 On stage production highlight Wizard of Oz The Wicked Witch \u2013 Played by Tara Kelly Wizard of Oz The Wizard \u2013 Played by German exchange student David Mathes Wizard of Oz Wicked Witch &#038; Toto \u2013 Memorable scene interaction Mama! Donna \u2013 Played by Emily Prendergast on set with her workers Mama! Sam, Bill, Sophie, and Harry \u2013 Played by Blake Joyce, Petr Samko, Lucy O&#8217;Brien, and Lewis Stirzaker Mama! Tanya, Donna, and Rosie \u2013 Played by Claire Gillardy, Emily Prendergast, and Gabrielle Kilcourse Mama! Pepper, Sky and Eddie \u2013 Played by Sebastian Brodecki, Paddy O&#8217;Brien, and Sam Buckton Mama! Irish Dancers \u2013 Taking centre stage in Mama! Mama! Sam &#038; Donna \u2013 On stage performance moment Mama! The Wedding \u2013 Finale sequence highlight Mama! Sophie&#8217;s Nightmare \u2013 Dramatic musical sequence Mama! Dancing Queen \u2013 High-energy ensemble performance Grease The T Birds \u2013 Rydell High crew Grease The Pink Ladies \u2013 Iconic group snapshot Grease Summer Nights \u2013 Danny and Sandy played by Luke Daly-Cusack and Alison Carey Grease Those Magic Changes \u2013 Doody played by Br\u00edon Harrigan Grease Greased Lightnin&#8217; \u2013 Roger, Sonny, Kenickie, Danny &#038; Doody played by Cian Reddington, Sinteyahu Killeen, Alan Nolan, Luke Daly-Cusack &#038; Br\u00edon Harrigan Grease We Go Together \u2013 Cast ensemble performance Grease Born to Hand Jive \u2013 Dance contest energy Grease At the Drive-In \u2013 Set design and scene highlight Grease Teen Angel \u2013 Iconic musical number performance &times; \u276e \u276f Behind the Scenes BEHIND THE CURTAIN: SET DESIGN &#038; STAGE MANAGEMENT While the cast shines in the spotlight, the true physical magic of the show is built entirely from scratch. The Davitt College production crew takes full charge of designing, building, and painting the entire stage environment. From heavy carpentry and structural set construction to intricate prop painting and wardrobe coordination, our students do it all. Under the expert guidance of teacher stage managers who design and build the sets, our student stage crew coordinates seamless scene changes and manages backstage operations to ensure every<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_angie_page":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-20070","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Damien Gallagher","author_link":"https:\/\/davittcollege.ie\/dev\/author\/dgallagher\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Musicals A legacy of award-winning student performance and production. Upcoming Productions Back to the 80s A hilarious, high-energy musical following teenager Corey Palmer&#8217;s quest to win over his crush, Tiffany, amidst school popularity contests and the ultimate neon decade. View Audition Timelines \u2192 Read Character Breakdowns \u2192 Check Rehearsal Schedules \u2192 Award-Winning Excellence A Tradition&hellip;","_links":{"self":[{"href":"https:\/\/davittcollege.ie\/dev\/wp-json\/wp\/v2\/pages\/20070","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/davittcollege.ie\/dev\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/davittcollege.ie\/dev\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/davittcollege.ie\/dev\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/davittcollege.ie\/dev\/wp-json\/wp\/v2\/comments?post=20070"}],"version-history":[{"count":358,"href":"https:\/\/davittcollege.ie\/dev\/wp-json\/wp\/v2\/pages\/20070\/revisions"}],"predecessor-version":[{"id":35055,"href":"https:\/\/davittcollege.ie\/dev\/wp-json\/wp\/v2\/pages\/20070\/revisions\/35055"}],"wp:attachment":[{"href":"https:\/\/davittcollege.ie\/dev\/wp-json\/wp\/v2\/media?parent=20070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}