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:20260424T180000
DTEND;TZID=America/Los_Angeles:20260424T210000
UID:CF0C4F2C-724E-432A-8113-98F65F040911
SUMMARY:ASI Beach Bash
DTSTAMP:20250408T212048Z
DESCRIPTION:\N\N\N  .my-custom-module {\N    width: 50%;\N    margin: 0 auto;\N    text-align: center;\N  }\N\N  /* Adjust width to 100% on screens below 768px */\N  @media (max-width: 1080px) {\N    .my-custom-module {\N      width: 100%;\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  /* Button Start */\N  .button-3 {\N    appearance: none;\N    background-color: #f0548d;\N    border: 1px solid rgba(27, 31, 35, 0.15);\N    border-radius: 10px;\N    box-shadow: 3px 3px 0px 0 rgb(0 0 0);\N    box-sizing: border-box;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    font-family:\N      -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif,\N      "Apple Color Emoji", "Segoe UI Emoji";\N    font-size: 14px;\N    font-weight: 600;\N    line-height: 20px;\N    padding: 10px 25px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N    vertical-align: middle;\N    white-space: nowrap;\N  }\N\N  .button-3:focus:not(:focus-visible):not(.focus-visible) {\N    box-shadow: none;\N    outline: none;\N  }\N\N  .button-3:hover {\N    background-color: #e74882 !important;\N  }\N\N  .button-3:focus {\N    box-shadow: rgba(46, 164, 79, 0.4) 0 0 0 3px;\N    outline: none;\N  }\N\N  .button-3:disabled {\N    background-color: #f0548d;\N    border-color: rgba(27, 31, 35, 0.1);\N    color: rgba(255, 255, 255, 0.8);\N    cursor: default;\N  }\N\N  .button-3:active {\N    background-color: #f0548d;\N    box-shadow: rgba(20, 70, 32, 0.2) 0 1px 0 inset;\N  }\N  /* Button End */\N\N  /* FAQ Section  */\N  .acco {\N    gap: 30px;\N    display: flex;\N    flex-direction: column;\N  }\N\N  .acco .acco-item {\N    border-bottom: 1px solid #fee6b8;\N    border: 1px solid #ecaa00;\N    border-radius: 5px;\N    box-shadow: 3px 3px 0px 0 rgb(0 0 0);\N    box-sizing: border-box;\N    background-color: #fff;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: rgb(0 0 0) !important;\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: #ecaa00 !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    font-weight: 500;\N    display: flex;\N    flex-wrap: wrap;\N    width: 90% !important;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 35px;\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: #ecaa00;\N    border-bottom: 1px solid #fee6b8;\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 #fee6b8;\N    border-right: 2px solid #fee6b8;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition:\N      opacity 200ms linear,\N      max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* FAQ Section end  */\N\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .faq-container {\N    border-radius: 5px;\N    background-color: #fee6b8;\N    padding: 20px 30px;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N    display: flex;\N    flex-direction: column;\N    gap: 30px;\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-around;\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  .main-artist-flier {\N    margin-top: 20px;\N    margin-left: -10px;\N  }\N  .event-poster {\N    width: 100%;\N  }\N  .ticket-title {\N    color: #f0548d;\N    /* font-weight: 800; */\N  }\N  .ticket-information-content {\N    display: flex;\N    flex-direction: column;\N    gap: 30px;\N  }\N  .btn-container {\N    margin-top: -70px;\N    margin-left: -10px;\N    display: flex;\N    justify-content: end;\N    /* padding-right: 10px; */\N  }\N  .be-card-container {\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 20px;\N    border-radius: 10px;\N    margin: 20px 0;\N  }\N  .ticket-title-container {\N    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */\N    box-shadow:\N      rgba(0, 0, 0, 0.16) 0px 1px 4px,\N      rgba(0, 0, 0, 0.18) 0px 4px 6px;\N    padding: 1px 20px;\N    border-radius: 10px;\N    margin: 20px 0;\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: 600px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N  /* Countdown */\N  /* COUNTODWN TIMER */\N  .counter_text {\N    background-color: #f8f8f8;\N    color: #191919;\N    text-align: center;\N    font-size: 2em;\N    line-height: 130%;\N    padding: 1% 0;\N  }\N  #event_countdown span {\N    font-weight: 700;\N  }\N  .time {\N    border-radius: 5px;\N    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);\N    display: inline-block;\N    text-align: center;\N    position: relative;\N    height: 95px;\N    width: 105px;\N\N    -webkit-perspective: 479px;\N    -moz-perspective: 479px;\N    -ms-perspective: 479px;\N    -o-perspective: 479px;\N    perspective: 479px;\N\N    -webkit-backface-visibility: hidden;\N    -moz-backface-visibility: hidden;\N    -ms-backface-visibility: hidden;\N    -o-backface-visibility: hidden;\N    backface-visibility: hidden;\N\N    -webkit-transform: translateZ(0);\N    -moz-transform: translateZ(0);\N    -ms-transform: translateZ(0);\N    -o-transform: translateZ(0);\N    transform: translateZ(0);\N\N    -webkit-transform: translate3d(0, 0, 0);\N    -moz-transform: translate3d(0, 0, 0);\N    -ms-transform: translate3d(0, 0, 0);\N    -o-transform: translate3d(0, 0, 0);\N    transform: translate3d(0, 0, 0);\N  }\N  .count {\N    background: #f0548d;\N    color: #f8f8f8;\N    display: block;\N    font-family: "Oswald", sans-serif;\N    font-size: 2em;\N    line-height: 2.4em;\N    overflow: hidden;\N    position: absolute;\N    text-align: center;\N    /* text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); */\N    top: 0;\N    width: 100%;\N    /* -webkit-transform: translateZ(0); */\N    -moz-transform: translateZ(0);\N    -ms-transform: translateZ(0);\N    -o-transform: translateZ(0);\N    /* transform: translateZ(0); */\N    /* -webkit-transform-style: flat; */\N    -moz-transform-style: flat;\N    -ms-transform-style: flat;\N    -o-transform-style: flat;\N    /* transform-style: flat; */\N  }\N  .count .top {\N    /* border-top: 1px solid rgba(255,255,255,0.2); */\N    /* border-bottom: 1px solid rgba(255,255,255,0.1); */\N    border-radius: 5px 5px 0 0;\N    height: 50%;\N\N    -webkit-transform-origin: 50% 100%;\N    -moz-transform-origin: 50% 100%;\N    -ms-transform-origin: 50% 100%;\N    -o-transform-origin: 50% 100%;\N    transform-origin: 50% 100%;\N  }\N  .count.bottom {\N    background-image: linear-gradient(rgba(255, 255, 255, 0.1), transparent);\N    background-image: -webkit-linear-gradient(\N      rgba(255, 255, 255, 0.1),\N      transparent\N    );\N    background-image: -moz-linear-gradient(\N      rgba(255, 255, 255, 0.1),\N      transparent\N    );\N    background-image: -ms-linear-gradient(\N      rgba(255, 255, 255, 0.1),\N      transparent\N    );\N    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), transparent);\N    /* border-top: 1px solid #000; */\N    /* border-bottom: 1px solid #000; */\N    border-radius: 0 0 5px 5px;\N    line-height: 0;\N    -webkit-transform-origin: 50% 0;\N    -moz-transform-origin: 50% 0;\N    -ms-transform-origin: 50% 0;\N    -o-transform-origin: 50% 0;\N    transform-origin: 50% 0;\N  }\N  .count.next {\N  }\N  .label {\N    margin-top: 6.5em;\N    display: block;\N    position: absolute;\N    /*top: 102%;*/\N    width: 100%;\N    color: #191919;\N  }\N  /* Animation start */\N  .count.curr.top {\N    -webkit-transform: rotateX(0deg);\N    -moz-transform: rotateX(0deg);\N    -ms-transform: rotateX(0deg);\N    -o-transform: rotateX(0deg);\N    transform: rotateX(0deg);\N    z-index: 3;\N  }\N  .count.next.bottom {\N    -webkit-transform: rotateX(90deg);\N    -moz-transform: rotateX(90deg);\N    -ms-transform: rotateX(90deg);\N    -o-transform: rotateX(90deg);\N    transform: rotateX(90deg);\N    z-index: 2;\N  }\N  /* Animation end */\N  .flip .count.curr.top {\N    -webkit-transition: all 250ms ease-in-out;\N    -moz-transition: all 250ms ease-in-out;\N    -ms-transition: all 250ms ease-in-out;\N    -o-transition: all 250ms ease-in-out;\N    transition: all 250ms ease-in-out;\N\N    -webkit-transform: rotateX(-87deg);\N    -moz-transform: rotateX(-87deg);\N    -ms-transform: rotateX(-87deg);\N    -o-transform: rotateX(-87deg);\N    transform: rotateX(-87deg);\N    color: #000;\N    opacity: 0;\N  }\N  .flip .count.next.bottom {\N    -webkit-transition: all 250ms ease-in-out 250ms;\N    -moz-transition: all 250ms ease-in-out 250ms;\N    -ms-transition: all 250ms ease-in-out 250ms;\N    -o-transition: all 250ms ease-in-out 250ms;\N    transition: all 250ms ease-in-out 250ms;\N\N    -webkit-transform: rotateX(0deg);\N    -moz-transform: rotateX(0deg);\N    -ms-transform: rotateX(0deg);\N    -o-transform: rotateX(0deg);\N    transform: rotateX(0deg);\N  }\N  .countdown-container {\N    height: 130px;\N  }\N  .countdown-card-container {\N    display: flex;\N    flex-direction: column;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    gap: 10px;\N    margin-top: 20px;\N  }\N  .countdown-padding {\N    padding: 0 0 2.6em 0;\N    /* display: flex; */\N    /* justify-content: center; */\N    gap: 10px;\N    flex-direction: column;\N  }\N  @media screen and (max-width: 650px) {\N    .label {\N      font-size: 0.4em !important;\N    }\N    .time {\N      height: 4em;\N      width: 3em;\N    }\N    .count {\N      font-size: 1em;\N    }\N    .countdown-padding {\N      padding: 0 0 1em 0;\N    }\N  }\N  @media screen and (max-width: 350px) {\N    .time {\N      height: 2em;\N      width: 1.4em;\N    }\N  }\N  /* GRID */\N  .grid-container {\N    display: grid;\N    grid-template-columns: 1fr 1fr;\N    grid-template-rows: 1fr;\N    gap: 40px; /* Adjust the gap between grid items if needed */\N    margin-top: 20px;\N  }\N  .grid-item {\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 20px;\N    border-radius: 20px;\N  }\N  .book-div {\N    text-align: center;\N    display: flex;\N    gap: 20px;\N    align-items: center;\N  }\N  @media (max-width: 1100px) {\N    .top-section,\N    .book-div {\N      flex-direction: column;\N    }\N    .countdown-padding {\N      display: flex;\N      /* justify-content: center; */\N    }\N    .book {\N      margin: 0 auto;\N      display: flex;\N    }\N    .grid-container {\N      grid-template-columns: 1fr;\N    }\N  }\N  /* COUNTDOWN END */\N\N\N\N  \N  \N    \N    \N      \N        Date\N      \N      April 24\N    \N\N    \N    \N      \N          Location\N        \N        LBS Financial Credit Union Pyramid\N      \N    \N\N    \N    \N      \N        Time\N      \N      Doors open at 6 p.m.\N    \N  \N\N  \N  \N    \N      \N        \N        \N        \N          \N          \N            This year, ASI is proud to present ASI Beach Bash\N            featuring Big Sean! Tickets are on sale NOW!\N          \N        \N\N        \N            Spotify\N            \N          \N          \N            Apple Music\N            \N          \N          \N            Instagram\N            \N          \N          \N            YouTube\N            \N          \N          \N            Facebook\N            \N          \N        \N      \N\N      \N      \N        \N          \N          \N            Opening for ASI Beach Bash is Dev!\N          \N        \N\N        \N          !-- \N            \N              \N              Spotify\N            \N           -->\N          \N            \N              \N              Apple Music\N            \N          \N          \N            \N              \N              Instagram\N            \N          \N          \N            \N              \N              YouTube\N            \N          \N          \N            \N              \N              Facebook\N            \N          \N        \N      \N    \N    \N      \N        \N            GET TICKETS NOW\N            \N           -->\N      \N\N      \N      !-- \N          \N            \N            \N              Opening for ASI Beach Bash, A MYSTERY!\N            \N          \N          \N          Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur ipsum impedit ipsa accusamus expedita iusto accusantium, enim sit at quia? Quisquam soluta obcaecati at maiores quis sequi numquam rerum voluptas?\N          \N          \N            \N              \N              Apple Music\N            \N            \N              Google Play\N            \N            \N              \N              Spotify\N            \N            \N              \N              YouTube\N            \N          \N         -->\N      \N    \N  \N\N  \N  \N    \N      \N        Ticket Information\N      \N    \N    \N      \N      \N        \N        \N          FIND ALL TICKET INFORMATION HERE\N        \N      \N\N      \N      \N        \N        \N          \N            Student tickets are available online (while supplies last):\N          \N\N          \N            General (bleachers) = $20\N            Floor = $30\N          \N        \N        \N        \N          \N            Faculty, staff and alumni tickets April 6 (if available):\N          \N\N          \N            General = $50\N            \N              Tickets are sold in-person at the LBS Financial Credit Union\N              Pyramid Ticket Office\N            \N            \N              Faculty and staff will need to provide proof of a valid CSULB ID\N              for ticket purchase\N            \N            \N              Alumni will need to purchase their ticket in person at the LBS\N              Financial Credit Union Pyramid and bring proof of graduation.\N              Forms of proof:\N            \N            \N              CSULB Diploma (photo acceptable)\N              \N                Unofficial transcript with clear identification of degree\N                completion\N              \N            \N          \N          \N            All tickets are available only for Long Beach State University\N              (LBSU) students, staff, faculty and alumni. No off-campus guests\N              are allowed.\N          \N        \N        \N        \N          Show Details\N          \N            Doors open at 6 p.m.\N            Headliner begins at 8 p.m.\N            All attendees must be 18+ years of age\N            \N              To enter the event, all attendees must bring their ticket and LBSU\N              ID card\N            \N            Video recording is prohibited\N            Re-entry will not be permitted\N          \N          \N           Waiver of Liability (Floor Tickets Only)\N           Save time when checking in and fill out the Waiver of Liability and bring with you to the concert if you purchased a floor ticket. \N           \N    Frequently Asked Questions...\N    \N      \N        \N        \N          \N            Where do I go to buy tickets?\N            \N          \N          \N            \N              \N                \N                  \N                    To purchase your ticket online, visit\N                    \N          \N            My login information is not working?\N            \N          \N          \N            \N              \N                \N                  If you have never used the Athletics Ticket Website, make sure to use your student email (@student.csulb.edu). \NIf problem persists, text 562-985-4949 with your student ID # and student email address for assistance. \N\N                  \N                \N              \N            \N          \N        \N\N        \N        \N          \N            \N          \N          \N            \N              \N                \N                  \N                    Once you have logged in, locate and click the "Students" tab\N                    towards the top of the page. Once clicked, locate the\N                    "Student Special Events." The concert is located on the next\N                    page.\N                  \N                \N              \N            \N          \N        \N\N        \N        \N          \N            Why can I only purchase one ticket?\N            \N          \N          \N            \N              \N                \N                  \N                    This event is open only to LBSU students, staff, faculty and\N                    alumni. Only one ticket is permitted per attendee.\N                  \N                \N              \N            \N          \N        \N\N        \N        \N          \N            \N          \N          \N            \N              \N                \N                  \N                    After your purchase, your ticket will be emailed to you.\N                    Once acquired, you can either print out a copy or show a\N                    digital copy on your phone to event staff upon entry.\N                  \N                \N              \N            \N          \N        \N\N        \N        \N          \N            \N          \N          \N            \N              \N                \N                  \N                    If you have attempted to purchase a ticket online and input\N                    an incorrect billing address, you may receive a pending\N                    charge on your bank statement. This charge should resolve\N                    itself within seven business days and will not count toward\N                    a successful ticket purchase. If the issue persists, please\N                    contact\N                    \N          \N            \N          \N          \N            \N              \N                \N                  \N                    Current LBSU students hold ticket priority. On April 6, if\N                    tickets are still available, faculty, staff and alumni may\N                    purchase a ticket.\N                  \N                  \N                    Faculty and staff tickets are $50 general (bleacher) and\N                    proof of a valid CSULB ID is required for ticket purchase.\N                  \N                  \N                    Alumni tickets are $50 general (bleacher) and will need to\N                    be purchased in person at the LBS Financial Credit Union\N                    Pyramid along with proof of graduation. Forms of proof\N                    include:\N                    \N                      CSULB Diploma (photo acceptable)\N                      \N                        Unofficial transcript with clear identification of\N                        degree completion\N                      \N                    \N                  \N                \N              \N            \N          \N        \N\N        \N        \N          \N            Are seats reserved?\N            \N          \N          \N            \N              \N                \N                  \N                    All seating is first-come, first-served. Doors will open at\N                    6 p.m.\N                  \N                \N              \N            \N          \N        \N\N        \N        \N          \N            Who can enter and what can I bring?\N            \N          \N          \N            \N              \N                \N                  \N                    This event is open to all LBSU students, staff and faculty\N                    who are 18+ years of age.\N                  \N                  \N                    All attendees must follow the LBS Financial Credit Union\N                    Pyramid\N                    \N          \N            Can I bring a bag/purse?\N            \N          \N          \N            \N              \N                \N                  \N                    Please review the Long Beach State\N                    \N          \N            Is parking free for the concert?\N            \N          \N          \N            \N              \N                \N                  \N                     A parking permit is required on campus at all times. If you do not have access to a permit, you can purchase a daily parking pass at any kiosk located in the parking lots.\N                  \N                \N              \N            \N          \N        \N\N        \N        \N          \N            \N          \N          \N            \N              \N                \N                  \N                    Yes, students must be enrolled in classes in the current\N                    spring 2026 semester.\N                  \N                \N              \N            \N          \N        \N\N        \N        \N          \N            \N          \N          \N            \N              \N                \N                  \N                    For questions regarding ticket purchases, please contact the\N                    Long Beach State Athletics ticket office at\N                    (562) 985-4949 or via email at\N                    (562) 985-2535 or via email at\N                    {loadmoduleid 368}\N\N  \N  \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  \N\N\N  $(document).ready(function () {\N    $("#toggle").click(function () {\N      var elem = $("#toggle").text();\N      if (elem == "Read more...") {\N        //Stuff to do when btn is in the read more state\N        $("#toggle").text("Read Less");\N        $("#text").slideDown();\N      } else {\N        //Stuff to do when btn is in the read less state\N        $("#toggle").text("Read more...");\N        $("#text").slideUp();\N      }\N    });\N  });\N\N\N\N  \N  \N  \N  \N  \N  %= label.length \N  \N\N\N  jQuery(function () {\N    var labels = ["days", "hours", "minutes", "seconds"],\N      template = _.template(jQuery("#event_countdown_template").html()),\N      currDate = "00:00:00:00:00",\N      nextDate = "00:00:00:00:00",\N      parser = /([0-9]{2})/gi,\N      $event_countdown = jQuery("#event_countdown");\N\N    // Parse countdown string to an object\N    function strfobj(str) {\N      var parsed = str.match(parser),\N        obj = {};\N      labels.forEach(function (label, i) {\N        obj[label] = parsed[i];\N      });\N      return obj;\N    }\N\N    // Return the time components that diffs\N    function diff(obj1, obj2) {\N      var diff = [];\N      labels.forEach(function (key) {\N        if (obj1[key] !== obj2[key]) {\N          diff.push(key);\N        }\N      });\N      return diff;\N    }\N\N    // Build the layout\N    var initData = strfobj(currDate);\N    labels.forEach(function (label, i) {\N      $event_countdown.append(\N        template({\N          curr: initData[label],\N          next: initData[label],\N          label: label,\N        }),\N      );\N    });\N\N    // Starts the countdown\N    $event_countdown.countdown("2026/04/24 18:00:00", function (event) {\N      var newDate = event.strftime("%D:%H:%M:%S"),\N        data;\N\N      if (event.elapsed) {\N        // Either true or false\N        // document.getElementById("begins_text").innerHTML = "";\N        // var ec = document.getElementById("event_countdown");\N        // ec.innerHTML = "Happening Now!"\N      } else {\N        document.getElementById("begins_text").innerHTML =\N          "Countdown to ASI Beach Bash";\N        if (newDate !== nextDate) {\N          currDate = nextDate;\N          nextDate = newDate;\N\N          // Setup the data\N          data = {\N            curr: strfobj(currDate),\N            next: strfobj(nextDate),\N          };\N\N          // Apply the new values to each node that changed\N          diff(data.curr, data.next).forEach(function (label) {\N            var selector = ".%s".replace(/%s/, label),\N              jQuerynode = $event_countdown.find(selector);\N            // Update the node\N            jQuerynode.removeClass("flip");\N            jQuerynode.find(".curr").text(data.curr[label]);\N            jQuerynode.find(".next").text(data.next[label]);\N            // Wait for a repaint to then flip\N\N            _.delay(\N              function (jQuerynode) {\N                jQuerynode.addClass("flip");\N              },\N              50,\N              jQuerynode,\N            );\N          });\N        }\N      }\N    });\N  });\N\N
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated July 2023 --><style>  .my-custom-module {    width: 50%;    margin: 0 auto;    text-align: center;  }  /* Adjust width to 100% on screens below 768px */  @media (max-width: 1080px) {    .my-custom-module {      width: 100%;    }  }  .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;  }  /* Button Start */  .button-3 {    appearance: none;    background-color: #f0548d;    border: 1px solid rgba(27, 31, 35, 0.15);    border-radius: 10px;    box-shadow: 3px 3px 0px 0 rgb(0 0 0);    box-sizing: border-box;    color: #fff;    cursor: pointer;    display: inline-block;    font-family:      -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif,      "Apple Color Emoji", "Segoe UI Emoji";    font-size: 14px;    font-weight: 600;    line-height: 20px;    padding: 10px 25px;    position: relative;    text-align: center;    text-decoration: none;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;    vertical-align: middle;    white-space: nowrap;  }  .button-3:focus:not(:focus-visible):not(.focus-visible) {    box-shadow: none;    outline: none;  }  .button-3:hover {    background-color: #e74882 !important;  }  .button-3:focus {    box-shadow: rgba(46, 164, 79, 0.4) 0 0 0 3px;    outline: none;  }  .button-3:disabled {    background-color: #f0548d;    border-color: rgba(27, 31, 35, 0.1);    color: rgba(255, 255, 255, 0.8);    cursor: default;  }  .button-3:active {    background-color: #f0548d;    box-shadow: rgba(20, 70, 32, 0.2) 0 1px 0 inset;  }  /* Button End */  /* FAQ Section  */  .acco {    gap: 30px;    display: flex;    flex-direction: column;  }  .acco .acco-item {    border-bottom: 1px solid #fee6b8;    border: 1px solid #ecaa00;    border-radius: 5px;    box-shadow: 3px 3px 0px 0 rgb(0 0 0);    box-sizing: border-box;    background-color: #fff;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: rgb(0 0 0) !important;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #ecaa00 !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;    font-weight: 500;    display: flex;    flex-wrap: wrap;    width: 90% !important;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 35px;    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: #ecaa00;    border-bottom: 1px solid #fee6b8;    /* 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 #fee6b8;    border-right: 2px solid #fee6b8;  }  .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;  }  /* FAQ Section end  */  .main-container {    display: flex;    gap: 20px;    max-width: 1600px;    margin: 0 auto;  }  .faq-container {    border-radius: 5px;    background-color: #fee6b8;    padding: 20px 30px;  }  .left-container {    width: 50%;  }  .right-container {    width: 50%;    display: flex;    flex-direction: column;    gap: 30px;  }  .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-around;  }  .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;  }  .main-artist-flier {    margin-top: 20px;    margin-left: -10px;  }  .event-poster {    width: 100%;  }  .ticket-title {    color: #f0548d;    /* font-weight: 800; */  }  .ticket-information-content {    display: flex;    flex-direction: column;    gap: 30px;  }  .btn-container {    margin-top: -70px;    margin-left: -10px;    display: flex;    justify-content: end;    /* padding-right: 10px; */  }  .be-card-container {    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    padding: 20px;    border-radius: 10px;    margin: 20px 0;  }  .ticket-title-container {    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */    box-shadow:      rgba(0, 0, 0, 0.16) 0px 1px 4px,      rgba(0, 0, 0, 0.18) 0px 4px 6px;    padding: 1px 20px;    border-radius: 10px;    margin: 20px 0;  }  @media (max-width: 960px) {    .main-container {      flex-direction: column;    }    .left-container {      width: 100%;      width: 10px -20px;    }    .right-container {      width: 100%;    }  }  @media (max-width: 600px) {    .event-dtl {      flex-direction: column;      text-align: center;    }    .event-title-icon {      justify-content: center;    }  }  /* Countdown */  /* COUNTODWN TIMER */  .counter_text {    background-color: #f8f8f8;    color: #191919;    text-align: center;    font-size: 2em;    line-height: 130%;    padding: 1% 0;  }  #event_countdown span {    font-weight: 700;  }  .time {    border-radius: 5px;    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);    display: inline-block;    text-align: center;    position: relative;    height: 95px;    width: 105px;    -webkit-perspective: 479px;    -moz-perspective: 479px;    -ms-perspective: 479px;    -o-perspective: 479px;    perspective: 479px;    -webkit-backface-visibility: hidden;    -moz-backface-visibility: hidden;    -ms-backface-visibility: hidden;    -o-backface-visibility: hidden;    backface-visibility: hidden;    -webkit-transform: translateZ(0);    -moz-transform: translateZ(0);    -ms-transform: translateZ(0);    -o-transform: translateZ(0);    transform: translateZ(0);    -webkit-transform: translate3d(0, 0, 0);    -moz-transform: translate3d(0, 0, 0);    -ms-transform: translate3d(0, 0, 0);    -o-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  .count {    background: #f0548d;    color: #f8f8f8;    display: block;    font-family: "Oswald", sans-serif;    font-size: 2em;    line-height: 2.4em;    overflow: hidden;    position: absolute;    text-align: center;    /* text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); */    top: 0;    width: 100%;    /* -webkit-transform: translateZ(0); */    -moz-transform: translateZ(0);    -ms-transform: translateZ(0);    -o-transform: translateZ(0);    /* transform: translateZ(0); */    /* -webkit-transform-style: flat; */    -moz-transform-style: flat;    -ms-transform-style: flat;    -o-transform-style: flat;    /* transform-style: flat; */  }  .count .top {    /* border-top: 1px solid rgba(255,255,255,0.2); */    /* border-bottom: 1px solid rgba(255,255,255,0.1); */    border-radius: 5px 5px 0 0;    height: 50%;    -webkit-transform-origin: 50% 100%;    -moz-transform-origin: 50% 100%;    -ms-transform-origin: 50% 100%;    -o-transform-origin: 50% 100%;    transform-origin: 50% 100%;  }  .count.bottom {    background-image: linear-gradient(rgba(255, 255, 255, 0.1), transparent);    background-image: -webkit-linear-gradient(      rgba(255, 255, 255, 0.1),      transparent    );    background-image: -moz-linear-gradient(      rgba(255, 255, 255, 0.1),      transparent    );    background-image: -ms-linear-gradient(      rgba(255, 255, 255, 0.1),      transparent    );    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), transparent);    /* border-top: 1px solid #000; */    /* border-bottom: 1px solid #000; */    border-radius: 0 0 5px 5px;    line-height: 0;    -webkit-transform-origin: 50% 0;    -moz-transform-origin: 50% 0;    -ms-transform-origin: 50% 0;    -o-transform-origin: 50% 0;    transform-origin: 50% 0;  }  .count.next {  }  .label {    margin-top: 6.5em;    display: block;    position: absolute;    /*top: 102%;*/    width: 100%;    color: #191919;  }  /* Animation start */  .count.curr.top {    -webkit-transform: rotateX(0deg);    -moz-transform: rotateX(0deg);    -ms-transform: rotateX(0deg);    -o-transform: rotateX(0deg);    transform: rotateX(0deg);    z-index: 3;  }  .count.next.bottom {    -webkit-transform: rotateX(90deg);    -moz-transform: rotateX(90deg);    -ms-transform: rotateX(90deg);    -o-transform: rotateX(90deg);    transform: rotateX(90deg);    z-index: 2;  }  /* Animation end */  .flip .count.curr.top {    -webkit-transition: all 250ms ease-in-out;    -moz-transition: all 250ms ease-in-out;    -ms-transition: all 250ms ease-in-out;    -o-transition: all 250ms ease-in-out;    transition: all 250ms ease-in-out;    -webkit-transform: rotateX(-87deg);    -moz-transform: rotateX(-87deg);    -ms-transform: rotateX(-87deg);    -o-transform: rotateX(-87deg);    transform: rotateX(-87deg);    color: #000;    opacity: 0;  }  .flip .count.next.bottom {    -webkit-transition: all 250ms ease-in-out 250ms;    -moz-transition: all 250ms ease-in-out 250ms;    -ms-transition: all 250ms ease-in-out 250ms;    -o-transition: all 250ms ease-in-out 250ms;    transition: all 250ms ease-in-out 250ms;    -webkit-transform: rotateX(0deg);    -moz-transform: rotateX(0deg);    -ms-transform: rotateX(0deg);    -o-transform: rotateX(0deg);    transform: rotateX(0deg);  }  .countdown-container {    height: 130px;  }  .countdown-card-container {    display: flex;    flex-direction: column;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    gap: 10px;    margin-top: 20px;  }  .countdown-padding {    padding: 0 0 2.6em 0;    /* display: flex; */    /* justify-content: center; */    gap: 10px;    flex-direction: column;  }  @media screen and (max-width: 650px) {    .label {      font-size: 0.4em !important;    }    .time {      height: 4em;      width: 3em;    }    .count {      font-size: 1em;    }    .countdown-padding {      padding: 0 0 1em 0;    }  }  @media screen and (max-width: 350px) {    .time {      height: 2em;      width: 1.4em;    }  }  /* GRID */  .grid-container {    display: grid;    grid-template-columns: 1fr 1fr;    grid-template-rows: 1fr;    gap: 40px; /* Adjust the gap between grid items if needed */    margin-top: 20px;  }  .grid-item {    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    padding: 20px;    border-radius: 20px;  }  .book-div {    text-align: center;    display: flex;    gap: 20px;    align-items: center;  }  @media (max-width: 1100px) {    .top-section,    .book-div {      flex-direction: column;    }    .countdown-padding {      display: flex;      /* justify-content: center; */    }    .book {      margin: 0 auto;      display: flex;    }    .grid-container {      grid-template-columns: 1fr;    }  }  /* COUNTDOWN END */</style><div class="main-container" style="flex-direction: column; gap: 30px">  <!-- Date Time Location -->  <div class="event-dtl">    <!-- DATE -->    <div itemprop="startDate" content="2026-04-24">      <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">April 24</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">LBS Financial Credit Union Pyramid</p>      </div>    </div>    <!-- TIME -->    <div itemprop="endDate" content="2026-04-24">      <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">Doors open at 6 p.m.</p>    </div>  </div>  <!-- Header Image -->  <img    src="images/cal/Spring26/BeachBash/SP26_BPE_Beach-Bash-2026_dgtl-promoSOLDOUT_1.jpg"    alt="ASI Beach Bash At the LBS Financial Credit Union Pyramid Friday, April 24. Doors open at 6 p.m."  />  <!-- Main Content Top Left and Top Right -->  <div class="main-container">    <div class="left-container">      <div class="countdown-card-container">        <p          id="begins_text"          style="            margin: 0 auto;            font-size: 2.25rem;            color: #f0548d;            font-weight: 700;          "        ></p>        <div id="event_countdown" style="margin: 0 auto"></div>        <div          style="display: flex; justify-content: center; padding-bottom: 20px"        >          <a            href="https://longbeachstate.evenue.net/signin?uf=ST&continue=%2Fcgi-bin%2Fncommerce3%2FSEGetGroupList%3FlinkID%3Dtwcsulb%26groupCode%3D%26RSRC%3D%26RDAT%3D%26shopperContext%3DST"            target="_blank"            rel="noopener noreferrer"          >            <button              class="button-3"              role="button"              style="font-size: 2.5rem; margin-top: 10px"            >              Buy Tickets Here            </button>          </a>        </div>      </div>      <!-- ****************************         ** Video and socail container **         **************************** -->      <!-- Headliner -->      <div class="be-card-container">        <div style="display: flex; align-items: center; gap: 20px">          <img src="images/cal/Spring25/BigEvent/BE-Icon.png" alt="" />          <p style="margin-bottom: 0; font-weight: bold">            This year, ASI is proud to present <b>ASI</b> Beach Bash            <b>featuring Big Sean!</b> Tickets are on sale NOW!          </p>        </div>        <iframe          width="100%"          style="            aspect-ratio: 16 / 9;            border-radius: 10px;            border: 4px solid #ecaa00;                      "          src="https://www.youtube.com/embed/rcnaiQWS9Cw"          title="YouTube video player"          frameborder="0"          allow="            accelerometer;            autoplay;            clipboard-write;            encrypted-media;            gyroscope;            picture-in-picture;            web-share;          "          referrerpolicy="strict-origin-when-cross-origin"          allowfullscreen        ></iframe>        <hr />        <div          style="margin-bottom: 20px;          "        >          <iframe            data-testid="embed-iframe"            style="border-radius: 10px;"            src="https://open.spotify.com/embed/artist/0c173mlxpT3dSFRgMO8XPh?utm_source=generator"            width="100%"            height="352"            frameborder="0"            allowfullscreen=""            allow="              autoplay;              clipboard-write;              encrypted-media;              fullscreen;              picture-in-picture;            "            loading="lazy"          ></iframe>        </div>        <div          style="            display: flex;            gap: 20px;            justify-content: space-around;            flex-wrap: wrap;          "        >          <div style="text-align: center">            <a              href="https://open.spotify.com/artist/0c173mlxpT3dSFRgMO8XPh"              target="_blank"              rel="noopener noreferrer"            >              <img                src="images/cal/Spring25/BigEvent/Spotify-icon.png"                alt="Spotify Icon"              />              <p><small style="font-weight: bold">Spotify</small></p>            </a>          </div>          <div style="text-align: center">            <a              href="https://music.apple.com/us/artist/big-sean/302533564"              target="_blank"              rel="noopener noreferrer"            >              <img                src="images/cal/Spring25/BigEvent/Apple-icon.png"                alt="Apple Music Icon"              />              <p><small style="font-weight: bold">Apple Music</small></p>            </a>          </div>          <div style="text-align: center">            <a              href="https://www.instagram.com/bigsean?igsh=Ym56NzN0aTB5dnQy"              target="_blank"              rel="noopener noreferrer"            >              <img                src="images/cal/Spring25/BigEvent/instagram-icon-40x40.png"                alt="Instagram Icon"              />              <p><small style="font-weight: bold">Instagram</small></p>            </a>          </div>          <div style="text-align: center">            <a              href="https://www.youtube.com/@bigsean"              target="_blank"              rel="noopener noreferrer"            >              <img                src="images/cal/Spring25/BigEvent/youtube-icon-2.png"                alt="YouTube Icon"              />              <p><small style="font-weight: bold">YouTube</small></p>            </a>          </div>          <div style="text-align: center">            <a              href="https://www.facebook.com/uknowbigsean/"              target="_blank"              rel="noopener noreferrer"            >              <img                src="images/cal/Spring25/BigEvent/facebook-icon_1.png"                alt="Facebook Icon"              />              <p><small style="font-weight: bold">Facebook</small></p>            </a>          </div>        </div>      </div>      <!-- Coheadliner 2 -->      <div class="be-card-container">        <div style="display: flex; align-items: center; gap: 20px">          <img src="images/cal/Spring25/BigEvent/BE-Icon.png" alt="" />          <p style="margin-bottom: 0; font-weight: bold">            Opening for ASI Beach Bash is Dev!          </p>        </div>        <div          style="margin-bottom: 20px;          "        >          <iframe            data-testid="embed-iframe"            style="border-radius: 10px;"            src="https://www.youtube.com/embed/mgEixhE3Oms?si=cLt-JSSL9pqlgzdm"            width="100%"            height="352"            frameborder="0"            allowfullscreen=""            allow="              autoplay;              clipboard-write;              encrypted-media;              fullscreen;              picture-in-picture;            "            loading="lazy"          ></iframe>        </div>        <div style="display: flex; gap: 20px; justify-content: space-around; flex-wrap: wrap; margin-top: 20px;">          <!-- <div style="text-align: center">            <a href="https://open.spotify.com/search/Dev" target="_blank" rel="noopener noreferrer">              <img src="images/cal/Spring25/BigEvent/Spotify-icon.png" alt="Spotify Icon" />              <p><small style="font-weight: bold">Spotify</small></p>            </a>          </div> -->          <div style="text-align: center">            <a href="https://music.apple.com/us/artist/dev/137753028" target="_blank" rel="noopener noreferrer">              <img src="images/cal/Spring25/BigEvent/Apple-icon.png" alt="Apple Music Icon" />              <p><small style="font-weight: bold">Apple Music</small></p>            </a>          </div>          <div style="text-align: center">            <a href="https://www.instagram.com/devescaliente" target="_blank" rel="noopener noreferrer">              <img src="images/cal/Spring25/BigEvent/instagram-icon-40x40.png" alt="Instagram Icon" />              <p><small style="font-weight: bold">Instagram</small></p>            </a>          </div>          <div style="text-align: center">            <a href="https://www.youtube.com/channel/UCms4idhd5Apns_G3gR7er-g" target="_blank" rel="noopener noreferrer">              <img src="images/cal/Spring25/BigEvent/youtube-icon-2.png" alt="YouTube Icon" />              <p><small style="font-weight: bold">YouTube</small></p>            </a>          </div>          <div style="text-align: center">            <a href="https://www.facebook.com/DEVISHOT/" target="_blank" rel="noopener noreferrer">              <img src="images/cal/Spring25/BigEvent/facebook-icon_1.png" alt="Facebook Icon" />              <p><small style="font-weight: bold">Facebook</small></p>            </a>          </div>        </div>      </div>    </div>    <div class="right-container">      <div class="event-poster">        <img          src="images/cal/Spring26/BeachBash/SP26_BPE_Beach-Bash-2026_dgtl-CalEventSOLDOUT_1.jpg"          alt="ASI Beach Bash At the LBS Financial Credit Union Pyramid Friday, April 24. Doors open at 6 p.m."          class="main-artist-flier"          style="width: 100%"        />        <!-- <div class="btn-container">            <a              href="https://www.tix.com/ticket-sales/carpenterarts/6773/event/1418406"              target="_blank"              rel="noopener noreferrer"            >              <button class="button-3" role="button">GET TICKETS NOW</button>            </a>          </div> -->      </div>      <!-- *************************************************         ** THIS IS THE OPENING ACT ABOUT AND SOCIAL LINKS **         ****************************************************** -->      <!-- <div class="be-card-container">          <div style="display: flex; align-items: center; gap: 20px">            <img src="images/cal/Spring25/BigEvent/BE-Icon.png" alt="" />            <p style="margin-bottom: 0; font-weight: bold">              Opening for ASI Beach Bash, A MYSTERY!            </p>          </div>          <p>          Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur ipsum impedit ipsa accusamus expedita iusto accusantium, enim sit at quia? Quisquam soluta obcaecati at maiores quis sequi numquam rerum voluptas?          </p>          <div style="display: flex; gap: 20px; justify-content: space-around">            <div style="text-align: center">              <img src="images/cal/Spring25/BigEvent/Apple-icon.png" alt="" />              <p><small style="font-weight: bold">Apple Music</small></p>            </div>            <div style="text-align: center">              <img                src="images/cal/Spring25/BigEvent/Google-play-icon.png"                alt=""              />              <p><small style="font-weight: bold">Google Play</small></p>            </div>            <div style="text-align: center">              <img src="images/cal/Spring25/BigEvent/Spotify-icon.png" alt="" />              <p><small style="font-weight: bold">Spotify</small></p>            </div>            <div style="text-align: center">              <img src="images/cal/Spring25/BigEvent/youtube-icon-2.png" alt="" />              <p><small style="font-weight: bold">YouTube</small></p>            </div>          </div>        </div> -->      <!-- END OF OPENER ABOUT AND SOCIAL -->    </div>  </div>  <!-- Ticket Information -->  <div>    <div class="ticket-title-container">      <h2 class="ticket-title" style="color: #ce3a5d; font-weight: 700">        Ticket Information      </h2>    </div>    <div class="be-card-container">      <!-- Tag line  -->      <div style="display: flex; align-items: center; gap: 20px">        <img src="images/cal/Spring25/BigEvent/BE-Icon.png" alt="" />        <p style="margin-bottom: 0; font-weight: bold">          FIND ALL TICKET INFORMATION HERE        </p>      </div>      <!-- Content  -->      <div class="ticket-information-content">        <!-- section1  -->        <div>          <h3 style="color: #ce3a5d">            Student tickets are available online (while supplies last):          </h3>          <ul>            <li>General (bleachers) = $20</li>            <li>Floor = $30</li>          </ul>        </div>        <!-- section2  -->        <div>          <h3 style="color: #ce3a5d">            Faculty, staff and alumni tickets April 6 (if available):          </h3>          <ul>            <li>General = $50</li>            <li>              Tickets are sold in-person at the LBS Financial Credit Union              Pyramid Ticket Office            </li>            <li>              Faculty and staff will need to provide proof of a valid CSULB ID              for ticket purchase            </li>            <li>              Alumni will need to purchase their ticket in person at the LBS              Financial Credit Union Pyramid and bring proof of graduation.              Forms of proof:            </li>            <ul>              <li>CSULB Diploma (photo acceptable)</li>              <li>                Unofficial transcript with clear identification of degree                completion              </li>            </ul>          </ul>          <p>            <b              >All tickets are available only for Long Beach State University              (LBSU) students, staff, faculty and alumni. No off-campus guests              are allowed.</b            >          </p>        </div>        <!-- section3  -->        <div>          <h3 style="color: #ce3a5d">Show Details</h3>          <ul>            <li>Doors open at 6 p.m.</li>            <li>Headliner begins at 8 p.m.</li>            <li>All attendees must be 18+ years of age</li>            <li>              To enter the event, all attendees must bring their ticket and LBSU              ID card            </li>            <li>Video recording is prohibited</li>            <li>Re-entry will not be permitted</li>          </ul>          <!-- Waitist -->           <h4 style="color: #ce3a5d">Waiver of Liability (Floor Tickets Only)</h4>           <p>Save time when checking in and fill out the Waiver of Liability and bring with you to the concert if you purchased a floor ticket. </p>           <div          style="display: flex; padding-bottom: 20px"        >          <a            href="documents/discover/events/ASI EO 1051 Waiver of Liability 2024.pdf"            target="_blank"            rel="noopener noreferrer"          >            <button              class="button-3"              role="button"              style="font-size: 2.5rem; margin-top: 10px"            >              Waiver of Liability Form            </button>          </a>        </div>        </div>      </div>    </div>  </div>  <!-- FAQ Section Starts -->  <div class="faq-container">    <h2 style="font-weight: bold">Frequently Asked Questions...</h2>    <div id="HistoryOfUniversity">      <div class="acco">        <!-- faq1  -->        <div class="acco-item">          <button id="faq1" aria-expanded="false">            <span class="acco-title">Where do I go to buy tickets?</span>            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <ul>                  <li>                    To purchase your ticket online, visit                    <a                      href="https://longbeachstate.evenue.net/cgi-bin/ncommerce3/EVExecMacro?linkID=twcsulb&evm=myac&msgCode=32000&shopperContext=ST&returnURL=/cgi-bin/ncommerce3/SEGetGroupList%3FlinkID%3Dtwcsulb%26groupCode%3D%26RSRC%3D%26RDAT%3D%26shopperContext%3DST&url=/cgi-bin/ncommerce3/SEGetGroupList%3FlinkID%3Dtwcsulb%26groupCode%3D%26RSRC%3D%26RDAT%3D%26shopperContext%3DST"                      target="_blank"                      rel="noopener noreferrer"                      style="text-decoration: underline"                      >longbeachstate.com/studentlogin</a                    >.                  </li>                  <li>                    To purchase your ticket in person, visit the LBS Financial                    Credit Union Pyramid Ticket Office during business hours:                    Monday through Friday from 10 a.m. to 5 p.m. They accept                    cash, Visa, MasterCard or American Express.                  </li>                  <li>                    Faculty, staff and alumni can only purchase tickets                    in-person.                  </li>                </ul>              </div>            </div>          </div>        </div>        <!-- faq2 -->        <div class="acco-item">          <button id="faq2" aria-expanded="false">            <span class="acco-title">My login information is not working?</span>            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <ul>                  <li>If you have never used the Athletics Ticket Website, make sure to use your student email <b>(@student.csulb.edu)</b>.</li> <li>If problem persists, text <a href="tel:5629854949">562-985-4949</a> with your student ID # and student email address for assistance. </li>                                  </ul>              </div>            </div>          </div>        </div>        <!-- faq3  -->        <div class="acco-item">          <button id="faq3" aria-expanded="false">            <span class="acco-title"              >I have a registered account but do not see the concert purchase              page?</span            >            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <ul>                  <li>                    Once you have logged in, locate and click the "Students" tab                    towards the top of the page. Once clicked, locate the                    "Student Special Events." The concert is located on the next                    page.                  </li>                </ul>              </div>            </div>          </div>        </div>        <!-- faq4  -->        <div class="acco-item">          <button id="faq4" aria-expanded="false">            <span class="acco-title">Why can I only purchase one ticket?</span>            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <ul>                  <li>                    This event is open only to LBSU students, staff, faculty and                    alumni. Only one ticket is permitted per attendee.                  </li>                </ul>              </div>            </div>          </div>        </div>        <!-- faq5  -->        <div class="acco-item">          <button id="faq5" aria-expanded="false">            <span class="acco-title"              >How do I get my ticket after I have purchased it?</span            >            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <ul>                  <li>                    After your purchase, your ticket will be emailed to you.                    Once acquired, you can either print out a copy or show a                    digital copy on your phone to event staff upon entry.                  </li>                </ul>              </div>            </div>          </div>        </div>        <!-- faq6  -->        <div class="acco-item">          <button id="faq6" aria-expanded="false">            <span class="acco-title"              >I purchased one ticket online, but my credit card has multiple              charges on it?</span            >            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <ul>                  <li>                    If you have attempted to purchase a ticket online and input                    an incorrect billing address, you may receive a pending                    charge on your bank statement. This charge should resolve                    itself within seven business days and will not count toward                    a successful ticket purchase. If the issue persists, please                    contact                    <a href="mailto:LBSUtickets@csulb.edu"                      ><b>LBSUtickets@csulb.edu</b></a                    >                    to correct the charge.                  </li>                </ul>              </div>            </div>          </div>        </div>        <!-- faq7  -->        <div class="acco-item">          <button id="faq7" aria-expanded="false">            <span class="acco-title"              >Can faculty, staff or alumni purchase tickets?</span            >            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <ul>                  <li>                    Current LBSU students hold ticket priority. On April 6, if                    tickets are still available, faculty, staff and alumni may                    purchase a ticket.                  </li>                  <li>                    Faculty and staff tickets are $50 general (bleacher) and                    proof of a valid CSULB ID is required for ticket purchase.                  </li>                  <li>                    Alumni tickets are $50 general (bleacher) and will need to                    be purchased in person at the LBS Financial Credit Union                    Pyramid along with proof of graduation. Forms of proof                    include:                    <ul>                      <li>CSULB Diploma (photo acceptable)</li>                      <li>                        Unofficial transcript with clear identification of                        degree completion                      </li>                    </ul>                  </li>                </ul>              </div>            </div>          </div>        </div>        <!-- faq8  -->        <div class="acco-item">          <button id="faq8" aria-expanded="false">            <span class="acco-title">Are seats reserved?</span>            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <ul>                  <li>                    All seating is first-come, first-served. Doors will open at                    6 p.m.                  </li>                </ul>              </div>            </div>          </div>        </div>        <!-- faq9  -->        <div class="acco-item">          <button id="faq9" aria-expanded="false">            <span class="acco-title">Who can enter and what can I bring?</span>            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <ul>                  <li>                    This event is open to all LBSU students, staff and faculty                    who are 18+ years of age.                  </li>                  <li>                    All attendees must follow the LBS Financial Credit Union                    Pyramid                    <a                      href="https://longbeachstate.com/sports/2020/7/9/clear-bag-policy"                      target="_blank"                      rel="noopener noreferrer"                      >Clear Bag and Prohibited Items policies</a                    >.                  </li>                  <li>                    No cameras are allowed. Please note that although phones are                    permitted, all video recordings are unauthorized.                  </li>                </ul>              </div>            </div>          </div>        </div>        <!-- faq10  -->        <div class="acco-item">          <button id="faq10" aria-expanded="false">            <span class="acco-title">Can I bring a bag/purse?</span>            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <ul>                  <li>                    Please review the Long Beach State                    <a                      href="https://longbeachstate.com/sports/2020/7/9/clear-bag-policy"                      target="_blank"                      rel="noopener noreferrer"                      >Athletics' Clear Bag and Prohibited Items policies</a                    >.                  </li>                </ul>              </div>            </div>          </div>        </div>        <!-- faq11  -->        <div class="acco-item">          <button id="faq11" aria-expanded="false">            <span class="acco-title">Is parking free for the concert?</span>            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <ul>                  <li>                     A parking permit is required on campus at all times. If you do not have access to a permit, you can purchase a daily parking pass at any kiosk located in the parking lots.                  </li>                </ul>              </div>            </div>          </div>        </div>        <!-- faq12  -->        <div class="acco-item">          <button id="faq12" aria-expanded="false">            <span class="acco-title"              >Do I need to be enrolled in classes during the spring 2026              semester to be considered a current student?</span            >            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <ul>                  <li>                    Yes, students must be enrolled in classes in the current                    spring 2026 semester.                  </li>                </ul>              </div>            </div>          </div>        </div>        <!-- faq13  -->        <div class="acco-item">          <button id="faq13" aria-expanded="false">            <span class="acco-title"              >Who can I contact if I have a question about the concert?</span            >            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <ul>                  <li>                    For questions regarding ticket purchases, please contact the                    Long Beach State Athletics ticket office at                    <a href="tel:5629854949">(562) 985-4949</a> or via email at                    <a href="mailto:LBSUtickets@csulb.edu"                      >LBSUtickets@csulb.edu</a                    >.                  </li>                  <li>                    For questions regarding ASI Beach Bash, please contact ASI                    Beach Pride Events at                    <a href="tel:5629852535">(562) 985-2535</a> or via email at                    <a href="mailto:ASI-BeachPride@csulb.edu"                      >ASI-BeachPride@csulb.edu</a                    >.                  </li>                </ul>              </div>            </div>          </div>        </div>        <!-- End of Candidates accordion -->      </div>    </div>  </div>  <!-- End of FAQ Section Starts  -->  <div class="my-custom-module">{loadmoduleid 368}</div>  <!-- 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></div><script>  $(document).ready(function () {    $("#toggle").click(function () {      var elem = $("#toggle").text();      if (elem == "Read more...") {        //Stuff to do when btn is in the read more state        $("#toggle").text("Read Less");        $("#text").slideDown();      } else {        //Stuff to do when btn is in the read less state        $("#toggle").text("Read more...");        $("#text").slideUp();      }    });  });</script><script src="templates/samba_spa/js/countdown/jquery.countdown.min.js"></script><script  type="text/javascript"  src="templates/samba_spa/js/countdown/underscore-min.js"></script><script type="text/template" id="event_countdown_template">  <div class="time <%= label %>">  <span class="count curr top"><%= curr %></span>  <span class="count next top"><%= next %></span>  <span class="count next bottom"><%= next %></span>  <span class="count curr bottom"><%= curr %></span>  <span class="label"><%= label.length < 6 ? label : label.substr(0, 3)  %></span>  </div></script><script type="text/javascript">  jQuery(function () {    var labels = ["days", "hours", "minutes", "seconds"],      template = _.template(jQuery("#event_countdown_template").html()),      currDate = "00:00:00:00:00",      nextDate = "00:00:00:00:00",      parser = /([0-9]{2})/gi,      $event_countdown = jQuery("#event_countdown");    // Parse countdown string to an object    function strfobj(str) {      var parsed = str.match(parser),        obj = {};      labels.forEach(function (label, i) {        obj[label] = parsed[i];      });      return obj;    }    // Return the time components that diffs    function diff(obj1, obj2) {      var diff = [];      labels.forEach(function (key) {        if (obj1[key] !== obj2[key]) {          diff.push(key);        }      });      return diff;    }    // Build the layout    var initData = strfobj(currDate);    labels.forEach(function (label, i) {      $event_countdown.append(        template({          curr: initData[label],          next: initData[label],          label: label,        }),      );    });    // Starts the countdown    $event_countdown.countdown("2026/04/24 18:00:00", function (event) {      var newDate = event.strftime("%D:%H:%M:%S"),        data;      if (event.elapsed) {        // Either true or false        // document.getElementById("begins_text").innerHTML = "";        // var ec = document.getElementById("event_countdown");        // ec.innerHTML = "<br/><br/><h2 style='font-weight: 700;'>Happening Now!</h2>"      } else {        document.getElementById("begins_text").innerHTML =          "Countdown to ASI Beach Bash";        if (newDate !== nextDate) {          currDate = nextDate;          nextDate = newDate;          // Setup the data          data = {            curr: strfobj(currDate),            next: strfobj(nextDate),          };          // Apply the new values to each node that changed          diff(data.curr, data.next).forEach(function (label) {            var selector = ".%s".replace(/%s/, label),              jQuerynode = $event_countdown.find(selector);            // Update the node            jQuerynode.removeClass("flip");            jQuerynode.find(".curr").text(data.curr[label]);            jQuerynode.find(".next").text(data.next[label]);            // Wait for a repaint to then flip            _.delay(              function (jQuerynode) {                jQuerynode.addClass("flip");              },              50,              jQuerynode,            );          });        }      }    });  });</script>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20260420T212036Z
X-ACCESS:1
X-HITS:25304
X-URL:
X-COLOR:E54268
END:VEVENT
END:VCALENDAR