BEGIN:VCALENDAR
VERSION:2.0
PRODID:DPCALENDAR
CALSCALE:GREGORIAN
BEGIN:VTIMEZONE
TZID:America/Los_Angeles
X-MICROSOFT-CDO-TZID:13
BEGIN:STANDARD
DTSTART:20251102T090000
TZOFFSETFROM:-0700
TZOFFSETTO:-0800
TZNAME:PST
END:STANDARD
BEGIN:DAYLIGHT
DTSTART:20260308T100000
TZOFFSETFROM:-0800
TZOFFSETTO:-0700
TZNAME:PDT
END:DAYLIGHT
BEGIN:STANDARD
DTSTART:20261101T090000
TZOFFSETFROM:-0700
TZOFFSETTO:-0800
TZNAME:PST
END:STANDARD
END:VTIMEZONE
X-WR-TIMEZONE:America/Los_Angeles
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250930T190000
DTEND;TZID=America/Los_Angeles:20250930T220000
UID:99CF276C-21BF-4289-A10D-29A243E330D7
SUMMARY:Movies on the House: "Superman" (2025)
DTSTAMP:20250918T162355Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N \N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N \N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N \N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N \N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N \N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N \N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N \N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N \N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N \N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N \N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N \N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N \N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N \N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N \N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N \N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N \N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N \N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N \N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N \N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N \N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N \N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N \N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N \N\N  \N  \N    \N      \N      \N        \N          Date\N        \N        Sept. 30\N      \N \N      \N      \N        \N            Location\N          \N          PH1 - 141\N        \N      \N \N      \N      \N        \N          Time\N        \N        7 to 10 p.m.\N      \N    \N \N    \N    \N      \N        Description\N        \N        \N          \N            Get ready for an epic blockbuster night with ASI's Movies on the House series! Join us on Tuesday, Sept. 30, from 7 to 10 p.m. in PH1 141 for a FREE screening of the highly anticipated "Superman" (2025). Come early, grab your seat and enjoy an epic cinematic experience with Clark Kent and your friends. FREE popcorn and good vibes are guaranteed!\N          \N\N          \N            This event is FREE for all Long Beach State University (LBSU) students. Doors open at 6:30 p.m., and seating is first-come, first-served. Don't miss your chance to catch "Superman" (2025) on the big screen — right here on campus!\N          \N\N          \N            Check out the trailer here: \N            !-- \N              https://www.youtube.com/watch?v=Ox8ZLF6cGM0\N             -->\N            \N            \N          \N        \N        \N      \N    \N    \N  \N  \N \N  \N  \N    img\N      class="event-img"\N      src="images/cal/Fall-2025/F25_BPE_Movies_on_the_House-Superman_dgtl-CalEvent.jpg"\N      alt="Sept. 30\N7 to 10 p.m.\NPH1 141"\N    />\N \N    {loadmoduleid 368}\N  </div>\N  <!-- Technically end of right side -->\N</div>\N<!-- End of main-container -->\N \N<!-- Accordion Test -->\N<script>\N  document.addEventListener("DOMContentLoaded", function () {\N    document\N      .querySelectorAll("#HistoryOfUniversity .acco button")\N      .forEach((item) => item.addEventListener("click", toggleacco));\N \N    function toggleacco() {\N      const parentAcco = this.closest(".acco");\N      const itemsInThisAcco = parentAcco.querySelectorAll("button");\N      const currentStatus = this.getAttribute("aria-expanded");\N \N      if (currentStatus == "false") {\N        // Close all other items\N        // for (let i = 0; i < itemsInThisAcco.length; i++) {\N        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");\N        // }\N        // Open the clicked item\N        this.setAttribute("aria-expanded", "true");\N      } else {\N        // Close the clicked item\N        this.setAttribute("aria-expanded", "false");\N      }\N    }\N  });\N</script>\N "
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated July 2023 --><style>  .event-title-head {    font-weight: bold;    font-size: 20px;    color: darkgoldenrod;    margin-top: 5px;    margin-bottom: 0;  }   .event-title-text {    font-weight: 500;    font-size: 15px;    line-height: 17px;    font-weight: bold;  }   .event-title-icon {    margin-top: 6px;    display: flex;    justify-content: left;  }   .event-video-main {    display: flex;    justify-content: center;    margin-bottom: 20px;  }   .history-btn {    display: flex;    justify-content: center;  }   .button-71 {    background-color: #007daa;    border: 0;    border-radius: 56px;    color: #fff;    cursor: pointer;    display: inline-block;    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */    font-size: 18px;    font-weight: 600;    outline: 0;    padding: 16px 21px;    position: relative;    text-align: center;    text-decoration: none;    transition: all 0.3s;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;  }   .button-71:before {    background-color: initial;    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);    border-radius: 125px;    content: "";    height: 50%;    left: 4%;    opacity: 0.5;    position: absolute;    top: 0;    transition: all 0.3s;    width: 92%;  }   .button-71:hover {    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;    transform: scale(1.05);  }  /* _____________Accordian Section CSS+_______________ */   .acco .acco-item {    border-bottom: 1px solid #e5e5e5;  }   .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: #8800ad;    border: none;    background: none;    outline: none;  }   .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #8700ad !important;  }   .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }   .acco .acco-title {    padding: 1em 1.5em 1em 1em;  }   .acco .icon {    display: inline-block;    position: absolute;    top: 18px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }   .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }   .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }   .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }   .acco button[aria-expanded="true"] {    color: #8800ad;    border-bottom: 1px solid #8800ad;    /* background-color: #8700ad; */  }   .acco button[aria-expanded="true"] .icon::after {    width: 0;  }   .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }   #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #8800ad3f;    border-right: 2px solid #8800ad3f;  }   .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }   .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* ______________Accordian CSS Ends__________ */  .main-container {    display: flex;    gap: 20px;    max-width: 1600px;    margin: 0 auto;  }  .left-container {    width: 50%;  }  .right-container {    width: 50%;  }  .event-dtl {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    margin-bottom: 20px;    padding: 10px 20px;    display: flex;    justify-content: space-between;  }  .event-description {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    padding: 10px 20px;  }  .event-img {    width: 100%;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    border-radius: 10px;  }  @media (max-width: 960px) {    .main-container {      flex-direction: column;    }    .left-container {      width: 100%;      width: 10px -20px;    }    .right-container {      width: 100%;    }  }  @media (max-width: 500px) {    .event-dtl {      flex-direction: column;      text-align: center;    }    .event-title-icon {      justify-content: center;    }  }</style> <div class="main-container">  <!-- --------------------    START OF LEFT SIDE  --------------------- -->  <div class="left-container">    <div class="event-dtl">      <!-- DATE -->      <div itemprop="startDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Date</h3>        <!-- Update the date per each event -->        <p class="event-title-text">Sept. 30</p>      </div>       <!-- LOCATION -->      <div>        <div          itemprop="location"          itemscope="itemscope"          itemtype="http://schema.org/Place"        >          <div class="event-title-icon">            <img              src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png"              style="height: 20px; width: 25px"            />          </div>          <h3 class="event-title-head">Location</h3>          <!-- Update the date per each event -->          <p class="event-title-text">PH1 - 141</p>        </div>      </div>       <!-- TIME -->      <div itemprop="endDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Time</h3>        <!-- MUST INCLUDE "." IN A.M./P.M. -->        <p class="event-title-text">7 to 10 p.m.</p>      </div>    </div>     <!-- EVENT DESCRIPTION -->    <div class="event-description">      <div>        <p class="event-title-head">Description</p>        <!-- ***************************************        ** Place all elements of description HERE **        **************************************** -->        <div itemprop="description">          <p>            Get ready for an epic blockbuster night with ASI's Movies on the House series! Join us on Tuesday, Sept. 30, from 7 to 10 p.m. in PH1 141 for a FREE screening of the highly anticipated "Superman" (2025). Come early, grab your seat and enjoy an epic cinematic experience with Clark Kent and your friends. FREE popcorn and good vibes are guaranteed!          </p>          <p>            This event is <strong>FREE</strong> for all Long Beach State University (LBSU) students. Doors open at <strong>6:30 p.m.</strong>, and seating is first-come, first-served. Don't miss your chance to catch "Superman" (2025) on the big screen — right here on campus!          </p>          <p>            Check out the trailer here:             <!-- <a href="https://www.youtube.com/watch?v=Ox8ZLF6cGM0" target="_blank">              https://www.youtube.com/watch?v=Ox8ZLF6cGM0            </a> -->            <iframe width="560" height="315" src="https://www.youtube.com/embed/Ox8ZLF6cGM0" frameborder="0"              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"              allowfullscreen>            </iframe>          </p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->   <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img      class="event-img"      src="images/cal/Fall-2025/F25_BPE_Movies_on_the_House-Superman_dgtl-CalEvent.jpg"      alt="Sept. 307 to 10 p.m.PH1 141"    />     {loadmoduleid 368}  </div>  <!-- Technically end of right side --></div><!-- End of main-container --> <!-- Accordion Test --><script>  document.addEventListener("DOMContentLoaded", function () {    document      .querySelectorAll("#HistoryOfUniversity .acco button")      .forEach((item) => item.addEventListener("click", toggleacco));     function toggleacco() {      const parentAcco = this.closest(".acco");      const itemsInThisAcco = parentAcco.querySelectorAll("button");      const currentStatus = this.getAttribute("aria-expanded");       if (currentStatus == "false") {        // Close all other items        // for (let i = 0; i < itemsInThisAcco.length; i++) {        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");        // }        // Open the clicked item        this.setAttribute("aria-expanded", "true");      } else {        // Close the clicked item        this.setAttribute("aria-expanded", "false");      }    }  });</script> 
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250918T163811Z
X-ACCESS:1
X-HITS:995
X-URL:
X-COLOR:E54268
END:VEVENT
END:VCALENDAR