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:20250425T180000
DTEND;TZID=America/Los_Angeles:20250425T230000
UID:89097BA5-19D2-492B-82A4-F86F2A3EC61E
SUMMARY:ASI Beach Bash Presents Sir & BLXST
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: -apple-system, system-ui, "Segoe UI", Helvetica, Arial,\N      sans-serif, "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: 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  /* 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: rgba(0, 0, 0, 0.16) 0px 1px 4px, 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 25\N    \N\N    \N    \N      \N          Location\N        \N        Walter 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 featuring Sir & Blxst!\N            Tickets are on sale NOW!\N          \N        \N        !-- \N                For over half a decade, Swae Lee has been a driving force in the music\N                industry, creating chart-topping hits both as a solo artist and as one\N                half of the renowned duo, Rae Sremmurd. Hailing from Inglewood,\N                California, Swae Lee’s musical journey began at the age of 11,\N                experimenting with production and discovering his unique vocal range.\N             -->\N\N        \N\N        \N          \N            Spotify\N          \N          \N            Apple Music\N          \N          \N            Instagram\N          \N          \N            YouTube\N          \N        \N      \N      \N      \N        \N          !-- \N          \N            This year, ASI is proud to present ASI Beach Bash featuring SiR!\N            Tickets are on sale NOW!\N           -->\N        \N        !-- \N                For over half a decade, Swae Lee has been a driving force in the music\N                industry, creating chart-topping hits both as a solo artist and as one\N                half of the renowned duo, Rae Sremmurd. Hailing from Inglewood,\N                California, Swae Lee’s musical journey began at the age of 11,\N                experimenting with production and discovering his unique vocal range.\N             -->\N\N        \N\N        \N          \N            Spotify\N          \N          \N            Apple Music\N          \N          \N            Instagram\N          \N          \N            YouTube\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            Bleachers = $20\N            Floor = $30\N          \N        \N        \N        \N          Faculty, staff and alumni tickets:\N\N          \N            Bleachers = $40\N            \N              Tickets are sold in-person at the Walter 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 Walter\N              Pyramid and bring proof of graduation. 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            Show starts at 7 p.m.\N\N            !-- Headliner begins at 8:30 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      \N    \N  \N\N  \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 the\N                    \N          \N            My login information is not working?\N            \N          \N          \N            \N              \N                \N                  \N                    If you have never used the Athletics Ticket Website, make\N                    sure to use your student email\N                    (@student.csulb.edu).\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 7, if\N                    tickets are still available, faculty, staff and alumni may\N                    purchase a ticket.\N                  \N                  \N                    Faculty and staff tickets are $40 general (bleacher) and\N                    proof of a valid CSULB ID is required for ticket purchase.\N                  \N                  \N                    Alumni tickets are $40 general (bleacher) and will need to\N                    be purchased in person at the Walter Pyramid along with\N                    proof of graduation. Forms of proof 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 Walter Pyramid\N                    \N          \N            Can I bring a bag/purse?\N            \N          \N          \N            \N              \N                \N                  \N                    Please review the\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\N                    do not have access to a permit, you can purchase a daily\N                    parking pass for $15 at any kiosk located in the parking\N                    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 2025 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                    \N          \N            \N          \N          \N            \N              \N                We heard the student feedback and want to ensure events hosted by ASI continue to be accessible and affordable. Therefore, the tickets have been adjusted to the same rates as previous years.\N \N                Students who purchased a ticket at the original price will receive a refund for the difference.  They have been contacted by email.  For any of those ticket purchasers, please email ASI-BeachPride@csulb.edu if you have questions.\N              \N            \N          \N        \N\N        \N      \N    \N  \N  \N\N  \N  \N    .co-headliner-media {\N      display: flex;\N      gap: 20px;\N    }\N    .co-headliner-container {\N      width: 50%;\N    }\N    /* .co-headliner-spotify{\N      width: 70%;\N    } */\N    @media (max-width: 900px) {\N      .co-headliner-media {\N        flex-direction: column;\N      }\N      .co-headliner-container {\N        width: 100%;\N      }\N      /* .co-headliner-spotify{\N      width: 100%;\N    } */\N    }\N  \N  \N    \N    \N      \N        Blxst on Spotify\N        \N      \N    \N    \N\N    \N    \N      \N        SiR on Spotify\N        \N      \N    \N    \N  \N\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("2025/04/25 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="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">April 25</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">Walter Pyramid</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">Doors open at 6 p.m.</p>    </div>  </div>  <!-- Header Image -->  <img    src="images/cal/Spring25/BigEvent/SP25_BPE_BeachBash-promo.jpg"    alt="ASI BLXST At the Walter Pyramid Friday, April 25. 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://www.longbeachstate.com/studentlogin"            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 **         **************************** -->      <!-- Coheadliner 1 -->      <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 ASI Beach Bash featuring Sir & Blxst!            Tickets are on sale NOW!          </p>        </div>        <!-- <p>                For over half a decade, Swae Lee has been a driving force in the music                industry, creating chart-topping hits both as a solo artist and as one                half of the renowned duo, Rae Sremmurd. Hailing from Inglewood,                California, Swae Lee’s musical journey began at the age of 11,                experimenting with production and discovering his unique vocal range.            </p> -->        <!-- COACHELLA VIDEO -->        <iframe          width="100%"          style="            aspect-ratio: 16 / 9;            border-radius: 10px;            border: 4px solid #ecaa00;            margin: 20px 0;          "          src="https://www.youtube.com/embed/U85o8uAM9UM?si=M1qPnL9scAce5jBt"          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>        <div style="display: flex; gap: 20px; justify-content: space-around">          <div style="text-align: center">            <a              href="https://open.spotify.com/artist/4qXC0i02bSFstECuXP2ZpL?si=TsvTsH0QSbCOpSofGsWgKQ"              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/blxst/1332205635"              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/blxst/?hl=en"              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/UCTozeRVDkVwCPXJIUeoN_Xg"              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>      </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">            This year, ASI is proud to present ASI Beach Bash featuring SiR!            Tickets are on sale NOW!          </p> -->        </div>        <!-- <p>                For over half a decade, Swae Lee has been a driving force in the music                industry, creating chart-topping hits both as a solo artist and as one                half of the renowned duo, Rae Sremmurd. Hailing from Inglewood,                California, Swae Lee’s musical journey began at the age of 11,                experimenting with production and discovering his unique vocal range.            </p> -->        <!-- COACHELLA VIDEO -->        <iframe          width="100%"          style="            aspect-ratio: 16 / 9;            border-radius: 10px;            border: 4px solid #ecaa00;            margin: 20px 0;          "          src="https://www.youtube.com/embed/BQqEMLOOMCo?si=kjvlIz8JHB-3s66F"          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>        <div style="display: flex; gap: 20px; justify-content: space-around">          <div style="text-align: center">            <a              href="https://open.spotify.com/artist/3QTDHixorJelOLxoxcjqGx?si=bGHMN68LRxCAngL24n8y2g"              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/sir/884211644"              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/inglewoodsir/"              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/@sirvevo2080"              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>      </div>      <!-- **************************************         ** THIS IS THE FLIER FOR OPENER **         *********************************** -->      <!-- <img          src="images/cal/Spring25/BigEvent/Test-flier-2.png"          alt=""          style="margin-top: 20px"        /> -->      <!-- END IMAGE -->    </div>    <div class="right-container">      <div class="event-poster">        <img          src="images/cal/Spring25/BigEvent/SP25_BPE_BeachBash-CalEvent-v2.jpg"          alt="ASI BLXST At the Walter Pyramid Friday, April 25. 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>Bleachers = $20</li>            <li>Floor = $30</li>          </ul>        </div>        <!-- section2  -->        <div>          <h3 style="color: #ce3a5d">Faculty, staff and alumni tickets:</h3>          <ul>            <li>Bleachers = $40</li>            <li>              Tickets are sold in-person at the Walter 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 Walter              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>Show starts at 7 p.m.</li>            <!-- <li>Headliner begins at 8:30 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>        </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 the                    <a                      href="https://www.longbeachstate.com/studentlogin"                      target="_blank"                      rel="noopener noreferrer"                      style="text-decoration: underline"                      ><b>Long Beach State Ticket Portal</b></a                    >.                  </li>                  <li>                    To purchase your ticket in person, visit the Walter 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><em>(@student.csulb.edu)</em></b                    >.                  </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"                      >LBSUtickets@csulb.edu</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 7, if                    tickets are still available, faculty, staff and alumni may                    purchase a ticket.                  </li>                  <li>                    Faculty and staff tickets are $40 general (bleacher) and                    proof of a valid CSULB ID is required for ticket purchase.                  </li>                  <li>                    Alumni tickets are $40 general (bleacher) and will need to                    be purchased in person at the Walter 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 Walter 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                    <a                      href="https://longbeachstate.com/sports/2020/7/9/clear-bag-policy"                      target="_blank"                      rel="noopener noreferrer"                      >Long Beach State 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 for $15 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 2025              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 2025 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>        <!-- faq14  -->        <div class="acco-item">          <button id="faq14" aria-expanded="false">            <span class="acco-title"              >Why did the price of the tickets adjust?</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">                <p>We heard the student feedback and want to ensure events hosted by ASI continue to be accessible and affordable. Therefore, the tickets have been adjusted to the same rates as previous years.</p>                 <p>Students who purchased a ticket at the original price will receive a refund for the difference.  They have been contacted by email.  For any of those ticket purchasers, please email <a href="mailto:ASI-BeachPride@csulb.edu"><b>ASI-BeachPride@csulb.edu</b></a> if you have questions.</p>              </div>            </div>          </div>        </div>        <!-- End of Candidates accordion -->      </div>    </div>  </div>  <!-- End of FAQ Section Starts  -->  <!-- NEW LAYOUT -->  <style>    .co-headliner-media {      display: flex;      gap: 20px;    }    .co-headliner-container {      width: 50%;    }    /* .co-headliner-spotify{      width: 70%;    } */    @media (max-width: 900px) {      .co-headliner-media {        flex-direction: column;      }      .co-headliner-container {        width: 100%;      }      /* .co-headliner-spotify{      width: 100%;    } */    }  </style>  <div class="co-headliner-media">    <!-- Container 1 -->    <div class="co-headliner-container">      <div>        <iframe          width="100%"          style="            aspect-ratio: 16 / 9;            border-radius: 10px;            border: 4px solid #ecaa00;          "          src="https://www.youtube.com/embed/p7fbpOpG-wk?si=G14hZzUhmjdeWSTO"          title="YouTube video player"          frameborder="0"          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"          allowfullscreen        >        </iframe>      </div>      <!-- Spotify and button -->      <div>        <iframe        class="co-headliner-spotify"          style="border-radius: 12px"          src="https://open.spotify.com/embed/playlist/37i9dQZF1DZ06evO2AYfM4?utm_source=generator"          width="100%"          height="352"          frameborder="0"          allowfullscreen=""          allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"          loading="lazy"        ></iframe>        <!-- View More Button -->        <a          href="https://open.spotify.com/artist/4qXC0i02bSFstECuXP2ZpL?si=TsvTsH0QSbCOpSofGsWgKQ"          target="_blank"          rel="noopener noreferrer"        >          <button class="button-3" role="button">Blxst on Spotify</button>        </a>      </div>    </div>    <!-- End of container 1 -->    <!-- Container 2 -->    <div class="co-headliner-container">      <div>        <iframe          width="100%"          style="            aspect-ratio: 16 / 9;            border-radius: 10px;            border: 4px solid #ecaa00;          "          src="https://www.youtube.com/embed/BRdZNvD_4JE?si=-cOsVXJB0Y-1PKVL"          title="YouTube video player"          frameborder="0"          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"          allowfullscreen        >        </iframe>      </div>      <!-- Spotify and button -->      <div>        <iframe        class="co-headliner-spotify"          style="border-radius: 12px"          src="https://open.spotify.com/embed/playlist/37i9dQZF1DZ06evO2fgLDY?utm_source=generator"          width="100%"          height="352"          frameborder="0"          allowfullscreen=""          allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"          loading="lazy"        ></iframe>        <!-- View More Button -->        <a          href="https://open.spotify.com/artist/3QTDHixorJelOLxoxcjqGx?si=0ZVxV6W8S76slhzoio4QRA"          target="_blank"          rel="noopener noreferrer"        >          <button class="button-3" role="button">SiR on Spotify</button>        </a>      </div>    </div>    <!-- End of Container 2 -->  </div>  <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("2025/04/25 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:20250415T172014Z
X-ACCESS:1
X-HITS:25515
X-URL:
X-COLOR:E54268
END:VEVENT
END:VCALENDAR