BEGIN:VCALENDAR
VERSION:2.0
PRODID:DPCALENDAR
CALSCALE:GREGORIAN
BEGIN:VTIMEZONE
TZID:America/Los_Angeles
X-MICROSOFT-CDO-TZID:13
BEGIN:DAYLIGHT
DTSTART:20260308T100000
TZOFFSETFROM:-0800
TZOFFSETTO:-0700
TZNAME:PDT
END:DAYLIGHT
BEGIN:STANDARD
DTSTART:20261101T090000
TZOFFSETFROM:-0700
TZOFFSETTO:-0800
TZNAME:PST
END:STANDARD
BEGIN:DAYLIGHT
DTSTART:20270314T100000
TZOFFSETFROM:-0800
TZOFFSETTO:-0700
TZNAME:PDT
END:DAYLIGHT
END:VTIMEZONE
X-WR-TIMEZONE:America/Los_Angeles
BEGIN:VEVENT
DTSTART;VALUE=DATE:20200316
DTEND;VALUE=DATE:20200317
RRULE:FREQ=WEEKLY;BYDAY=MO,TU,WE,TH,FR;INTERVAL=1;UNTIL=20200403T235900Z
EXDATE:20200317,20200318,20200319,20200320,20200323,20200324,20200325,20200326,20200327,20200330,20200331,20200401,20200402,20200403
UID:E6E5594A-AFDF-4A28-AFC7-8E6FA96179E6
SUMMARY:(Canceled) Career Closet Donation Drive 
DTSTAMP:20200306T011650Z
DESCRIPTION:\N    \N        \N            \N                \N                    \N                        \N                            \N                                Date\N                                    March 16 - April 3\N                                \N                                Location\N                                     USU-312 & BH-250\N                                    \N                                \N                                Time\N                                     Varies \N                                \N                            \N                            \N                                Description\N                                    \N                                        \N                                            Calling all faculty, staff & alumni!\N                                            Please donate career ready attire for students who need it. More info\N                                            & FAQs at asicsulb.org/careercloset.\N                                            \N\N                                        \N                                        \N                                            Robert C. Maxson Center, USU-312\N                                            \N                                                \N                                                    Days\N                                                    Time\N                                                \N                                                \N                                                    Monday - Thursday\N                                                     8:30AM - 7PM\N                                                \N                                                \N                                                    Friday\N                                                    8:30AM - 3PM\N                                                \N                                            \N                                        \N                                        \N                                            Career Development Center, BH-250\N                                            \N                                                \N                                                    Days\N                                                    Time\N                                                \N                                                \N                                                    Mon. & Wed - Fri.\N                                                     8AM - 5PM\N                                                \N                                                \N                                                    Tuesday\N                                                    8AM - 3PM\N                                                \N                                            \N                                        \N                                    \N                                \N                            \N                        \N                    \N                \N            \N        \N        \N\N\N                CANCELED\N\N\N    \N
X-ALT-DESC;FMTTYPE=text/html:<div class="container-fluid">    <div class="row">        <div class="col-md-6">            <div class="container-fluid module_round_box-gray" style="padding: 40px 15px;">                <div class="row">                    <div class="col-md-12">                        <div class="container-fluid">                            <div class="row">                                <div class="col-md-4" itemprop="startDate" content="2020-03-16T0000"><small>Date</small>                                    <p style="font-weight: 500; font-size: 1.2em;">March 16 - April 3</p>                                </div>                                <div class="col-md-4" itemprop="location" itemscope="itemscope" itemtype="http://schema.org/Place"><small                                        itemprop="address" itemscope="itemscope" itemtype="http://schema.org/PostalAddress">Location</small>                                    <p style="font-weight: 500; font-size: 1.2em;" itemprop="name"> USU-312 & BH-250                                    </p>                                </div>                                <div class="col-md-4" itemprop="endDate" content="2020-04-03T0000"><small>Time</small>                                    <p style="font-weight: 500; font-size: 1.2em;"> Varies </p>                                </div>                            </div>                            <div class="row">                                <div class="col-md-12"><small>Description</small>                                    <div itemprop="description">                                        <p>                                            Calling all faculty, staff & alumni!<br />                                            Please donate career ready attire for students who need it. More info                                            & FAQs at asicsulb.org/careercloset.                                            <br />                                        </p>                                        <p>                                            Robert C. Maxson Center, USU-312<br />                                            <table class="table table-striped">                                                <thead>                                                    <th>Days</th>                                                    <th>Time</th>                                                </thead>                                                <tr>                                                    <td>Monday - Thursday</td>                                                    <td> 8:30AM - 7PM</td>                                                </tr>                                                <tr>                                                    <td>Friday</td>                                                    <td>8:30AM - 3PM</td>                                                </tr>                                            </table>                                        </p>                                        <p>                                            Career Development Center, BH-250<br />                                            <table class="table table-striped">                                                <thead>                                                    <th>Days</th>                                                    <th>Time</th>                                                </thead>                                                <tr>                                                    <td>Mon. & Wed - Fri.</td>                                                    <td> 8AM - 5PM</td>                                                </tr>                                                <tr>                                                    <td>Tuesday</td>                                                    <td>8AM - 3PM</td>                                                </tr>                                            </table>                                        </p>                                    </div>                                </div>                            </div>                        </div>                    </div>                </div>            </div>        </div>        <div class="col-md-6 overlay-image"><img src="images/enjoy/calendar/spring-2020/career-clothes-closet-drive-poster.jpg" alt="career clothes closet drive poster" /><div class="hover">                <div class="text">CANCELED</div></div></div>    </div></div>
LOCATION:\;
GEO:0.00000000;0.00000000
LAST-MODIFIED:20200312T191831Z
X-ACCESS:1
X-HITS:0
X-URL:
X-COLOR:F9A600
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20201120T110000
DTEND;TZID=America/Los_Angeles:20201120T130000
RRULE:FREQ=WEEKLY;BYDAY=FR;INTERVAL=1;UNTIL=20201211T235900Z
EXDATE:20201127T190000Z,20201204T190000Z,20201211T190000Z
UID:5B707F6A-AC14-4DDC-9F29-B3D3420FC512
SUMMARY:Beach Pantry Pop-Up
DTSTAMP:20200812T185455Z
DESCRIPTION:\N\N\N\N\N\N\N\NDate\NFriday\N\NLocation\NCSULB\N\NTime\N12-1PM\N\N\N\NDescription\N\NThe ASI Beach Pantry Pop-Up happens every 'FRIDAY'\NSign up early - Limited slots available\NAny currently enrolled LBSU student can sign up on BeachBoard\N*Dates subject to change\N\N\N\N\N\N\N\N\N\N\N
X-ALT-DESC;FMTTYPE=text/html:<div class="container-fluid"><div class="row"><div class="col-md-6"><div class="container-fluid module_round_box-gray" style="padding: 40px 15px;"><div class="row"><div class="col-md-12"><div class="container-fluid"><div class="row"><div class="col-md-4" itemprop="startDate" content="2020-11-20T1100"><small>Date</small><p style="font-weight: 500; font-size: 1.2em;">Friday</p></div><div class="col-md-4" itemprop="location" itemscope="itemscope" itemtype="http://schema.org/Place"><small itemprop="address" itemscope="itemscope" itemtype="http://schema.org/PostalAddress">Location</small><p style="font-weight: 500; font-size: 1.2em;" itemprop="name">CSULB</p></div><div class="col-md-4" itemprop="endDate" content="2020-11-20T1300"><small>Time</small><p style="font-weight: 500; font-size: 1.2em;">12-1PM</p></div></div><div class="row"><div class="col-md-12"><small>Description</small><div itemprop="description"><p>The ASI Beach Pantry Pop-Up happens every 'FRIDAY'</p><p>Sign up early - Limited slots available</p><p>Any currently enrolled LBSU student can sign up on BeachBoard</p><p>*Dates subject to change</p></div></div></div></div></div></div></div></div><div class="col-md-6"><img src="images/enjoy/calendar/fall-2020/comm-beach-pantry-pop-up-new-poster.jpg" alt="Beach Pantry Pop Up Poster" /></div></div></div>
LAST-MODIFIED:20201123T165851Z
X-ACCESS:1
X-HITS:0
X-URL:
X-COLOR:F9A600
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20210115T110000
DTEND;TZID=America/Los_Angeles:20210115T123000
RRULE:FREQ=WEEKLY;BYDAY=FR;INTERVAL=1;UNTIL=20210521T235900Z
EXDATE:20210122T190000Z,20210129T190000Z,20210205T190000Z,20210212T190000Z,20210219T190000Z,20210226T190000Z,20210305T190000Z,20210312T190000Z,20210319T180000Z,20210326T180000Z,20210402T180000Z,20210409T180000Z,20210416T180000Z,20210423T180000Z,20210430T180000Z,20210507T180000Z,20210514T180000Z,20210521T180000Z
UID:0BEDF24F-5895-4486-A10C-4EF0112801B6
SUMMARY:Beach Pantry Pop-Up
DTSTAMP:20200812T185455Z
DESCRIPTION:\N\N\N\N\N\N\N\NDate\NFriday\N\NLocation\NLBSU Parking Lot E2\N\NTime\N11AM-12:30PM\N\N\N\NDescription\N\NThe ASI Beach Pantry Pop-Up happens every FRIDAY*!\NAny currently enrolled LBSU student can register weekly on BeachBoard, sign up early as limited slots are available.\N*Dates subject to change\N\N\N\N\N\N\N\N\N\N\N
X-ALT-DESC;FMTTYPE=text/html:<div class="container-fluid"><div class="row"><div class="col-md-6"><div class="container-fluid module_round_box-gray" style="padding: 40px 15px;"><div class="row"><div class="col-md-12"><div class="container-fluid"><div class="row"><div class="col-md-4" itemprop="startDate" content="2021-01-15T1100"><small>Date</small><p style="font-weight: 500; font-size: 1.2em;">Friday</p></div><div class="col-md-4" itemprop="location" itemscope="itemscope" itemtype="http://schema.org/Place"><small itemprop="address" itemscope="itemscope" itemtype="http://schema.org/PostalAddress">Location</small><p style="font-weight: 500; font-size: 1.2em;" itemprop="name">LBSU Parking Lot E2</p></div><div class="col-md-4" itemprop="endDate" content="2021-01-15T1300"><small>Time</small><p style="font-weight: 500; font-size: 1.2em;">11AM-12:30PM</p></div></div><div class="row"><div class="col-md-12"><small>Description</small><div itemprop="description"><p>The ASI Beach Pantry Pop-Up happens every FRIDAY*!</p><p>Any currently enrolled LBSU student can register weekly on BeachBoard, sign up early as limited slots are available.</p><p>*Dates subject to change</p></div></div></div></div></div></div></div></div><div class="col-md-6"><img src="images/enjoy/calendar/spring-2021/beach-pantry-pop-up-poster.jpg" alt="Beach Pantry Pop Up Poster" /></div></div></div>
LAST-MODIFIED:20210303T003335Z
X-ACCESS:1
X-HITS:0
X-URL:
X-COLOR:F9A600
END:VEVENT
BEGIN:VEVENT
DTSTART;VALUE=DATE:20210325
DTEND;VALUE=DATE:20210326
RRULE:FREQ=WEEKLY;BYDAY=WE;INTERVAL=1;UNTIL=20210409T235900Z
EXDATE:20210331,20210407
UID:1AE6EE3C-0BBF-48BA-A7D8-8FB6A3E0DF19
SUMMARY:22West Video Competition
DTSTAMP:20200829T000417Z
DESCRIPTION:\N\N\N\N\N\N\N\NDate\NMarch 25\N\NLocation\NOnline\N\NTime\NAll Day\N\N\N\NDescription\N\NSubmission period: March 25 to April 9.\NIncorporate the number '22' in a significant aspect of your short film. The film must range between one to two minutes. All genres are accepted. Winners will be announced on April 22. \NFor complete rules, info and registration, visit 22WestMedia.com \N\N\N\N\N\N\N\N\N\N\N
X-ALT-DESC;FMTTYPE=text/html:<div class="container-fluid"><div class="row"><div class="col-md-6"><div class="container-fluid module_round_box-gray" style="padding: 40px 15px;"><div class="row"><div class="col-md-12"><div class="container-fluid"><div class="row"><div class="col-md-4" itemprop="startDate" content="2021-03-25"><small>Date</small><p style="font-weight: 500; font-size: 1.2em;">March 25</p></div><div class="col-md-4" itemprop="location" itemscope="itemscope" itemtype="http://schema.org/Place"><small itemprop="address" itemscope="itemscope" itemtype="http://schema.org/PostalAddress">Location</small><p style="font-weight: 500; font-size: 1.2em;" itemprop="name">Online</p></div><div class="col-md-4" itemprop="endDate" content="2021-03-25"><small>Time</small><p style="font-weight: 500; font-size: 1.2em;">All Day</p></div></div><div class="row"><div class="col-md-12"><small>Description</small><div itemprop="description"><center><p><b>Submission period: March 25 to April 9.</b></p></center><p>Incorporate the number '22' in a significant aspect of your short film. The film must range between one to two minutes. All genres are accepted. Winners will be announced on April 22. </p><p>For complete rules, info and registration, visit <a href="http://22westmedia.com/" target="_blank">22WestMedia.com </a></p></div></div></div></div></div></div></div></div><div class="col-md-6"><img src="images/enjoy/calendar/spring-2021/video-competition-poster.jpg" alt="22West Video Competition Poster" /></div></div></div>
LAST-MODIFIED:20210324T163655Z
X-ACCESS:1
X-HITS:4
X-URL:
X-COLOR:F9A600
END:VEVENT
BEGIN:VEVENT
DTSTART;VALUE=DATE:20210823
DTEND;VALUE=DATE:20210824
RRULE:FREQ=WEEKLY;BYDAY=MO;INTERVAL=1;UNTIL=20210913T235900Z
EXDATE:20210830,20210906,20210913
UID:35F104FB-AFEA-40D3-9FC3-EA18D83479F0
SUMMARY:22West Recruitment Drive
DTSTAMP:20201118T235717Z
DESCRIPTION:\N    \N        \N            \N                \N                    \N                        \N                            \N                                Date\N                                    Aug. 23 - Sept. 13\N                                \N                                Location\N                                    \N                                \N                                Time\N                                    \N                                \N                            \N                            \N                                Description\N                                    \N22 West is a student run, student driven multimedia company at Long Beach State University, and is the newest media company in Long Beach.  We encompass a radio station, video production company, and magazine. We're a space for students to express themselves and get hands on experience with media production. Get a head start on your media career while in school by working or volunteering with us.\NJoining our team will give you experience in radio, podcasting, video and magazine publication. Any student with an interest in media is welcome to join the team. We accept any level of experience.\NThere are paid student assistant positions and volunteer opportunities open now.  Find the right opportunity for you and apply today!  To apply for any open employment or volunteer positions, visit Here\N                                    \N                                \N                            \N                        \N                    \N                \N            \N        \N        \N    \N\N\N
X-ALT-DESC;FMTTYPE=text/html:<div class="container-fluid">    <div class="row">        <div class="col-md-6">            <div class="container-fluid module_round_box-gray" style="padding: 40px 15px;">                <div class="row">                    <div class="col-md-12">                        <div class="container-fluid">                            <div class="row">                                <div class="col-md-4" itemprop="startDate" content="2021-08-23"><small>Date</small>                                    <p style="font-weight: 500; font-size: 1.2em;">Aug. 23 - Sept. 13</p>                                </div>                                <div class="col-md-4" itemprop="location" itemscope="itemscope"                                    itemtype="http://schema.org/Place"><small itemprop="address" itemscope="itemscope"                                        itemtype="http://schema.org/PostalAddress">Location</small>                                    <p style="font-weight: 500; font-size: 1.2em;" itemprop="name"></p>                                </div>                                <div class="col-md-4" itemprop="endDate" content="2021-08-23"><small>Time</small>                                    <p style="font-weight: 500; font-size: 1.2em;"></p>                                </div>                            </div>                            <div class="row">                                <div class="col-md-12"><small>Description</small>                                    <div itemprop="description"><p>22 West is a student run, student driven multimedia company at Long Beach State University, and is the newest media company in Long Beach.  We encompass a radio station, video production company, and magazine. We're a space for students to express themselves and get hands on experience with media production. Get a head start on your media career while in school by working or volunteering with us.</p><p>Joining our team will give you experience in radio, podcasting, video and magazine publication. Any student with an interest in media is welcome to join the team. We accept any level of experience.</p><p>There are paid student assistant positions and volunteer opportunities open now.  Find the right opportunity for you and apply today!  To apply for any open employment or volunteer positions, visit <a href="https://www.asicsulb.org/corporate/work" target="_blank">Here</a></p>                                    </div>                                </div>                            </div>                        </div>                    </div>                </div>            </div>        </div>        <div class="col-md-6"><img src="images/enjoy/calendar/fall-2021/west-media-recruitment-drive-poster.jpg"      alt="22 West Media Recruitment Drive poster" /></div>    </div></div>
LAST-MODIFIED:20210922T220806Z
X-ACCESS:1
X-HITS:103
X-URL:
X-COLOR:F9A600
END:VEVENT
BEGIN:VEVENT
DTSTART;VALUE=DATE:20220109
DTEND;VALUE=DATE:20220110
RRULE:FREQ=WEEKLY;BYDAY=SU;INTERVAL=1;UNTIL=20220116T235900Z
EXDATE:20220116
UID:522BC514-BDD4-43E4-962E-D124FAA924E0
SUMMARY:UndocU Conference: Call for Proposals
DTSTAMP:20211201T184430Z
DESCRIPTION:\N    \N        \N            \N                \N                    \N                        \N                            \N                                Date\N                                    January 30, February 6, February 13\N                                \N                                Location\N                                    \N                                \N                                Time\N                                    All Day\N                                \N                            \N                            \N                                Description\N                                    \N                                        California State University, Long Beach F.U.E.L (@fuelcsulb), the Dream Success Center (@csulbdsc), and ASI is honored to collaborate and host the third annual UndocuU Conference on April 14, 2022!\N                                        We welcome submissions from students, staff, faculty, and community members for presentations, art, and discussion topics that highlight the diverse and intersectional identities of undocumented people.\N                                        Proposals might address themes of the following: \N                                        \N                                            intersecting identities (undocuBlack, undocuQueer, undocuAsian, etc.) \N                                            the professional lives of undocumented people \N                                            undocumented student experiences and campus support systems \N                                            youth resilience and intersectional activism \N                                            how people make meaning and create lives amid contexts of uncertainty, xenophobia, and legal violence \N                                            and local initiatives to support mixed-status families \N                                        \N                                        The deadline for submissions has been extended to February 18th, 2022 at 11:59 PM. For more information reach out to dream@csulb.edu or fuelchairs@gmail.com\N                                        To submit proposals, visit https://bit.ly/Undocu_Proposal\N\N                                    \N                                \N                            \N                        \N                    \N                \N            \N        \N        \N    \N\N
X-ALT-DESC;FMTTYPE=text/html:<div class="container-fluid">    <div class="row">        <div class="col-md-6">            <div class="container-fluid module_round_box-gray" style="padding: 40px 15px;">                <div class="row">                    <div class="col-md-12">                        <div class="container-fluid">                            <div class="row">                                <div class="col-md-4" itemprop="startDate" content="2022-01-16"><small>Date</small>                                    <p style="font-weight: 500; font-size: 1.2em;">January 30, February 6, February 13</p>                                </div>                                <div class="col-md-4" itemprop="location" itemscope="itemscope" itemtype="http://schema.org/Place"><small itemprop="address" itemscope="itemscope" itemtype="http://schema.org/PostalAddress">Location</small>                                    <p style="font-weight: 500; font-size: 1.2em;" itemprop="name"></p>                                </div>                                <div class="col-md-4" itemprop="endDate" content="2022-01-16"><small>Time</small>                                    <p style="font-weight: 500; font-size: 1.2em;">All Day</p>                                </div>                            </div>                            <div class="row">                                <div class="col-md-12"><small>Description</small>                                    <div itemprop="description">                                        <p>California State University, Long Beach F.U.E.L (<a href="https://www.instagram.com/fuelcsulb/" target="_blank"><b>@fuelcsulb</b></a>), the Dream Success Center (<a href="https://www.instagram.com/csulbdsc/" target="_blank"><b>@csulbdsc</b></a>), and ASI is honored to collaborate and host the third annual UndocuU Conference on April 14, 2022!</p>                                        <p>We welcome submissions from students, staff, faculty, and community members for presentations, art, and discussion topics that highlight the diverse and intersectional identities of undocumented people.</p>                                        <p>Proposals might address themes of the following: </p>                                        <ul>                                            <li>intersecting identities (undocuBlack, undocuQueer, undocuAsian, etc.) </li>                                            <li>the professional lives of undocumented people </li>                                            <li>undocumented student experiences and campus support systems </li>                                            <li>youth resilience and intersectional activism </li>                                            <li>how people make meaning and create lives amid contexts of uncertainty, xenophobia, and legal violence </li>                                            <li>and local initiatives to support mixed-status families </li>                                        </ul>                                        <p>The deadline for submissions has been extended to February 18th, 2022 at 11:59 PM. For more information reach out to <a href="mailto:dream@csulb.edu">dream@csulb.edu</a> or <a href="mailto:fuelchairs@gmail.com">fuelchairs@gmail.com</a></p>                                        <p>To submit proposals, visit <a href="https://csulb.qualtrics.com/jfe/form/SV_9tAJK3vRoL434Ca" target="_blank">https://bit.ly/Undocu_Proposal</a></p>                                    </div>                                </div>                            </div>                        </div>                    </div>                </div>            </div>        </div>        <div class="col-md-6"><img src="images/enjoy/calendar/spring-2022/undocu-conference-poster.jpg" alt="UndocU Conference poster" /></div>    </div></div>
LAST-MODIFIED:20220131T185438Z
X-ACCESS:1
X-HITS:0
X-URL:
X-COLOR:F9A600
END:VEVENT
BEGIN:VEVENT
DTSTART;VALUE=DATE:20220130
DTEND;VALUE=DATE:20220131
RRULE:FREQ=WEEKLY;BYDAY=SU;INTERVAL=1;UNTIL=20220213T235900Z
EXDATE:20220206,20220213
UID:E236E480-31F9-4C3C-85B8-E737B60B8121
SUMMARY:UndocU Conference: Call for Proposals
DTSTAMP:20211201T184430Z
DESCRIPTION:\N    \N        \N            \N                \N                    \N                        \N                            \N                                Date\N                                    January 30, February 6, February 13\N                                \N                                Location\N                                    \N                                \N                                Time\N                                    All Day\N                                \N                            \N                            \N                                Description\N                                    \N                                        California State University, Long Beach F.U.E.L (@fuelcsulb), the Dream Success Center (@csulbdsc), and ASI is honored to collaborate and host the third annual UndocuU Conference on April 14, 2022!\N                                        We welcome submissions from students, staff, faculty, and community members for presentations, art, and discussion topics that highlight the diverse and intersectional identities of undocumented people.\N                                        Proposals might address themes of the following: \N                                        \N                                            intersecting identities (undocuBlack, undocuQueer, undocuAsian, etc.) \N                                            the professional lives of undocumented people \N                                            undocumented student experiences and campus support systems \N                                            youth resilience and intersectional activism \N                                            how people make meaning and create lives amid contexts of uncertainty, xenophobia, and legal violence \N                                            and local initiatives to support mixed-status families \N                                        \N                                        The deadline for submissions has been extended to February 18th, 2022 at 11:59 PM. For more information reach out to dream@csulb.edu or fuelchairs@gmail.com\N                                        To submit proposals, visit https://bit.ly/Undocu_Proposal\N\N                                    \N                                \N                            \N                        \N                    \N                \N            \N        \N        \N    \N\N
X-ALT-DESC;FMTTYPE=text/html:<div class="container-fluid">    <div class="row">        <div class="col-md-6">            <div class="container-fluid module_round_box-gray" style="padding: 40px 15px;">                <div class="row">                    <div class="col-md-12">                        <div class="container-fluid">                            <div class="row">                                <div class="col-md-4" itemprop="startDate" content="2022-01-16"><small>Date</small>                                    <p style="font-weight: 500; font-size: 1.2em;">January 30, February 6, February 13</p>                                </div>                                <div class="col-md-4" itemprop="location" itemscope="itemscope" itemtype="http://schema.org/Place"><small itemprop="address" itemscope="itemscope" itemtype="http://schema.org/PostalAddress">Location</small>                                    <p style="font-weight: 500; font-size: 1.2em;" itemprop="name"></p>                                </div>                                <div class="col-md-4" itemprop="endDate" content="2022-01-16"><small>Time</small>                                    <p style="font-weight: 500; font-size: 1.2em;">All Day</p>                                </div>                            </div>                            <div class="row">                                <div class="col-md-12"><small>Description</small>                                    <div itemprop="description">                                        <p>California State University, Long Beach F.U.E.L (<a href="https://www.instagram.com/fuelcsulb/" target="_blank"><b>@fuelcsulb</b></a>), the Dream Success Center (<a href="https://www.instagram.com/csulbdsc/" target="_blank"><b>@csulbdsc</b></a>), and ASI is honored to collaborate and host the third annual UndocuU Conference on April 14, 2022!</p>                                        <p>We welcome submissions from students, staff, faculty, and community members for presentations, art, and discussion topics that highlight the diverse and intersectional identities of undocumented people.</p>                                        <p>Proposals might address themes of the following: </p>                                        <ul>                                            <li>intersecting identities (undocuBlack, undocuQueer, undocuAsian, etc.) </li>                                            <li>the professional lives of undocumented people </li>                                            <li>undocumented student experiences and campus support systems </li>                                            <li>youth resilience and intersectional activism </li>                                            <li>how people make meaning and create lives amid contexts of uncertainty, xenophobia, and legal violence </li>                                            <li>and local initiatives to support mixed-status families </li>                                        </ul>                                        <p>The deadline for submissions has been extended to February 18th, 2022 at 11:59 PM. For more information reach out to <a href="mailto:dream@csulb.edu">dream@csulb.edu</a> or <a href="mailto:fuelchairs@gmail.com">fuelchairs@gmail.com</a></p>                                        <p>To submit proposals, visit <a href="https://csulb.qualtrics.com/jfe/form/SV_9tAJK3vRoL434Ca" target="_blank">https://bit.ly/Undocu_Proposal</a></p>                                    </div>                                </div>                            </div>                        </div>                    </div>                </div>            </div>        </div>        <div class="col-md-6"><img src="images/enjoy/calendar/spring-2022/undocu-conference-poster.jpg" alt="UndocU Conference poster" /></div>    </div></div>
LAST-MODIFIED:20220131T185029Z
X-ACCESS:1
X-HITS:1701
X-URL:
X-COLOR:F9A600
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20220218T190000
DTEND;TZID=America/Los_Angeles:20220218T200000
RRULE:FREQ=WEEKLY;BYDAY=FR;INTERVAL=1;COUNT=3;UNTIL=20220411T235900Z
EXDATE:20220226T030000Z,20220305T030000Z
UID:B72C620F-A63A-4BAC-8CC0-23C762BE518F
SUMMARY:Virtual Game Night
DTSTAMP:20220211T215213Z
DESCRIPTION:\N    \N        \N            \N                    \N                        \N                            \N                                \N                                \N                                    Description\N                                    \N                                        Join the Games Center for virtual Game Night! Prizes will be awarded to winners.\N                                        RSVP on BeachSync and you will receive a separate email with the Zoom link and the game rules.\N                                        What You'll Need:\N                                            \N                                                Internet access (no downloading required)\N                                                A device with Zoom capabilities (audio and video not required)\N                                            \N                                        \N                                        Rules: All behavior must be appropriate in nature. No hate speech, adult content, nudity, or profanity. The spirit of friendly competition must be observed throughout the game, no other behavior will be tolerated. Participants who fail to follow the rules will be removed from the game.\N                                        See you soon! \N                                    \N                                \N                            \N                        \N                    \N                \N            \N        \N        \N            img\N                src="images/enjoy/calendar/spring-2022/gc-game-night-poster.jpg&quot;\N                alt=&quot;Games Center Game Night poster&quot;\N            /&gt;\N        &lt;/div&gt;\N    &lt;/div&gt;\N&lt;/div&gt;\N"
X-ALT-DESC;FMTTYPE=text/html:<div class="container-fluid">    <div class="row">        <div class="col-md-6">            <div                class="container-fluid module_round_box-gray"                style="padding: 40px 15px"            >                <div class="row">                    <div class="col-md-12">                        <div class="container-fluid">                            <div class="row">                                <div                                    class="col-md-4"                                    itemprop="startDate"                                    content="2022-02-08"                                >                                    <small>Date</small>                                    <p                                        style="                                            font-weight: 500;                                            font-size: 1.2em;                                        "                                    >                                        Feb 16                                    </p>                                </div>                                <div                                    class="col-md-4"                                    itemprop="location"                                    itemscope="itemscope"                                    itemtype="http://schema.org/Place"                                >                                    <small                                        itemprop="address"                                        itemscope="itemscope"                                        itemtype="http://schema.org/PostalAddress"                                        >Location</small                                    >                                    <p                                        style="                                            font-weight: 500;                                            font-size: 1.2em;                                        "                                        itemprop="name"                                    >                                        Zoom                                    </p>                                </div>                                <div                                    class="col-md-4"                                    itemprop="endDate"                                    content="2022-02-18"                                >                                    <small>Time</small>                                    <p                                        style="                                            font-weight: 500;                                            font-size: 1.2em;                                        "                                    >                                        7 p.m.                                    </p>                                </div>                            </div>                            <div class="row">                                <div class="col-md-12">                                    <small>Description</small>                                    <div itemprop="description">                                        <p>Join the Games Center for virtual Game Night! Prizes will be awarded to winners.</p>                                        <p>RSVP on BeachSync and you will receive a separate email with the Zoom link and the game rules.</p>                                        <p>What You'll Need:                                            <ul>                                                <li>Internet access (no downloading required)</li>                                                <li>A device with Zoom capabilities (audio and video not required)</li>                                            </ul>                                        </p>                                        <p>Rules: All behavior must be appropriate in nature. No hate speech, adult content, nudity, or profanity. The spirit of friendly competition must be observed throughout the game, no other behavior will be tolerated. Participants who fail to follow the rules will be removed from the game.</p>                                        <p>See you soon! </p>                                    </div>                                </div>                            </div>                        </div>                    </div>                </div>            </div>        </div>        <div class="col-md-6">            <img                src="images/enjoy/calendar/spring-2022/gc-game-night-poster.jpg"                alt="Games Center Game Night poster"            />        </div>    </div></div>
LAST-MODIFIED:20220211T215351Z
X-ACCESS:1
X-HITS:0
X-URL:
X-COLOR:F9A600
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241002T110000
DTEND;TZID=America/Los_Angeles:20241002T130000
UID:0178ACDD-FC32-46C4-A980-26C7CBC20C40
SUMMARY:OUTober Kick Off
DTSTAMP:20240930T215253Z
DESCRIPTION:\N\N\N\N    .event-title-head {\N      font-weight: bold;\N      font-size: 20px;\N      color: darkgoldenrod;\N    }\N  \N    .event-title-text {\N      font-weight: 500;\N      font-size: 15px;\N      line-height: 17px;\N      font-weight: bold;\N    }\N  \N    .event-title-icon {\N      margin-top: 6px;\N      display: flex;\N      justify-content: left;\N    }\N  \N    .event-video-main {\N      display: flex;\N      justify-content: center;\N      margin-bottom: 20px;\N    }\N  \N    .history-btn {\N      display: flex;\N      justify-content: center;\N    }\N  \N    .button-71 {\N      background-color: #007daa;\N      border: 0;\N      border-radius: 56px;\N      color: #fff;\N      cursor: pointer;\N      display: inline-block;\N      /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N      font-size: 18px;\N      font-weight: 600;\N      outline: 0;\N      padding: 16px 21px;\N      position: relative;\N      text-align: center;\N      text-decoration: none;\N      transition: all 0.3s;\N      user-select: none;\N      -webkit-user-select: none;\N      touch-action: manipulation;\N    }\N  \N    .button-71:before {\N      background-color: initial;\N      background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N      border-radius: 125px;\N      content: "";\N      height: 50%;\N      left: 4%;\N      opacity: 0.5;\N      position: absolute;\N      top: 0;\N      transition: all 0.3s;\N      width: 92%;\N    }\N  \N    .button-71:hover {\N      box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N        rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N      transform: scale(1.05);\N    }\N  \N    .event-container {\N      display: flex;\N      gap: 20px;\N    }\N  \N    .event-left,\N    .event-right {\N      width: 50%;\N    }\N  \N    .event-location,\N    .event-time,\N    .event-date {\N      display: flex;\N      gap: 10px;\N    }\N  \N    .date-icon,\N    .time-icon,\N    .location-icon {\N      height: 25px !important;\N    }\N  \N    .event-dtl {\N      display: flex;\N      justify-content: space-between;\N    }\N  \N    .event-announcement {\N      color: #e54268;\N      text-align: center;\N      font-size: 1.8rem;\N      width: 80%;\N      padding: 20px;\N      border: 1px solid #e54268;\N      border-radius: 20px;\N      margin: 15px auto;\N      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\N    }\N  \N    .event-dtl-container {\N      background-color: white;\N      border-radius: 20px;\N      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\N      margin-bottom: 20px;\N      padding: 20px;\N    }\N  \N    .event-description {\N      background-color: white;\N      border-radius: 20px;\N      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\N    }\N  \N    @media (max-width: 850px) {\N      .event-container {\N        flex-direction: column;\N        margin-left: -10px;\N        margin-right: -10px;\N      }\N  \N      .event-left,\N      .event-right {\N        width: 100%;\N      }\N    }\N  \N    @media (max-width: 700px) {\N  \N      .event-location,\N      .event-time,\N      .event-date {\N        flex-direction: column;\N        justify-content: center;\N      }\N    }\N  \N    @media (max-width: 650px) {\N      .event-dtl {\N        /* display: flex; */\N        flex-direction: column;\N        justify-content: center;\N        text-align: center;\N      }\N  \N      .date-icon,\N      .time-icon,\N      .location-icon {\N        margin: 0 auto;\N      }\N  \N      .event-title-text-line {\N        border-bottom: 2px solid rgba(0, 0, 0, 0.086);\N      }\N    }\N  \N  \N  \N    \N  \N    \N    \N      \N        \N          \N          \N            \N              \N                \N              \N              Date\N            \N            Oct. 2\N            \N          \N  \N          \N          \N            \N              \N                \N                  \N                \N                Location\N              \N              \N  \N                USU Ballrooms\N              \N            \N          \N  \N          \N          \N            \N              \N                \N              \N              Time\N            \N            11 a.m. to 1 p.m.\N          \N        \N      \N  \N      \N      \N        \N          Description\N          \N            \N            !-- Lorem ipsum dolor sit amet. -->\N            \N            \N              Celebrate OUTober with us! Kick off the month with us as we appreciate and celebrate the contributions and significance of the LGBTQIA+ community and honoring their pride. Enjoy activities, free food, music by DJ Abu Sinna and community from 11 am - 1 pm in the University Student Union Ballrooms! Attendance is FREE and no RSVP is required. \N\N            \N          \N          \N        \N      \N    \N  \N    \N    \N      \N        \N  \N        {loadmoduleid 368}\N      \N    \N  
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated March 18, 2024 --><style>    .event-title-head {      font-weight: bold;      font-size: 20px;      color: darkgoldenrod;    }      .event-title-text {      font-weight: 500;      font-size: 15px;      line-height: 17px;      font-weight: bold;    }      .event-title-icon {      margin-top: 6px;      display: flex;      justify-content: left;    }      .event-video-main {      display: flex;      justify-content: center;      margin-bottom: 20px;    }      .history-btn {      display: flex;      justify-content: center;    }      .button-71 {      background-color: #007daa;      border: 0;      border-radius: 56px;      color: #fff;      cursor: pointer;      display: inline-block;      /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */      font-size: 18px;      font-weight: 600;      outline: 0;      padding: 16px 21px;      position: relative;      text-align: center;      text-decoration: none;      transition: all 0.3s;      user-select: none;      -webkit-user-select: none;      touch-action: manipulation;    }      .button-71:before {      background-color: initial;      background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);      border-radius: 125px;      content: "";      height: 50%;      left: 4%;      opacity: 0.5;      position: absolute;      top: 0;      transition: all 0.3s;      width: 92%;    }      .button-71:hover {      box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,        rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;      transform: scale(1.05);    }      .event-container {      display: flex;      gap: 20px;    }      .event-left,    .event-right {      width: 50%;    }      .event-location,    .event-time,    .event-date {      display: flex;      gap: 10px;    }      .date-icon,    .time-icon,    .location-icon {      height: 25px !important;    }      .event-dtl {      display: flex;      justify-content: space-between;    }      .event-announcement {      color: #e54268;      text-align: center;      font-size: 1.8rem;      width: 80%;      padding: 20px;      border: 1px solid #e54268;      border-radius: 20px;      margin: 15px auto;      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;    }      .event-dtl-container {      background-color: white;      border-radius: 20px;      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;      margin-bottom: 20px;      padding: 20px;    }      .event-description {      background-color: white;      border-radius: 20px;      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;    }      @media (max-width: 850px) {      .event-container {        flex-direction: column;        margin-left: -10px;        margin-right: -10px;      }        .event-left,      .event-right {        width: 100%;      }    }      @media (max-width: 700px) {        .event-location,      .event-time,      .event-date {        flex-direction: column;        justify-content: center;      }    }      @media (max-width: 650px) {      .event-dtl {        /* display: flex; */        flex-direction: column;        justify-content: center;        text-align: center;      }        .date-icon,      .time-icon,      .location-icon {        margin: 0 auto;      }        .event-title-text-line {        border-bottom: 2px solid rgba(0, 0, 0, 0.086);      }    }  </style>    <div class="event-container">    <!-- *********************        START OF LEFT SIDE    ********************** -->      <!-- *** DATE, TIME, LOCATION *** -->    <div class="event-left">      <div class="event-dtl-container">        <div class="event-dtl">          <!-- DATE -->          <div itemprop="startDate" content="2024-05-2">            <div class="event-date">              <div class="event-title-icon">                <img src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png" class="date-icon" />              </div>              <p class="event-title-head">Date</p>            </div>            <p class="event-title-text event-title-text-line">Oct. 2            </p>          </div>            <!-- LOCATION -->          <div>            <div>              <div itemprop="location" itemscope="itemscope" itemtype="http://schema.org/Place" class="event-location">                <div class="event-title-icon">                  <img src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png" class="location-icon" />                </div>                <p class="event-title-head">Location</p>              </div>              <p class="event-title-text event-title-text-line">                  USU Ballrooms              </p>            </div>          </div>            <!-- Time -->          <div itemprop="endDate" content="2024-5-2">            <div style="display: flex; gap: 10px" class="event-time">              <div class="event-title-icon">                <img src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png" class="time-icon" />              </div>              <p class="event-title-head">Time</p>            </div>            <p class="event-title-text">11 a.m. to 1 p.m.</p>          </div>        </div>      </div>        <!-- ***  EVENT DESCRIPTION  *** -->      <div class="event-description">        <div style="padding: 20px">          <p class="event-title-head">Description</p>          <div itemprop="description">            <!-- Special Announcement if needed -->            <!-- <div class="event-announcement">Lorem ipsum dolor sit amet.</div> -->            <!-- EVENT CONTENT -->            <p>              Celebrate OUTober with us! Kick off the month with us as we appreciate and celebrate the contributions and significance of the LGBTQIA+ community and honoring their pride. Enjoy activities, free food, music by DJ Abu Sinna and community from 11 am - 1 pm in the University Student Union Ballrooms! Attendance is FREE and no RSVP is required.             </p>                    </div>        </div>      </div>    </div>      <!-- *********************        START OF RIGHT SIDE    ********************** -->    <div class="event-right">      <div>        <img style="width: 100%; margin-bottom: 20px"          src="images/enjoy/calendar/FALL24/2024_OBI_OUTober_Flyer_85x11_ADA_v2_1.jpg"            alt="OUTober Kick Off Event Flyer" />          {loadmoduleid 368}      </div>    </div>  </div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240930T215301Z
X-ACCESS:1
X-HITS:651
X-URL:
X-COLOR:F9A600
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250408T110000
DTEND;TZID=America/Los_Angeles:20250408T130000
UID:A12E08F5-AAB1-4B22-B96F-2FC9AE2616B5
SUMMARY:APID Community Mixer
DTSTAMP:20250404T174355Z
DESCRIPTION:\N\N\N    .event-title-head {\N      font-weight: bold;\N      font-size: 20px;\N      color: darkgoldenrod;\N      margin-top: 5px;\N      margin-bottom: 0;\N    }\N  \N    .event-title-text {\N      font-weight: 500;\N      font-size: 15px;\N      line-height: 17px;\N      font-weight: bold;\N    }\N  \N    .event-title-icon {\N      margin-top: 6px;\N      display: flex;\N      justify-content: left;\N    }\N  \N    .event-video-main {\N      display: flex;\N      justify-content: center;\N      margin-bottom: 20px;\N    }\N  \N    .history-btn {\N      display: flex;\N      justify-content: center;\N    }\N  \N    .button-71 {\N      background-color: #007daa;\N      border: 0;\N      border-radius: 56px;\N      color: #fff;\N      cursor: pointer;\N      display: inline-block;\N      /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N      font-size: 18px;\N      font-weight: 600;\N      outline: 0;\N      padding: 16px 21px;\N      position: relative;\N      text-align: center;\N      text-decoration: none;\N      transition: all 0.3s;\N      user-select: none;\N      -webkit-user-select: none;\N      touch-action: manipulation;\N    }\N  \N    .button-71:before {\N      background-color: initial;\N      background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N      border-radius: 125px;\N      content: "";\N      height: 50%;\N      left: 4%;\N      opacity: 0.5;\N      position: absolute;\N      top: 0;\N      transition: all 0.3s;\N      width: 92%;\N    }\N  \N    .button-71:hover {\N      box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N        rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N      transform: scale(1.05);\N    }\N    /* _____________Accordian Section CSS+_______________ */\N  \N    .acco .acco-item {\N      border-bottom: 1px solid #e5e5e5;\N    }\N  \N    .acco button {\N      position: relative;\N      display: block;\N      text-align: left;\N      width: 100%;\N      padding: 1em 0;\N      color: #8800ad;\N      border: none;\N      background: none;\N      outline: none;\N    }\N  \N    .acco button:hover,\N    .acco button:focus {\N      cursor: pointer;\N      color: white !important;\N      background-color: #8700ad !important;\N    }\N  \N    .acco button:hover .icon,\N    .acco button:focus .icon {\N      cursor: pointer;\N      color: white;\N      border: 1px solid white !important;\N    }\N  \N    .acco .acco-title {\N      padding: 1em 1.5em 1em 1em;\N    }\N  \N    .acco .icon {\N      display: inline-block;\N      position: absolute;\N      top: 18px;\N      right: 20px;\N      width: 22px;\N      height: 22px;\N      border: 1px solid;\N      border-radius: 22px;\N    }\N  \N    .acco .icon::before,\N    .acco .icon::after {\N      display: block;\N      position: absolute;\N      content: "";\N      background: currentColor;\N    }\N  \N    .acco .icon::before {\N      top: 9px;\N      left: 5px;\N      width: 10px;\N      height: 2px;\N    }\N  \N    .acco .icon::after {\N      top: 5px;\N      left: 9px;\N      width: 2px;\N      height: 10px;\N    }\N  \N    .acco button[aria-expanded="true"] {\N      color: #8800ad;\N      border-bottom: 1px solid #8800ad;\N      /* background-color: #8700ad; */\N    }\N  \N    .acco button[aria-expanded="true"] .icon::after {\N      width: 0;\N    }\N  \N    .acco button[aria-expanded="true"] + .acco-content {\N      opacity: 1;\N      max-height: 9em;\N      transition: all 200ms linear;\N      /* overflow: scroll; */\N    }\N  \N    #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N      opacity: 1;\N      max-height: 100%;\N      transition: all 200ms linear;\N      /* overflow: scroll; */\N      border-left: 2px solid #8800ad3f;\N      border-right: 2px solid #8800ad3f;\N    }\N  \N    .acco .acco-content {\N      opacity: 0;\N      max-height: 0;\N      overflow: hidden;\N      transition: opacity 200ms linear, max-height 200ms linear;\N    }\N  \N    .acco .acco-content p {\N      /* font-size: 1rem; */\N      font-weight: 300;\N      margin: 0;\N    }\N    /* ______________Accordian CSS Ends__________ */\N    .main-container {\N      display: flex;\N      gap: 20px;\N      max-width: 1600px;\N      margin: 0 auto;\N    }\N    .left-container {\N      width: 50%;\N    }\N    .right-container {\N      width: 50%;\N    }\N    .event-dtl {\N      background-color: white;\N      border-radius: 10px;\N      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N      margin-bottom: 20px;\N      padding: 10px 20px;\N      display: flex;\N      justify-content: space-between;\N    }\N    .event-description {\N      background-color: white;\N      border-radius: 10px;\N      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N      padding: 10px 20px;\N    }\N    .event-img {\N      width: 100%;\N      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N      border-radius: 10px;\N    }\N    @media (max-width: 960px) {\N      .main-container {\N        flex-direction: column;\N      }\N      .left-container {\N        width: 100%;\N        width: 10px -20px;\N      }\N      .right-container {\N        width: 100%;\N      }\N    }\N    @media (max-width: 500px) {\N      .event-dtl {\N        flex-direction: column;\N        text-align: center;\N      }\N      .event-title-icon {\N        justify-content: center;\N      }\N    }\N  \N  \N  \N    \N    \N      \N        \N        \N          \N            Date\N          \N          April 8, 2025\N        \N  \N        \N        \N          \N              Location\N            \N            Speaker's Platform\N          \N        \N  \N        \N        \N          \N            Time\N          \N          11 a.m. to 1 p.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            Celebrate Asian, Pacific Islander, Desi Heritage Month with the annual kick-off community mixer event! Come enjoy food, activities and community building at this free event. During this month let's amplify the voices of Asian, Pacific Islander, Desi individuals, recognize their achievements and commit ourselves to creating a more inclusive and equitable future for all. Whether through education, activism or simply by uplifting those individuals in our lives, let's make this month a meaningful celebration of empowerment and inspiration! \N          \N          \N        \N      \N      \N    \N    \N  \N    \N    \N      \N  \N      {loadmoduleid 368}\N    \N    \N  \N  \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  
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated July 2023 --><style>    .event-title-head {      font-weight: bold;      font-size: 20px;      color: darkgoldenrod;      margin-top: 5px;      margin-bottom: 0;    }      .event-title-text {      font-weight: 500;      font-size: 15px;      line-height: 17px;      font-weight: bold;    }      .event-title-icon {      margin-top: 6px;      display: flex;      justify-content: left;    }      .event-video-main {      display: flex;      justify-content: center;      margin-bottom: 20px;    }      .history-btn {      display: flex;      justify-content: center;    }      .button-71 {      background-color: #007daa;      border: 0;      border-radius: 56px;      color: #fff;      cursor: pointer;      display: inline-block;      /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */      font-size: 18px;      font-weight: 600;      outline: 0;      padding: 16px 21px;      position: relative;      text-align: center;      text-decoration: none;      transition: all 0.3s;      user-select: none;      -webkit-user-select: none;      touch-action: manipulation;    }      .button-71:before {      background-color: initial;      background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);      border-radius: 125px;      content: "";      height: 50%;      left: 4%;      opacity: 0.5;      position: absolute;      top: 0;      transition: all 0.3s;      width: 92%;    }      .button-71:hover {      box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,        rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;      transform: scale(1.05);    }    /* _____________Accordian Section CSS+_______________ */      .acco .acco-item {      border-bottom: 1px solid #e5e5e5;    }      .acco button {      position: relative;      display: block;      text-align: left;      width: 100%;      padding: 1em 0;      color: #8800ad;      border: none;      background: none;      outline: none;    }      .acco button:hover,    .acco button:focus {      cursor: pointer;      color: white !important;      background-color: #8700ad !important;    }      .acco button:hover .icon,    .acco button:focus .icon {      cursor: pointer;      color: white;      border: 1px solid white !important;    }      .acco .acco-title {      padding: 1em 1.5em 1em 1em;    }      .acco .icon {      display: inline-block;      position: absolute;      top: 18px;      right: 20px;      width: 22px;      height: 22px;      border: 1px solid;      border-radius: 22px;    }      .acco .icon::before,    .acco .icon::after {      display: block;      position: absolute;      content: "";      background: currentColor;    }      .acco .icon::before {      top: 9px;      left: 5px;      width: 10px;      height: 2px;    }      .acco .icon::after {      top: 5px;      left: 9px;      width: 2px;      height: 10px;    }      .acco button[aria-expanded="true"] {      color: #8800ad;      border-bottom: 1px solid #8800ad;      /* background-color: #8700ad; */    }      .acco button[aria-expanded="true"] .icon::after {      width: 0;    }      .acco button[aria-expanded="true"] + .acco-content {      opacity: 1;      max-height: 9em;      transition: all 200ms linear;      /* overflow: scroll; */    }      #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {      opacity: 1;      max-height: 100%;      transition: all 200ms linear;      /* overflow: scroll; */      border-left: 2px solid #8800ad3f;      border-right: 2px solid #8800ad3f;    }      .acco .acco-content {      opacity: 0;      max-height: 0;      overflow: hidden;      transition: opacity 200ms linear, max-height 200ms linear;    }      .acco .acco-content p {      /* font-size: 1rem; */      font-weight: 300;      margin: 0;    }    /* ______________Accordian CSS Ends__________ */    .main-container {      display: flex;      gap: 20px;      max-width: 1600px;      margin: 0 auto;    }    .left-container {      width: 50%;    }    .right-container {      width: 50%;    }    .event-dtl {      background-color: white;      border-radius: 10px;      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;      margin-bottom: 20px;      padding: 10px 20px;      display: flex;      justify-content: space-between;    }    .event-description {      background-color: white;      border-radius: 10px;      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;      padding: 10px 20px;    }    .event-img {      width: 100%;      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;      border-radius: 10px;    }    @media (max-width: 960px) {      .main-container {        flex-direction: column;      }      .left-container {        width: 100%;        width: 10px -20px;      }      .right-container {        width: 100%;      }    }    @media (max-width: 500px) {      .event-dtl {        flex-direction: column;        text-align: center;      }      .event-title-icon {        justify-content: center;      }    }  </style>    <div class="main-container">    <!-- --------------------       START OF LEFT SIDE     --------------------- -->    <div class="left-container">      <div class="event-dtl">        <!-- DATE -->        <div itemprop="startDate" content="2024-03-13">          <div class="event-title-icon">            <img              src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"              style="height: 20px; width: 25px"            />          </div>          <h3 class="event-title-head">Date</h3>          <!-- Update the date per each event -->          <p class="event-title-text">April 8, 2025</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">Speaker's Platform</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">11 a.m. to 1 p.m.</p>        </div>      </div>        <!-- EVENT DESCRIPTION -->      <div class="event-description">        <div>          <h3 class="event-title-head">Description</h3>          <!-- ***************************************          ** Place all elements of description HERE **          **************************************** -->          <div itemprop="description">            <p>Celebrate Asian, Pacific Islander, Desi Heritage Month with the annual kick-off community mixer event! Come enjoy food, activities and community building at this free event. During this month let's amplify the voices of Asian, Pacific Islander, Desi individuals, recognize their achievements and commit ourselves to creating a more inclusive and equitable future for all. Whether through education, activism or simply by uplifting those individuals in our lives, let's make this month a meaningful celebration of empowerment and inspiration! </p>          </div>          <!-- Technically the end of the "description" -->        </div>      </div>      <!-- End of Event Description -->    </div>    <!-- end of left-container -->      <!-- -------------------        START OF RIGHT SIDE    --------------------- -->    <div class="right-container">      <img class="event-img" src="images/cal/Spring25/APID/2025_OBI_APID_Flyer_ADA_CalEvent.jpg" alt="Event Flier" />        {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div>  <!-- End of main-container -->    <!-- Accordion Test -->  <script>    document.addEventListener("DOMContentLoaded", function () {      document        .querySelectorAll("#HistoryOfUniversity .acco button")        .forEach((item) => item.addEventListener("click", toggleacco));        function toggleacco() {        const parentAcco = this.closest(".acco");        const itemsInThisAcco = parentAcco.querySelectorAll("button");        const currentStatus = this.getAttribute("aria-expanded");          if (currentStatus == "false") {          // Close all other items          // for (let i = 0; i < itemsInThisAcco.length; i++) {          //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");          // }          // Open the clicked item          this.setAttribute("aria-expanded", "true");        } else {          // Close the clicked item          this.setAttribute("aria-expanded", "false");        }      }    });  </script>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250404T174427Z
X-ACCESS:1
X-HITS:863
X-URL:
X-COLOR:F9A600
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251104T110000
DTEND;TZID=America/Los_Angeles:20251104T130000
UID:BE9B1A76-B767-446B-B1F9-5EE2A0BDBF4D
SUMMARY:Native American Heritage Month Kickoff
DTSTAMP:20251031T194947Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        Nov. 4\N\N      \N\N      \N      \N        \N            Location\N          Speaker's Platform\N\N        \N      \N\N      \N      \N        \N          Time\N        11 a.m. to 1 p.m.\N\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          Join us as we celebrate Native American Heritage Month with an immersive cultural experience highlighting the rich traditions and artistry of Indigenous communities across Turtle Island.\N\NDiscover the ancient practice of cordage making, learn about its significance and uses, and experience the diverse singing and dancing styles that showcase the vibrant heritage and living cultures of Native peoples.\N\NThis event invites the campus community to connect, learn, and celebrate through hands-on activities and performances that honor Indigenous knowledge, creativity, and resilience.\N\N        \N        \N      \N    \N    \N  \N  \N\N  \N  \N    \N\N    {loadmoduleid 368}\N  \N  \N\N\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
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated July 2023 --><style>  .event-title-head {    font-weight: bold;    font-size: 20px;    color: darkgoldenrod;    margin-top: 5px;    margin-bottom: 0;  }  .event-title-text {    font-weight: 500;    font-size: 15px;    line-height: 17px;    font-weight: bold;  }  .event-title-icon {    margin-top: 6px;    display: flex;    justify-content: left;  }  .event-video-main {    display: flex;    justify-content: center;    margin-bottom: 20px;  }  .history-btn {    display: flex;    justify-content: center;  }  .button-71 {    background-color: #007daa;    border: 0;    border-radius: 56px;    color: #fff;    cursor: pointer;    display: inline-block;    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */    font-size: 18px;    font-weight: 600;    outline: 0;    padding: 16px 21px;    position: relative;    text-align: center;    text-decoration: none;    transition: all 0.3s;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;  }  .button-71:before {    background-color: initial;    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);    border-radius: 125px;    content: "";    height: 50%;    left: 4%;    opacity: 0.5;    position: absolute;    top: 0;    transition: all 0.3s;    width: 92%;  }  .button-71:hover {    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;    transform: scale(1.05);  }  /* _____________Accordian Section CSS+_______________ */  .acco .acco-item {    border-bottom: 1px solid #e5e5e5;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: #8800ad;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #8700ad !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 18px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #8800ad;    border-bottom: 1px solid #8800ad;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #8800ad3f;    border-right: 2px solid #8800ad3f;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* ______________Accordian CSS Ends__________ */  .main-container {    display: flex;    gap: 20px;    max-width: 1600px;    margin: 0 auto;  }  .left-container {    width: 50%;  }  .right-container {    width: 50%;  }  .event-dtl {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    margin-bottom: 20px;    padding: 10px 20px;    display: flex;    justify-content: space-between;  }  .event-description {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    padding: 10px 20px;  }  .event-img {    width: 100%;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    border-radius: 10px;  }  @media (max-width: 960px) {    .main-container {      flex-direction: column;    }    .left-container {      width: 100%;      width: 10px -20px;    }    .right-container {      width: 100%;    }  }  @media (max-width: 500px) {    .event-dtl {      flex-direction: column;      text-align: center;    }    .event-title-icon {      justify-content: center;    }  }</style><div class="main-container">  <!-- --------------------     START OF LEFT SIDE   --------------------- -->  <div class="left-container">    <div class="event-dtl">      <!-- DATE -->      <div itemprop="startDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Date</h3>        <p class="event-title-text">Nov. 4</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>          <p class="event-title-text">Speaker's Platform</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>        <p class="event-title-text">11 a.m. to 1 p.m.</p>      </div>    </div>    <!-- EVENT DESCRIPTION -->    <div class="event-description">      <div>        <h3 class="event-title-head">Description</h3>        <!-- ***************************************        ** Place all elements of description HERE **        **************************************** -->        <div itemprop="description">          <p>Join us as we celebrate Native American Heritage Month with an immersive cultural experience highlighting the rich traditions and artistry of Indigenous communities across Turtle Island.</p><p>Discover the ancient practice of cordage making, learn about its significance and uses, and experience the diverse singing and dancing styles that showcase the vibrant heritage and living cultures of Native peoples.</p><p>This event invites the campus community to connect, learn, and celebrate through hands-on activities and performances that honor Indigenous knowledge, creativity, and resilience.</p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img class="event-img" src="images/cal/Fall-2025/2025_OBI_NAHM_IG_5_v3_1.jpg" alt="Native American Heritage Month KickoffNov. 411 a.m. to 1 p.m.Speaker's Platform" />    {loadmoduleid 368}  </div>  <!-- Technically end of right side --></div><!-- End of main-container --><!-- Accordion Test --><script>  document.addEventListener("DOMContentLoaded", function () {    document      .querySelectorAll("#HistoryOfUniversity .acco button")      .forEach((item) => item.addEventListener("click", toggleacco));    function toggleacco() {      const parentAcco = this.closest(".acco");      const itemsInThisAcco = parentAcco.querySelectorAll("button");      const currentStatus = this.getAttribute("aria-expanded");      if (currentStatus == "false") {        // Close all other items        // for (let i = 0; i < itemsInThisAcco.length; i++) {        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");        // }        // Open the clicked item        this.setAttribute("aria-expanded", "true");      } else {        // Close the clicked item        this.setAttribute("aria-expanded", "false");      }    }  });</script>
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:592
X-URL:
X-COLOR:F9A600
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260304T120000
DTEND;TZID=America/Los_Angeles:20260304T140000
UID:CA34E7FD-F67B-4406-B4A4-732B6FCE3BB6
SUMMARY:Women's History and Immigrant Heritage Month Kick-Off
DTSTAMP:20260213T184014Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        March 4\N      \N\N      \N      \N        \N            Location\N          The Pointe\N        \N      \N\N      \N      \N        \N          Time\N        12 – 2 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          \N    Step right up and celebrate the start of Women’s History Month and Immigrant\N    Heritage Month at this Carnival-themed kickoff event!\N  \N  \N    Join us at The Pointe for an afternoon dedicated to honoring the stories,\N    cultures and contributions of women and immigrant communities. Enjoy a\N    vibrant atmosphere filled with music, movement and meaningful moments.\N  \N  What to expect:\N  \N    FREE T-shirts (while supplies last)\N    Stamp cards to redeem food\N    A photobooth to capture the memories\N    A dance floor and carnival-themed activities\N    Cultural performances\N    Opportunity drawings for Giveaway Baskets\N  \N  \N    Bring your friends, learn something new and celebrate the diverse voices\N    that shape our campus community.\N  \N  \N    Register now on\N    \N      \N    \N    \N  \N  \N\N  \N  \N    \N\N    {loadmoduleid 368}\N  \N  \N\N\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
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated July 2023 --><style>  .event-title-head {    font-weight: bold;    font-size: 20px;    color: darkgoldenrod;    margin-top: 5px;    margin-bottom: 0;  }  .event-title-text {    font-weight: 500;    font-size: 15px;    line-height: 17px;    font-weight: bold;  }  .event-title-icon {    margin-top: 6px;    display: flex;    justify-content: left;  }  .event-video-main {    display: flex;    justify-content: center;    margin-bottom: 20px;  }  .history-btn {    display: flex;    justify-content: center;  }  .button-71 {    background-color: #007daa;    border: 0;    border-radius: 56px;    color: #fff;    cursor: pointer;    display: inline-block;    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */    font-size: 18px;    font-weight: 600;    outline: 0;    padding: 16px 21px;    position: relative;    text-align: center;    text-decoration: none;    transition: all 0.3s;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;  }  .button-71:before {    background-color: initial;    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);    border-radius: 125px;    content: "";    height: 50%;    left: 4%;    opacity: 0.5;    position: absolute;    top: 0;    transition: all 0.3s;    width: 92%;  }  .button-71:hover {    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;    transform: scale(1.05);  }  /* _____________Accordian Section CSS+_______________ */  .acco .acco-item {    border-bottom: 1px solid #e5e5e5;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: #8800ad;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #8700ad !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 18px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #8800ad;    border-bottom: 1px solid #8800ad;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #8800ad3f;    border-right: 2px solid #8800ad3f;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* ______________Accordian CSS Ends__________ */  .main-container {    display: flex;    gap: 20px;    max-width: 1600px;    margin: 0 auto;  }  .left-container {    width: 50%;  }  .right-container {    width: 50%;  }  .event-dtl {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    margin-bottom: 20px;    padding: 10px 20px;    display: flex;    justify-content: space-between;  }  .event-description {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    padding: 10px 20px;  }  .event-img {    width: 100%;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    border-radius: 10px;  }  @media (max-width: 960px) {    .main-container {      flex-direction: column;    }    .left-container {      width: 100%;      width: 10px -20px;    }    .right-container {      width: 100%;    }  }  @media (max-width: 500px) {    .event-dtl {      flex-direction: column;      text-align: center;    }    .event-title-icon {      justify-content: center;    }  }</style><div class="main-container">  <!-- --------------------     START OF LEFT SIDE   --------------------- -->  <div class="left-container">    <div class="event-dtl">      <!-- DATE -->      <div itemprop="startDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Date</h3>        <p class="event-title-text">March 4</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>          <p class="event-title-text">The Pointe</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>        <p class="event-title-text">12 – 2 p.m.</p>      </div>    </div>    <!-- EVENT DESCRIPTION -->    <div class="event-description">      <div>        <h3 class="event-title-head">Description</h3>        <!-- ***************************************        ** Place all elements of description HERE **        **************************************** -->        <div itemprop="description">          <p>    Step right up and celebrate the start of Women’s History Month and Immigrant    Heritage Month at this Carnival-themed kickoff event!  </p>  <p>    Join us at The Pointe for an afternoon dedicated to honoring the stories,    cultures and contributions of women and immigrant communities. Enjoy a    vibrant atmosphere filled with music, movement and meaningful moments.  </p>  <p>What to expect:</p>  <ul>    <li>FREE T-shirts (while supplies last)</li>    <li>Stamp cards to redeem food</li>    <li>A photobooth to capture the memories</li>    <li>A dance floor and carnival-themed activities</li>    <li>Cultural performances</li>    <li>Opportunity drawings for Giveaway Baskets</li>  </ul>  <p>    Bring your friends, learn something new and celebrate the diverse voices    that shape our campus community.  </p>  <p>    Register now on    <a href="https://csulb.campuslabs.com/engage/event/11962793"      >Events & Orgs</a    >.  </p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img class="event-img" src="images/cal/Spring26/2026_IHMWHM_Kickoff_IG_Post2_1.jpg" alt="Event Flier" />    {loadmoduleid 368}  </div>  <!-- Technically end of right side --></div><!-- End of main-container --><!-- Accordion Test --><script>  document.addEventListener("DOMContentLoaded", function () {    document      .querySelectorAll("#HistoryOfUniversity .acco button")      .forEach((item) => item.addEventListener("click", toggleacco));    function toggleacco() {      const parentAcco = this.closest(".acco");      const itemsInThisAcco = parentAcco.querySelectorAll("button");      const currentStatus = this.getAttribute("aria-expanded");      if (currentStatus == "false") {        // Close all other items        // for (let i = 0; i < itemsInThisAcco.length; i++) {        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");        // }        // Open the clicked item        this.setAttribute("aria-expanded", "true");      } else {        // Close the clicked item        this.setAttribute("aria-expanded", "false");      }    }  });</script>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20260213T184058Z
X-ACCESS:1
X-HITS:511
X-URL:
X-COLOR:F9A600
END:VEVENT
BEGIN:VEVENT
DTSTART;VALUE=DATE:20260327
DTEND;VALUE=DATE:20260328
UID:22167B77-31AA-4E47-86B0-F61E382F6604
SUMMARY:Womxn of Color Leadership Conference: Blossoming Beyond Barriers
DTSTAMP:20260106T185416Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"]+.acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"]+.acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N\N  .left-container {\N    width: 50%;\N  }\N\N  .right-container {\N    width: 50%;\N  }\N\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N\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\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N\N    .right-container {\N      width: 100%;\N    }\N  }\N\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          \N        \N        Date\N        March 27\N      \N\N      \N      \N        \N          \N            \N          \N          Location\N          The POINTE\N\N        \N      \N\N      \N      \N        \N          \N        \N        Time\N        9:30 a.m. to 2 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \NThe Women of Color Leadership Conference: Blossoming Beyond Barriers is a dynamic, student-centered space created for growth, connection and leadership development. Rooted in empowerment and community, this conference invites students to explore their voices, build confidence and step into their potential—both inside and beyond the classroom.\N\NThrough uplifting sessions and honest conversations, participants will reflect on real challenges, navigate self-doubt, and learn strategies for resilience, self-advocacy, and personal success. This conference celebrates lived experiences while emphasizing the power of collective support in shaping academic, professional, and personal journeys.\N\NWhat to Expect:\N\N\N  Grounding and community-building sessions led by campus leaders and faculty\N  Conversations on leadership, impostor syndrome, and life beyond college\N  Empowerment and wellness discussions focused on healing, hope, and self-growth\N  Interactive activities centered on reflection, manifestation, and vision-building\N  Complimentary lunch provided\N\N\NWhether you’re exploring your leadership path, preparing for life after graduation, or seeking a supportive space to connect and grow, Blossoming Beyond Barriers offers a meaningful opportunity to reflect, recharge, and rise together.\NOpen to all Long Beach State students.\NFREE to attend. Registration required.\N        \N        \N      \N    \N    \N  \N  \N\N  \N  \N    \N\N    {loadmoduleid 368}\N  \N  \N\N\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
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated July 2023 --><style>  .event-title-head {    font-weight: bold;    font-size: 20px;    color: darkgoldenrod;    margin-top: 5px;    margin-bottom: 0;  }  .event-title-text {    font-weight: 500;    font-size: 15px;    line-height: 17px;    font-weight: bold;  }  .event-title-icon {    margin-top: 6px;    display: flex;    justify-content: left;  }  .event-video-main {    display: flex;    justify-content: center;    margin-bottom: 20px;  }  .history-btn {    display: flex;    justify-content: center;  }  .button-71 {    background-color: #007daa;    border: 0;    border-radius: 56px;    color: #fff;    cursor: pointer;    display: inline-block;    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */    font-size: 18px;    font-weight: 600;    outline: 0;    padding: 16px 21px;    position: relative;    text-align: center;    text-decoration: none;    transition: all 0.3s;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;  }  .button-71:before {    background-color: initial;    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);    border-radius: 125px;    content: "";    height: 50%;    left: 4%;    opacity: 0.5;    position: absolute;    top: 0;    transition: all 0.3s;    width: 92%;  }  .button-71:hover {    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;    transform: scale(1.05);  }  /* _____________Accordian Section CSS+_______________ */  .acco .acco-item {    border-bottom: 1px solid #e5e5e5;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: #8800ad;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #8700ad !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 18px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #8800ad;    border-bottom: 1px solid #8800ad;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"]+.acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"]+.acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #8800ad3f;    border-right: 2px solid #8800ad3f;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* ______________Accordian CSS Ends__________ */  .main-container {    display: flex;    gap: 20px;    max-width: 1600px;    margin: 0 auto;  }  .left-container {    width: 50%;  }  .right-container {    width: 50%;  }  .event-dtl {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    margin-bottom: 20px;    padding: 10px 20px;    display: flex;    justify-content: space-between;  }  .event-description {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    padding: 10px 20px;  }  .event-img {    width: 100%;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    border-radius: 10px;  }  @media (max-width: 960px) {    .main-container {      flex-direction: column;    }    .left-container {      width: 100%;      width: 10px -20px;    }    .right-container {      width: 100%;    }  }  @media (max-width: 500px) {    .event-dtl {      flex-direction: column;      text-align: center;    }    .event-title-icon {      justify-content: center;    }  }</style><div class="main-container">  <!-- --------------------     START OF LEFT SIDE   --------------------- -->  <div class="left-container">    <div class="event-dtl">      <!-- DATE -->      <div itemprop="startDate" content="2024-03-13">        <div class="event-title-icon">          <img src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png" style="height: 20px; width: 25px" />        </div>        <h3 class="event-title-head">Date</h3>        <p class="event-title-text">March 27</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>          <p class="event-title-text">The POINTE</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>        <p class="event-title-text">9:30 a.m. to 2 p.m.</p>      </div>    </div>    <!-- EVENT DESCRIPTION -->    <div class="event-description">      <div>        <h3 class="event-title-head">Description</h3>        <!-- ***************************************        ** Place all elements of description HERE **        **************************************** -->        <div itemprop="description"><p>The Women of Color Leadership Conference: Blossoming Beyond Barriers is a dynamic, student-centered space created for growth, connection and leadership development. Rooted in empowerment and community, this conference invites students to explore their voices, build confidence and step into their potential—both inside and beyond the classroom.</p><p>Through uplifting sessions and honest conversations, participants will reflect on real challenges, navigate self-doubt, and learn strategies for resilience, self-advocacy, and personal success. This conference celebrates lived experiences while emphasizing the power of collective support in shaping academic, professional, and personal journeys.</p><p><strong>What to Expect:</strong></p><ul>  <li>Grounding and community-building sessions led by campus leaders and faculty</li>  <li>Conversations on leadership, impostor syndrome, and life beyond college</li>  <li>Empowerment and wellness discussions focused on healing, hope, and self-growth</li>  <li>Interactive activities centered on reflection, manifestation, and vision-building</li>  <li>Complimentary lunch provided</li></ul><p>Whether you’re exploring your leadership path, preparing for life after graduation, or seeking a supportive space to connect and grow, Blossoming Beyond Barriers offers a meaningful opportunity to reflect, recharge, and rise together.</p><p>Open to all Long Beach State students.</br>FREE to attend. Registration required.</p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img class="event-img" src="images/cal/Spring26/2026_WGEC_WOCLC_IG_Story.jpg" alt="Event Flier" />    {loadmoduleid 368}  </div>  <!-- Technically end of right side --></div><!-- End of main-container --><!-- Accordion Test --><script>  document.addEventListener("DOMContentLoaded", function () {    document      .querySelectorAll("#HistoryOfUniversity .acco button")      .forEach((item) => item.addEventListener("click", toggleacco));    function toggleacco() {      const parentAcco = this.closest(".acco");      const itemsInThisAcco = parentAcco.querySelectorAll("button");      const currentStatus = this.getAttribute("aria-expanded");      if (currentStatus == "false") {        // Close all other items        // for (let i = 0; i < itemsInThisAcco.length; i++) {        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");        // }        // Open the clicked item        this.setAttribute("aria-expanded", "true");      } else {        // Close the clicked item        this.setAttribute("aria-expanded", "false");      }    }  });</script>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20260127T191524Z
X-ACCESS:1
X-HITS:739
X-URL:
X-COLOR:F9A600
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260407T120000
DTEND;TZID=America/Los_Angeles:20260407T140000
UID:EE7D683E-A388-4D6D-8AD4-B8E6FFCE0881
SUMMARY:APID Heritage Month Kickoff
DTSTAMP:20260330T162201Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        April 7\N\N      \N\N      \N      \N        \N            Location\N          Speaker’s Platform (near University Bookstore)\N\N        \N      \N\N      \N      \N        \N          Time\N        12 to 2 p.m.\N\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          Join us as we kick off Asian, Pacific Islander and Desi (APID) Heritage Month with an afternoon of community, culture and connection. The APID Heritage Month Kickoff is an opportunity for students to come together, learn about upcoming heritage month events and celebrate the vibrant cultures and communities that make up the APID experience at The Beach.\N          Stop by to connect with campus organizations and departments, enjoy music and activities, and learn how you can participate in APID Heritage Month throughout April.\N\NThis event is open to all Long Beach State students. We hope you’ll join us as we begin a month of celebration, recognition and community.\N\N        \N        \N      \N    \N    \N  \N  \N\N  \N  \N    \N\N    {loadmoduleid 368}\N  \N  \N\N\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
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated July 2023 --><style>  .event-title-head {    font-weight: bold;    font-size: 20px;    color: darkgoldenrod;    margin-top: 5px;    margin-bottom: 0;  }  .event-title-text {    font-weight: 500;    font-size: 15px;    line-height: 17px;    font-weight: bold;  }  .event-title-icon {    margin-top: 6px;    display: flex;    justify-content: left;  }  .event-video-main {    display: flex;    justify-content: center;    margin-bottom: 20px;  }  .history-btn {    display: flex;    justify-content: center;  }  .button-71 {    background-color: #007daa;    border: 0;    border-radius: 56px;    color: #fff;    cursor: pointer;    display: inline-block;    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */    font-size: 18px;    font-weight: 600;    outline: 0;    padding: 16px 21px;    position: relative;    text-align: center;    text-decoration: none;    transition: all 0.3s;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;  }  .button-71:before {    background-color: initial;    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);    border-radius: 125px;    content: "";    height: 50%;    left: 4%;    opacity: 0.5;    position: absolute;    top: 0;    transition: all 0.3s;    width: 92%;  }  .button-71:hover {    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;    transform: scale(1.05);  }  /* _____________Accordian Section CSS+_______________ */  .acco .acco-item {    border-bottom: 1px solid #e5e5e5;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: #8800ad;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #8700ad !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 18px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #8800ad;    border-bottom: 1px solid #8800ad;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #8800ad3f;    border-right: 2px solid #8800ad3f;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* ______________Accordian CSS Ends__________ */  .main-container {    display: flex;    gap: 20px;    max-width: 1600px;    margin: 0 auto;  }  .left-container {    width: 50%;  }  .right-container {    width: 50%;  }  .event-dtl {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    margin-bottom: 20px;    padding: 10px 20px;    display: flex;    justify-content: space-between;  }  .event-description {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    padding: 10px 20px;  }  .event-img {    width: 100%;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    border-radius: 10px;  }  @media (max-width: 960px) {    .main-container {      flex-direction: column;    }    .left-container {      width: 100%;      width: 10px -20px;    }    .right-container {      width: 100%;    }  }  @media (max-width: 500px) {    .event-dtl {      flex-direction: column;      text-align: center;    }    .event-title-icon {      justify-content: center;    }  }</style><div class="main-container">  <!-- --------------------     START OF LEFT SIDE   --------------------- -->  <div class="left-container">    <div class="event-dtl">      <!-- DATE -->      <div itemprop="startDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Date</h3>        <p class="event-title-text">April 7</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>          <p class="event-title-text">Speaker’s Platform <br/>(near University Bookstore)</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>        <p class="event-title-text">12 to 2 p.m.</p>      </div>    </div>    <!-- EVENT DESCRIPTION -->    <div class="event-description">      <div>        <h3 class="event-title-head">Description</h3>        <!-- ***************************************        ** Place all elements of description HERE **        **************************************** -->        <div itemprop="description">          <p>Join us as we kick off Asian, Pacific Islander and Desi (APID) Heritage Month with an afternoon of community, culture and connection. The APID Heritage Month Kickoff is an opportunity for students to come together, learn about upcoming heritage month events and celebrate the vibrant cultures and communities that make up the APID experience at The Beach.</p>          <p>Stop by to connect with campus organizations and departments, enjoy music and activities, and learn how you can participate in APID Heritage Month throughout April.</p><p>This event is open to all Long Beach State students. We hope you’ll join us as we begin a month of celebration, recognition and community.</p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img class="event-img" src="images/cal/Spring26/2025_OBI_APID_DS_Vert_01.jpg" alt="APID Heritage Month KickofApril 712 to 2 p.m.Speaker’s Platform Flier" />    {loadmoduleid 368}  </div>  <!-- Technically end of right side --></div><!-- End of main-container --><!-- Accordion Test --><script>  document.addEventListener("DOMContentLoaded", function () {    document      .querySelectorAll("#HistoryOfUniversity .acco button")      .forEach((item) => item.addEventListener("click", toggleacco));    function toggleacco() {      const parentAcco = this.closest(".acco");      const itemsInThisAcco = parentAcco.querySelectorAll("button");      const currentStatus = this.getAttribute("aria-expanded");      if (currentStatus == "false") {        // Close all other items        // for (let i = 0; i < itemsInThisAcco.length; i++) {        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");        // }        // Open the clicked item        this.setAttribute("aria-expanded", "true");      } else {        // Close the clicked item        this.setAttribute("aria-expanded", "false");      }    }  });</script>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20260330T162550Z
X-ACCESS:1
X-HITS:579
X-URL:
X-COLOR:F9A600
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260407T123000
DTEND;TZID=America/Los_Angeles:20260407T170000
UID:CBC2877D-7DD4-4968-9D27-411EBD2F9F9F
SUMMARY:MENA Opening Ceremony & Screening
DTSTAMP:20250226T182209Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        \N        Apr 7\N      \N\N      \N      \N        \N            Location\N          \N          PH1 209\N        \N      \N\N      \N      \N        \N          Time\N        \N        12:30 P.M.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          Kick off Middle Eastern & North African (MENA) Cultural Awareness with an opening ceremony and screening that celebrates the richness, diversity and stories of MENA communities.\N\NJoin us for an engaging afternoon that invites reflection, connection and cultural appreciation through film and shared experience. Whether you’re looking to learn something new or connect with others, this event offers a meaningful way to begin the month’s programming.\N\N\NThis event is free and open to all Long Beach State students. Be sure to RSVP on Events & Orgs to reserve your spot.\N\N        \N        \N      \N    \N    \N  \N  \N\N  \N  \N    img\N      class="event-img&quot;\N      src=&quot;images/cal/Spring26/2026_OBI_MENA_DS_Vert.jpg&quot;\N      alt=&quot;Event Flier&quot;\N    /&gt;\N\N    {loadmoduleid 368}\N  &lt;/div&gt;\N  &lt;!-- Technically end of right side --&gt;\N&lt;/div&gt;\N&lt;!-- End of main-container --&gt;\N\N&lt;!-- Accordion Test --&gt;\N&lt;script&gt;\N  document.addEventListener(&quot;DOMContentLoaded&quot;, function () {\N    document\N      .querySelectorAll(&quot;#HistoryOfUniversity .acco button&quot;)\N      .forEach((item) =&gt; item.addEventListener(&quot;click&quot;, toggleacco));\N\N    function toggleacco() {\N      const parentAcco = this.closest(&quot;.acco&quot;);\N      const itemsInThisAcco = parentAcco.querySelectorAll(&quot;button&quot;);\N      const currentStatus = this.getAttribute(&quot;aria-expanded&quot;);\N\N      if (currentStatus == &quot;false&quot;) {\N        // Close all other items\N        // for (let i = 0; i &lt; itemsInThisAcco.length; i++) {\N        //   itemsInThisAcco[i].setAttribute(&quot;aria-expanded&quot;, &quot;false&quot;);\N        // }\N        // Open the clicked item\N        this.setAttribute(&quot;aria-expanded&quot;, &quot;true&quot;);\N      } else {\N        // Close the clicked item\N        this.setAttribute(&quot;aria-expanded&quot;, &quot;false&quot;);\N      }\N    }\N  });\N&lt;/script&gt;\N"
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated July 2023 --><style>  .event-title-head {    font-weight: bold;    font-size: 20px;    color: darkgoldenrod;    margin-top: 5px;    margin-bottom: 0;  }  .event-title-text {    font-weight: 500;    font-size: 15px;    line-height: 17px;    font-weight: bold;  }  .event-title-icon {    margin-top: 6px;    display: flex;    justify-content: left;  }  .event-video-main {    display: flex;    justify-content: center;    margin-bottom: 20px;  }  .history-btn {    display: flex;    justify-content: center;  }  .button-71 {    background-color: #007daa;    border: 0;    border-radius: 56px;    color: #fff;    cursor: pointer;    display: inline-block;    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */    font-size: 18px;    font-weight: 600;    outline: 0;    padding: 16px 21px;    position: relative;    text-align: center;    text-decoration: none;    transition: all 0.3s;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;  }  .button-71:before {    background-color: initial;    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);    border-radius: 125px;    content: "";    height: 50%;    left: 4%;    opacity: 0.5;    position: absolute;    top: 0;    transition: all 0.3s;    width: 92%;  }  .button-71:hover {    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;    transform: scale(1.05);  }  /* _____________Accordian Section CSS+_______________ */  .acco .acco-item {    border-bottom: 1px solid #e5e5e5;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: #8800ad;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #8700ad !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 18px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #8800ad;    border-bottom: 1px solid #8800ad;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #8800ad3f;    border-right: 2px solid #8800ad3f;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* ______________Accordian CSS Ends__________ */  .main-container {    display: flex;    gap: 20px;    max-width: 1600px;    margin: 0 auto;  }  .left-container {    width: 50%;  }  .right-container {    width: 50%;  }  .event-dtl {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    margin-bottom: 20px;    padding: 10px 20px;    display: flex;    justify-content: space-between;  }  .event-description {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    padding: 10px 20px;  }  .event-img {    width: 100%;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    border-radius: 10px;  }  @media (max-width: 960px) {    .main-container {      flex-direction: column;    }    .left-container {      width: 100%;      width: 10px -20px;    }    .right-container {      width: 100%;    }  }  @media (max-width: 500px) {    .event-dtl {      flex-direction: column;      text-align: center;    }    .event-title-icon {      justify-content: center;    }  }</style><div class="main-container">  <!-- --------------------     START OF LEFT SIDE   --------------------- -->  <div class="left-container">    <div class="event-dtl">      <!-- DATE -->      <div itemprop="startDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Date</h3>        <!-- Update the date per each event -->        <p class="event-title-text">Apr 7</p>      </div>      <!-- LOCATION -->      <div>        <div          itemprop="location"          itemscope="itemscope"          itemtype="http://schema.org/Place"        >          <div class="event-title-icon">            <img              src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png"              style="height: 20px; width: 25px"            />          </div>          <h3 class="event-title-head">Location</h3>          <!-- Update the date per each event -->          <p class="event-title-text">PH1 209</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">12:30 P.M.</p>      </div>    </div>    <!-- EVENT DESCRIPTION -->    <div class="event-description">      <div>        <p class="event-title-head">Description</p>        <!-- ***************************************        ** Place all elements of description HERE **        **************************************** -->        <div itemprop="description">          <p>Kick off Middle Eastern & North African (MENA) Cultural Awareness with an opening ceremony and screening that celebrates the richness, diversity and stories of MENA communities.</p><p>Join us for an engaging afternoon that invites reflection, connection and cultural appreciation through film and shared experience. Whether you’re looking to learn something new or connect with others, this event offers a meaningful way to begin the month’s programming.</p><p>This event is free and open to all Long Beach State students. Be sure to RSVP on <a href = "https://csulb.campuslabs.com/engage/event/12373332">Events & Orgs</a> to reserve your spot.</p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img      class="event-img"      src="images/cal/Spring26/2026_OBI_MENA_DS_Vert.jpg"      alt="Event Flier"    />    {loadmoduleid 368}  </div>  <!-- Technically end of right side --></div><!-- End of main-container --><!-- Accordion Test --><script>  document.addEventListener("DOMContentLoaded", function () {    document      .querySelectorAll("#HistoryOfUniversity .acco button")      .forEach((item) => item.addEventListener("click", toggleacco));    function toggleacco() {      const parentAcco = this.closest(".acco");      const itemsInThisAcco = parentAcco.querySelectorAll("button");      const currentStatus = this.getAttribute("aria-expanded");      if (currentStatus == "false") {        // Close all other items        // for (let i = 0; i < itemsInThisAcco.length; i++) {        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");        // }        // Open the clicked item        this.setAttribute("aria-expanded", "true");      } else {        // Close the clicked item        this.setAttribute("aria-expanded", "false");      }    }  });</script>
LAST-MODIFIED:20260407T151032Z
X-ACCESS:1
X-HITS:255
X-URL:
X-COLOR:F9A600
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260929T100000
DTEND;TZID=America/Los_Angeles:20260929T120000
UID:FB094CDC-CD8F-4871-A01A-9B5A27649879
SUMMARY:Coastal Coffee Grand Opening
DTSTAMP:20260915T144403Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow:\N      rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px,\N      rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition:\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  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        Sept. 29\N      \N\N      \N      \N        \N            Location\N          Coastal Coffee\N        \N      \N\N      \N      \N        \N          Time\N        10 a.m. - noon\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          \N            Celebrate National Coffee Day at the grand opening of Coastal\N            Coffee! Join Beach Shops and campus leaders for a ribbon-cutting\N            ceremony officially welcoming this new coffee destination to The\N            Beach.\N          \N          \N            The celebration will feature music, small bites and samples of\N            Coastal Coffee’s drinks. Special offers and giveaways will be\N            available while supplies last.\N          \N          \N            No registration is required. \N          \N        \N        \N      \N    \N    \N  \N  \N\N  \N  \N    img\N      class="event-img&quot;\N      src=&quot;images/cal/Fall-2026/WOID274_Coastal_Coffee_Grand_Opening_750x1170_2.jpg&quot;\N      alt=&quot;Event Flier&quot;\N    /&gt;\N\N    {loadmoduleid 368}\N  &lt;/div&gt;\N  &lt;!-- Technically end of right side --&gt;\N&lt;/div&gt;\N&lt;!-- End of main-container --&gt;\N\N&lt;!-- Accordion Test --&gt;\N&lt;script&gt;\N  document.addEventListener(&quot;DOMContentLoaded&quot;, function () {\N    document\N      .querySelectorAll(&quot;#HistoryOfUniversity .acco button&quot;)\N      .forEach((item) =&gt; item.addEventListener(&quot;click&quot;, toggleacco));\N\N    function toggleacco() {\N      const parentAcco = this.closest(&quot;.acco&quot;);\N      const itemsInThisAcco = parentAcco.querySelectorAll(&quot;button&quot;);\N      const currentStatus = this.getAttribute(&quot;aria-expanded&quot;);\N\N      if (currentStatus == &quot;false&quot;) {\N        // Close all other items\N        // for (let i = 0; i &lt; itemsInThisAcco.length; i++) {\N        //   itemsInThisAcco[i].setAttribute(&quot;aria-expanded&quot;, &quot;false&quot;);\N        // }\N        // Open the clicked item\N        this.setAttribute(&quot;aria-expanded&quot;, &quot;true&quot;);\N      } else {\N        // Close the clicked item\N        this.setAttribute(&quot;aria-expanded&quot;, &quot;false&quot;);\N      }\N    }\N  });\N&lt;/script&gt;\N"
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated July 2023 --><style>  .event-title-head {    font-weight: bold;    font-size: 20px;    color: darkgoldenrod;    margin-top: 5px;    margin-bottom: 0;  }  .event-title-text {    font-weight: 500;    font-size: 15px;    line-height: 17px;    font-weight: bold;  }  .event-title-icon {    margin-top: 6px;    display: flex;    justify-content: left;  }  .event-video-main {    display: flex;    justify-content: center;    margin-bottom: 20px;  }  .history-btn {    display: flex;    justify-content: center;  }  .button-71 {    background-color: #007daa;    border: 0;    border-radius: 56px;    color: #fff;    cursor: pointer;    display: inline-block;    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */    font-size: 18px;    font-weight: 600;    outline: 0;    padding: 16px 21px;    position: relative;    text-align: center;    text-decoration: none;    transition: all 0.3s;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;  }  .button-71:before {    background-color: initial;    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);    border-radius: 125px;    content: "";    height: 50%;    left: 4%;    opacity: 0.5;    position: absolute;    top: 0;    transition: all 0.3s;    width: 92%;  }  .button-71:hover {    box-shadow:      rgba(255, 255, 255, 0.2) 0 3px 15px inset,      rgba(0, 0, 0, 0.1) 0 3px 5px,      rgba(0, 0, 0, 0.1) 0 10px 13px;    transform: scale(1.05);  }  /* _____________Accordian Section CSS+_______________ */  .acco .acco-item {    border-bottom: 1px solid #e5e5e5;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: #8800ad;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #8700ad !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 18px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #8800ad;    border-bottom: 1px solid #8800ad;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #8800ad3f;    border-right: 2px solid #8800ad3f;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition:      opacity 200ms linear,      max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* ______________Accordian CSS Ends__________ */  .main-container {    display: flex;    gap: 20px;    max-width: 1600px;    margin: 0 auto;  }  .left-container {    width: 50%;  }  .right-container {    width: 50%;  }  .event-dtl {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    margin-bottom: 20px;    padding: 10px 20px;    display: flex;    justify-content: space-between;  }  .event-description {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    padding: 10px 20px;  }  .event-img {    width: 100%;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    border-radius: 10px;  }  @media (max-width: 960px) {    .main-container {      flex-direction: column;    }    .left-container {      width: 100%;      width: 10px -20px;    }    .right-container {      width: 100%;    }  }  @media (max-width: 500px) {    .event-dtl {      flex-direction: column;      text-align: center;    }    .event-title-icon {      justify-content: center;    }  }</style><div class="main-container">  <!-- --------------------     START OF LEFT SIDE   --------------------- -->  <div class="left-container">    <div class="event-dtl">      <!-- DATE -->      <div itemprop="startDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Date</h3>        <p class="event-title-text">Sept. 29</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>          <p class="event-title-text">Coastal Coffee</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>        <p class="event-title-text">10 a.m. - noon</p>      </div>    </div>    <!-- EVENT DESCRIPTION -->    <div class="event-description">      <div>        <h3 class="event-title-head">Description</h3>        <!-- ***************************************        ** Place all elements of description HERE **        **************************************** -->        <div itemprop="description">          <p>            Celebrate National Coffee Day at the grand opening of Coastal            Coffee! Join Beach Shops and campus leaders for a ribbon-cutting            ceremony officially welcoming this new coffee destination to The            Beach.          </p>          <p>            The celebration will feature music, small bites and samples of            Coastal Coffee’s drinks. Special offers and giveaways will be            available while supplies last.          </p>          <p>            <b><em>No registration is required. </em></b>          </p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img      class="event-img"      src="images/cal/Fall-2026/WOID274_Coastal_Coffee_Grand_Opening_750x1170_2.jpg"      alt="Event Flier"    />    {loadmoduleid 368}  </div>  <!-- Technically end of right side --></div><!-- End of main-container --><!-- Accordion Test --><script>  document.addEventListener("DOMContentLoaded", function () {    document      .querySelectorAll("#HistoryOfUniversity .acco button")      .forEach((item) => item.addEventListener("click", toggleacco));    function toggleacco() {      const parentAcco = this.closest(".acco");      const itemsInThisAcco = parentAcco.querySelectorAll("button");      const currentStatus = this.getAttribute("aria-expanded");      if (currentStatus == "false") {        // Close all other items        // for (let i = 0; i < itemsInThisAcco.length; i++) {        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");        // }        // Open the clicked item        this.setAttribute("aria-expanded", "true");      } else {        // Close the clicked item        this.setAttribute("aria-expanded", "false");      }    }  });</script>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20260929T151557Z
X-ACCESS:1
X-HITS:346
X-URL:
X-COLOR:F9A600
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20261113T080000
DTEND;TZID=America/Los_Angeles:20261113T200000
UID:6B8A58D5-FD2D-4E40-AE6C-79300D1A7957
SUMMARY:University Bookstore Open House
DTSTAMP:20261030T203609Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #f9a600;\N    border: 0;\N    border-radius: 56px;\N    color: #000;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow:\N      rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px,\N      rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        Nov. 13\N      \N\N      \N      \N        \N          \N            Location\N          University Bookstore\N        \N      \N\N      \N      \N        \N          Time\N        8 a.m. to 8 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          \N            Get a head start on your holiday shopping at the University\N            Bookstore Open House! Find something for everyone on your list,\N            enjoy special savings and celebrate the season with a little Beach\N            spirit.\N          \N          Stop by for: \N          \N            25% off clothing, gifts, supplies and select trade books\N            10% off tech accessories\N            A gift with a purchase of $100 or more\N            Special buys starting at $19.99\N            Bargains starting at 50% off\N            Light refreshments from 11 a.m. to 7 p.m.\N          \N          Free parking will be available in Lot E10 from 4 to 8 p.m.\N          \N            RSVP for the Open House\N            \N          \N          \N            Discount exclusions apply. Offers cannot be combined with other\N              discounts.\N            \N          \N        \N        \N      \N    \N    \N  \N  \N\N  \N  \N    img\N      class="event-img&quot;\N      src=&quot;images/cal/Fall-2026/750x1170_1.jpg&quot;\N      alt=&quot;Event Flier&quot;\N    /&gt;\N\N    {loadmoduleid 368}\N  &lt;/div&gt;\N  &lt;!-- Technically end of right side --&gt;\N&lt;/div&gt;\N&lt;!-- End of main-container --&gt;\N"
X-ALT-DESC;FMTTYPE=text/html:<!--------------------------- Updated October 2026 ----------------------------><style>  .event-title-head {    font-weight: bold;    font-size: 20px;    color: darkgoldenrod;    margin-top: 5px;    margin-bottom: 0;  }  .event-title-text {    font-weight: 500;    font-size: 15px;    line-height: 17px;    font-weight: bold;  }  .event-title-icon {    margin-top: 6px;    display: flex;    justify-content: left;  }  .main-container {    display: flex;    gap: 20px;    max-width: 1600px;    margin: 0 auto;  }  .left-container {    width: 50%;  }  .right-container {    width: 50%;  }  .event-dtl {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    margin-bottom: 20px;    padding: 10px 20px;    display: flex;    justify-content: space-between;  }  .event-description {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    padding: 10px 20px;  }  .event-img {    width: 100%;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    border-radius: 10px;  }  @media (max-width: 960px) {    .main-container {      flex-direction: column;    }    .left-container {      width: 100%;      width: 10px -20px;    }    .right-container {      width: 100%;    }  }  @media (max-width: 500px) {    .event-dtl {      flex-direction: column;      text-align: center;    }    .event-title-icon {      justify-content: center;    }  }  .history-btn {    display: flex;    justify-content: center;  }  .button-71 {    background-color: #f9a600;    border: 0;    border-radius: 56px;    color: #000;    cursor: pointer;    display: inline-block;    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */    font-size: 18px;    font-weight: 600;    outline: 0;    padding: 16px 21px;    position: relative;    text-align: center;    text-decoration: none;    transition: all 0.3s;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;  }  .button-71:before {    background-color: initial;    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);    border-radius: 125px;    content: "";    height: 50%;    left: 4%;    opacity: 0.5;    position: absolute;    top: 0;    transition: all 0.3s;    width: 92%;  }  .button-71:hover {    box-shadow:      rgba(255, 255, 255, 0.2) 0 3px 15px inset,      rgba(0, 0, 0, 0.1) 0 3px 5px,      rgba(0, 0, 0, 0.1) 0 10px 13px;    transform: scale(1.05);  }</style><div class="main-container">  <!-- --------------------     START OF LEFT SIDE   --------------------- -->  <div class="left-container">    <div class="event-dtl">      <!-- DATE -->      <div>        <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>        <p class="event-title-text">Nov. 13</p>      </div>      <!-- LOCATION -->      <div>        <div>          <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>          <p class="event-title-text">University Bookstore</p>        </div>      </div>      <!-- TIME -->      <div>        <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>        <p class="event-title-text">8 a.m. to 8 p.m.</p>      </div>    </div>    <!-- EVENT DESCRIPTION -->    <div class="event-description">      <div>        <h3 class="event-title-head">Description</h3>        <!-- ***************************************        ** Place all elements of description HERE **        **************************************** -->        <div itemprop="description">          <p>            Get a head start on your holiday shopping at the University            Bookstore Open House! Find something for everyone on your list,            enjoy special savings and celebrate the season with a little Beach            spirit.          </p>          <p><b>Stop by for: </b></p>          <ul>            <li>25% off clothing, gifts, supplies and select trade books</li>            <li>10% off tech accessories</li>            <li>A gift with a purchase of $100 or more</li>            <li>Special buys starting at $19.99</li>            <li>Bargains starting at 50% off</li>            <li>Light refreshments from 11 a.m. to 7 p.m.</li>          </ul>          <p>Free parking will be available in Lot E10 from 4 to 8 p.m.</p>          <div class="history-btn">            <a              href="https://forms.cloud.microsoft/Pages/ResponsePage.aspx?id=m2d10dOsREa-gq8EGYKXeoT5_HIp_O5FiXVcDdF7LVZUMUwzTzFHSkhTMkNKQUFRWlRFVVVJUFZCMi4u"            >              <button class="button-71">RSVP for the Open House</button>            </a>          </div>          <p>            <em              >Discount exclusions apply. Offers cannot be combined with other              discounts.            </em>          </p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img      class="event-img"      src="images/cal/Fall-2026/750x1170_1.jpg"      alt="Event Flier"    />    {loadmoduleid 368}  </div>  <!-- Technically end of right side --></div><!-- End of main-container -->
LOCATION:90840 LONG BEACH\, Los Angeles\, United States
GEO:0.00000000;0.00000000
LAST-MODIFIED:20261030T203854Z
X-ACCESS:1
X-HITS:51
X-URL:
X-COLOR:F9A600
END:VEVENT
END:VCALENDAR