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;TZID=America/Los_Angeles:20170406T170000
DTEND;TZID=America/Los_Angeles:20170406T180000
RRULE:FREQ=WEEKLY;BYDAY=TH;INTERVAL=1;UNTIL=20170603T235900Z
EXDATE:20170414T000000Z,20170421T000000Z,20170428T000000Z,20170505T000000Z,20170512T000000Z,20170519T000000Z,20170526T000000Z,20170602T000000Z
UID:EA51E273-3678-4B63-BB37-4143720C9ECD
SUMMARY:Weekly Assembly
DTSTAMP:20170403T211628Z
DESCRIPTION:\N    \N        \N            \N                \N                    \N                        \N                            \N                                \N                                    Date\N                                    Every Thursday\N                                \N                                \N                                    Location\N                                    Farber Senate Chambers\N                                \N                                \N                                    Time\N                                    5 - 6PM\N                                \N                            \N                            !-- \N                                \N                                    Description\N                                    Search "SPEED DATING" on BeachSync to register by Monday, APRIL 3rd.\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">                <div class="row">                    <div class="col-md-12">                        <div class="container-fluid">                            <div class="row">                                <div class="col-md-4">                                    <small>Date</small>                                    <p style="font-weight: 500; font-size: 1.2em;">Every Thursday</p>                                </div>                                <div class="col-md-4">                                    <small>Location</small>                                    <p style="font-weight: 500; font-size: 1.2em;">Farber Senate Chambers</p>                                </div>                                <div class="col-md-4">                                    <small>Time</small>                                    <p style="font-weight: 500; font-size: 1.2em;">5 - 6PM</p>                                </div>                            </div>                            <!-- <div class="row">                                <div class="col-md-12">                                    <small>Description</small>                                    <p style="font-weight: 500; font-size: 1.2em;">Search "<strong>SPEED DATING</strong>" on BeachSync to register by Monday, <strong>APRIL 3rd</strong>.</p>                                </div>                            </div> -->                        </div>                    </div>                </div>                          </div>          </div>        <!-- <div class="col-md-6">            <img src="images/enjoy/calendar/speed-dating-spring-2017-poster.jpg" alt="Speed Dating poster" />        </div> -->    </div></div> 
X-ACCESS:1
X-HITS:0
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20220221T110000
DTEND;TZID=America/Los_Angeles:20220221T170000
RRULE:FREQ=WEEKLY;BYDAY=MO,TU,WE,TH,FR;INTERVAL=1;UNTIL=20220225T235900Z
EXDATE:20220222T190000Z,20220223T190000Z,20220224T190000Z,20220225T190000Z
UID:8AE21E53-F4C1-41DF-848E-A1E8FA172FB5
SUMMARY:A Week to Unwind
DTSTAMP:20211201T184430Z
DESCRIPTION:\N    \N        \N            \N                \N                    \N                        \N                            \N                                Date\N                                    Feb. 21 to Feb. 25\N                                \N                                Location\N                                    USU 313\N                                \N                                Time\N                                    11 a.m. to 6 p.m.\N                                \N                            \N                            \N                                Description\N                                    \N                                        Join the University Student Union (USU)  Beach Balance (BB) for A Week to Unwind, Feb. 21 through Feb. 25 in USU 313. Book a Relaxonchair massage using the SRWC GO app, receive a welcome gift and be entered into an opportunity drawing to win a massage! Visit the USU Beach Balance daily for free spa water, drop-in wellness activities and to find the BB origami crane. The first person to find the BB origami crane each day will receive a $10 Robek's gift card.\N                                        \N                                            Monday: Pony Bead Bracelets\N                                            Tuesday: Origami\N                                            Wednesday: Paper Flowers\N                                            Thursday: Rock Painting\N\N                                        Make sure to stop by the Self-Care Celebration on Feb. 24 for more self-care activities such as dog therapy, caricature portraits and balloon animals.\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-02-22T0700"><small>Date</small>                                    <p style="font-weight: 500; font-size: 1.2em;">Feb. 21 to Feb. 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">USU 313</p>                                </div>                                <div class="col-md-4" itemprop="endDate" content="2022-02-22T2200"><small>Time</small>                                    <p style="font-weight: 500; font-size: 1.2em;">11 a.m. to 6 p.m.</p>                                </div>                            </div>                            <div class="row">                                <div class="col-md-12"><small>Description</small>                                    <div itemprop="description">                                        <p>Join the University Student Union (USU)  Beach Balance (BB) for A Week to Unwind, Feb. 21 through Feb. 25 in USU 313. Book a Relaxonchair massage using the SRWC GO app, receive a welcome gift and be entered into an opportunity drawing to win a massage! Visit the USU Beach Balance daily for free spa water, drop-in wellness activities and to find the BB origami crane. The first person to find the BB origami crane each day will receive a $10 Robek's gift card.</p>                                        <p>                                            Monday: Pony Bead Bracelets<br/>                                            Tuesday: Origami<br/>                                            Wednesday: Paper Flowers<br/>                                            Thursday: Rock Painting</p>                                        <p>Make sure to stop by the Self-Care Celebration on Feb. 24 for more self-care activities such as dog therapy, caricature portraits and balloon animals.</p>                                    </div>                                </div>                            </div>                        </div>                    </div>                </div>            </div>        </div>        <div class="col-md-6"><img src="images/enjoy/calendar/spring-2022/week-to-unwind-poster.jpg" alt="A Week To Unwind poster" /></div>    </div></div>
LAST-MODIFIED:20220221T193300Z
X-ACCESS:1
X-HITS:22
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20221101T100000
DTEND;TZID=America/Los_Angeles:20221101T140000
RRULE:FREQ=WEEKLY;BYDAY=TU;INTERVAL=1;UNTIL=20221206T235900Z
EXDATE:20221108T180000Z,20221115T180000Z,20221122T180000Z,20221129T180000Z,20221206T180000Z
UID:54125C83-E106-4DA0-8FFD-3D49B46BF682
SUMMARY:Weekly Farmer's Market
DTSTAMP:20221028T170218Z
DESCRIPTION:\N\N\N    \N        \N            \N                \N                    \N                        \N                            \N                                \N                                \N                                    Date\N                                    \N                                    Nov. 1 - Dec. 6\N                                \N                                \N                                    Location\N                                    \N                                    \N                                        SRWC Entry Plaza\N                                    \N                                \N                                \N                                    Time\N                                    \N                                    \N                                        10 a.m. - 2 p.m.\N                                    \N                                \N                            \N                            \N                                \N                                    Description\N                                    \N                                    \N                                        \N                                            Every Tuesday from Nov. 1 through Dec. 6. Please note, there will be no Farmer's Market Tuesday, Nov. 22, due to the fall break. \N                                        \N                                        \N                                            Come visit and shop at the weekly Farmer's Market (every Tuesday). The event is open to the entire Long Beach State University (LBSU) community, including surrounding neighbors. Bring your reusable shopping bag and purchase fresh fruits and vegetables or buy lunch with our vendors. No RSVP is required. A parking permit is required for all on-campus parking. \N                                        \N                                    \N                                \N                            \N                        \N                    \N                \N            \N        \N        \N        \N            \N        \N    \N
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events --><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">                                <!-- Edit date -->                                <div class="col-md-4" itemprop="startDate" content="2022-04-11">                                    <small>Date</small>                                    <!-- Update the date per each event -->                                    <p style="font-weight: 500; font-size: 1.2em">Nov. 1 - Dec. 6</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>                                    <!-- Update the name of the location per event -->                                    <p style="font-weight: 500; font-size: 1.2em" itemprop="name">                                        SRWC Entry Plaza</p>                                    </p>                                </div>                                <div class="col-md-4" itemprop="endDate" content="2022-05-09">                                    <small>Time</small>                                    <!-- MUST INCLUDE "." IN A.M./P.M. -->                                    <p style="font-weight: 500; font-size: 1.2em">                                        10 a.m. - 2 p.m.                                    </p>                                </div>                            </div>                            <div class="row">                                <div class="col-md-12">                                    <small>Description</small>                                    <!-- Place all elements of description within their own p tags -->                                    <div itemprop="description">                                        <p>                                            Every Tuesday from Nov. 1 through Dec. 6. Please note, there will be no Farmer's Market Tuesday, Nov. 22, due to the fall break.                                         </p>                                        <p>                                            Come visit and shop at the weekly Farmer's Market (every Tuesday). The event is open to the entire Long Beach State University (LBSU) community, including surrounding neighbors. Bring your reusable shopping bag and purchase fresh fruits and vegetables or buy lunch with our vendors. No RSVP is required. A parking permit is required for all on-campus parking.                                         </p>                                    </div>                                </div>                            </div>                        </div>                    </div>                </div>            </div>        </div>        <!-- Upload largest image to server via Joomla or FileZilla and copy path usually images/enjoy/calander/spring-2022-->        <div class="col-md-6">            <img src="images/enjoy/calendar/fall-2022/Farmers_F22_Cal.jpg" alt="farmers market banner" />        </div>    </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20221109T172428Z
X-ACCESS:1
X-HITS:0
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20230124T100000
DTEND;TZID=America/Los_Angeles:20230124T140000
RRULE:FREQ=WEEKLY;BYDAY=TU;INTERVAL=1;UNTIL=20230425T235900Z
EXDATE:20230131T180000Z,20230207T180000Z,20230214T180000Z,20230221T180000Z,20230228T180000Z,20230307T180000Z,20230314T170000Z,20230321T170000Z,20230328T170000Z,20230404T170000Z,20230411T170000Z,20230418T170000Z,20230425T170000Z
UID:9E38B5E4-426F-4F8D-A3A5-92E151B75AD0
SUMMARY:Farmers Market
DTSTAMP:20230123T175529Z
DESCRIPTION:\N\N\N    \N    \N    \N    \N    \N    \N    \N    Date\N    \N    Jan. 24 - April 25\N    \N    Location\N    \N    SRWC Entry Plaza\N    \N    Time\N    \N    10 a.m. - 2 p.m.\N    \N    \N    \N    Description\N    \N    \N        !--  -->\N           \N            Come visit and shop at the weekly Farmers Market, every Tuesday, starting Jan. 25. \N            The event is open to the entire Long Beach State University (LBSU) community, including surrounding neighbors. \N            Bring your reusable shopping bag and purchase fresh fruits and vegetables or buy lunch with our vendors. \N            No RSVP is required. \N            A parking permit is required for all on-campus parking.\N        \N\N        \N            *Note: There will be no Farmers Market Tuesday, March 28, due to spring break. \N        \N        \N        \N    \N    \N    \N    \N    \N    \N    \N    \N\N    \N        \N    \N    \N    \N    \N
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events --><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-20"><small>Date</small>    <!-- Update the date per each event -->    <p style="font-weight: 500; font-size: 1.2em;">Jan. 24 - April 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>    <!-- Update the name of the location per event -->    <p style="font-weight: 500; font-size: 1.2em;" itemprop="name">SRWC Entry Plaza</p>    </div>    <div class="col-md-4" itemprop="endDate" content="2021-08-23"><small>Time</small>    <!-- MUST INCLUDE "." IN A.M./P.M. -->    <p style="font-weight: 500; font-size: 1.2em;">10 a.m. - 2 p.m.</p>    </div>    </div>    <div class="row">    <div class="col-md-12"><small>Description</small>    <!-- Place all elements of description within their own p tags -->    <div itemprop="description">        <!-- <p></p> -->        <p>               Come visit and shop at the weekly Farmers Market, every Tuesday, starting Jan. 25.             The event is open to the entire Long Beach State University (LBSU) community, including surrounding neighbors.             Bring your reusable shopping bag and purchase fresh fruits and vegetables or buy lunch with our vendors.             No RSVP is required.             A parking permit is required for all on-campus parking.        </p>        <p>            *Note: There will be no Farmers Market Tuesday, March 28, due to spring break.         </p>                    </div>    </div>    </div>    </div>    </div>    </div>    </div>    </div><!-- Upload largest image to server via Joomla or FileZilla and copy path usually images/enjoy/calendar/spring-2022-->    <div class="col-md-6">        <img src="images/enjoy/calendar/spring-2023/SP23_USU_Farmers-Market_dgtl-CalEvent.jpg" alt="mobile beach pantry poster" />        </div>    </div>    </div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20230123T235547Z
X-ACCESS:1
X-HITS:0
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20230213T090000
DTEND;TZID=America/Los_Angeles:20230217T170000
RRULE:FREQ=WEEKLY;BYDAY=MO;INTERVAL=1;UNTIL=20230312T235900Z
EXDATE:20230220T170000Z,20230227T170000Z,20230306T170000Z
UID:A34BAA92-DDF9-4368-A474-4D61ABE46FC8
SUMMARY:Clothing Donation Drive
DTSTAMP:20230214T215519Z
DESCRIPTION:\N    \N        \N            \N                    \N                        \N                            \N                                \N                                \N                                    Description\N                                    \N                                        \N                                            Professional attire can get pricey!\N                                            That is why you should donate your\N                                            gently used business attire and\N                                            accessories to Long Beach State\N                                            University (LBSU) students. Help them\N                                            look their best for interviews,\N                                            business events and professional\N                                            development.\N                                        \N                                        \N                                            We are accepting donations, Monday\N                                            through Friday, from 9 a.m. to 5\N                                            p.m. at the following locations: ASI\N                                            Beach Pantry, Basic Needs Office,\N                                            Career Development Center, The Beach\N                                            on 2nd Street, USU Information\N                                            Center and the University Bookstore.\N                                        \N                                    \N                                \N                            \N                        \N                    \N                \N            \N        \N        \N            img\N                src="images/enjoy/calendar/spring-2023/SP23_USU_BeachPantry_ClothingDrive_dgtl_Calevent.jpg&quot;\N                alt=&quot;Beach Pantry Clothing Poster&quot;\N            /&gt;\N        &lt;/div&gt;\N    &lt;/div&gt;\N&lt;/div&gt;"
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-12-08T19:00"                                >                                    <small>Date</small>                                    <p                                        style="                                            font-weight: 500;                                            font-size: 1.2em;                                        "                                    >                                        Feb. 14 to March 10                                    </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"                                    >                                        Various Locations                                    </p>                                </div>                                <div                                    class="col-md-4"                                    itemprop="endDate"                                    content="2022-12-08T21:00"                                >                                    <small>Time</small>                                    <p                                        style="                                            font-weight: 500;                                            font-size: 1.2em;                                        "                                    >                                        9 a.m. to 5 p.m.                                    </p>                                </div>                            </div>                            <div class="row">                                <div class="col-md-12">                                    <small>Description</small>                                    <div itemprop="description">                                        <p>                                            Professional attire can get pricey!                                            That is why you should donate your                                            gently used business attire and                                            accessories to Long Beach State                                            University (LBSU) students. Help them                                            look their best for interviews,                                            business events and professional                                            development.                                        </p>                                        <p>                                            We are accepting donations, Monday                                            through Friday, from 9 a.m. to 5                                            p.m. at the following locations: ASI                                            Beach Pantry, Basic Needs Office,                                            Career Development Center, The Beach                                            on 2nd Street, USU Information                                            Center and the University Bookstore.                                        </p>                                    </div>                                </div>                            </div>                        </div>                    </div>                </div>            </div>        </div>        <div class="col-md-6">            <img                src="images/enjoy/calendar/spring-2023/SP23_USU_BeachPantry_ClothingDrive_dgtl_Calevent.jpg"                alt="Beach Pantry Clothing Poster"            />        </div>    </div></div>
LAST-MODIFIED:20230214T215933Z
X-ACCESS:1
X-HITS:15
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20230822T100000
DTEND;TZID=America/Los_Angeles:20230822T140000
RRULE:FREQ=WEEKLY;BYDAY=TU;INTERVAL=1;UNTIL=20231205T235900Z
EXDATE:20230829T170000Z,20230905T170000Z,20230912T170000Z,20230919T170000Z,20230926T170000Z,20231003T170000Z,20231010T170000Z,20231017T170000Z,20231024T170000Z,20231031T170000Z,20231107T180000Z,20231114T180000Z,20231121T180000Z,20231128T180000Z,20231205T180000Z
UID:91A51395-62D6-4120-805D-1177A5398987
SUMMARY:Weekly Farmers Market
DTSTAMP:20230809T181431Z
DESCRIPTION:\N\N\N\N    \N        \N            \N                \N                    \N                        \N                            \N                                \N                                \N\N                                    Date\N                                    \N                                    Aug. 22 - Dec. 5\N                                \N                                \N\N                                    Location\N                                    \N                                    \N                                        Friendship Walk\N                                    \N                                \N                                \N\N                                    Time\N                                    \N                                    \N                                        10 a.m. to 2 p.m. \N                                    \N                                \N                            \N\N                            \N                                \N                                    Description\N                                    \N                                    \N                                                                               \N                                        \N                                            Come visit and shop at the Weekly Farmers Market every Tuesday this fall semester! Open to the entire Long Beach State University (LBSU) community, including surrounding neighbors, join ASI from 10 a.m. to 2 p.m. for a little mid-day pick-me-up! Make sure to bring your reusable shopping bag and get ready to purchase refreshing produce and delicious meals provided by our vendors. No RSVP is required. A parking permit is required for all on-campus parking.\N                                        \N                                        \N                                            Please note that there will be no Farmers Market Tuesday, Nov. 21, due to the fall break.\N                                        \N                                                                                                                      \N                                        \N                                        \N\N                                        \N                                        !-- \N                                        Registration Portal\N                                         -->\N                                        \N                                                                                                                                                                \N                                    \N                                \N                            \N                        \N                    \N                \N            \N        \N\N        \N        \N            \N        \N{loadmoduleid 368}\N\N\N\N\N\N\N   \N
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events --><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" style="background-color: white;    border-radius: 20px;    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; margin-bottom: 20px;">                                <!-- Edit date -->                                <div class="col-md-4" itemprop="startDate" content="2022-04-11" ><div style=" margin-top:6px; display: flex; justify-content:left;"><img src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png" style="height:20px; width: 25px;"></img></div>                                    <p style=" font-weight:bold; font-size:20px; color: darkgoldenrod;">Date</p>                                    <!-- Update the date per each event -->                                    <p style="font-weight: 500; font-size: 15px; line-height:17px; font-weight:bold;">Aug. 22 - Dec. 5</p>                                </div>                                <div class="col-md-4" itemprop="location" itemscope="itemscope"                                    itemtype="http://schema.org/Place" ><div style=" margin-top:6px; display: flex; justify-content:left;"><img src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png" style="height:20px; width: 25px;"></img></div>                                    <p itemprop="address" itemscope="itemscope"                                        itemtype="http://schema.org/PostalAddress" style=" font-weight:bold; font-size:20px; color: darkgoldenrod;">Location</p>                                    <!-- Update the name of the location per event -->                                    <p style="font-weight: 500;  font-size: 15px; line-height:17px; font-weight:bold;" itemprop="name">                                        Friendship Walk</p>                                    </p>                                </div>                                <div class="col-md-4" itemprop="endDate" content="2022-05-09" ><div style=" margin-top:6px; display: flex; justify-content:left;"><img src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png" style="height:20px; width: 25px;"></img></div>                                    <p style=" font-weight:bold; font-size:20px; color: darkgoldenrod;">Time</p>                                    <!-- MUST INCLUDE "." IN A.M./P.M. -->                                    <p style="font-weight: 500;  font-size: 15px; line-height:17px; font-weight:bold;">                                        10 a.m. to 2 p.m.                                     </p>                                </div>                            </div>                            <div class="row" style="background-color: white;    border-radius: 20px;    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;">                                <div class="col-md-12">                                    <p style=" font-weight:bold; font-size:20px; color: darkgoldenrod;">Description</p>                                    <!-- Place all elements of description within their own p tags -->                                    <div itemprop="description">                                                                                                                       <p>                                            Come visit and shop at the Weekly Farmers Market every Tuesday this fall semester! Open to the entire Long Beach State University (LBSU) community, including surrounding neighbors, join ASI from 10 a.m. to 2 p.m. for a little mid-day pick-me-up! Make sure to bring your reusable shopping bag and get ready to purchase refreshing produce and delicious meals provided by our vendors. No RSVP is required. A parking permit is required for all on-campus parking.                                        </p>                                        <p>                                            <b>Please note that there will be no Farmers Market Tuesday, Nov. 21, due to the fall break.</b>                                        </p>                                                                                                                                                              <!-- On the event page, after the text "...for detailed information about registering for a table at the event, please visit the registration portal!" create a button that says "Registration Portal" then hyperlink the button to the registration portal page. -->                                        <!-- so here lets add the button and make sure its centered-->                                                                                <!-- <p>                                        <a href="https://www.asicsulb.org/corporate/resources/week-of-welcome"                                            class="btn btn-primary" role="button">Registration Portal</a>                                        </p> -->                                        <!-- add register here button primary -->                                                                                                                                                                                                    </div>                                </div>                            </div>                        </div>                    </div>                </div>            </div>        </div>        <!-- Upload largest image to server via Joomla or FileZilla and copy path usually images/enjoy/calander/spring-2022-->        <div class="col-md-6">            <img style="width:100%;" src="images/enjoy/calendar/summer-2023/SM23_USU_Farmers-Market_dgtl-CalEvent.jpg"                alt="wow banner" />        {loadmoduleid 368}</div></div>   </div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20230908T213734Z
X-ACCESS:1
X-HITS:22
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20230911T090000
DTEND;TZID=America/Los_Angeles:20230911T180000
RRULE:FREQ=WEEKLY;BYDAY=SU;INTERVAL=1;UNTIL=20231010T235900Z
EXDATE:20230917T160000Z,20230924T160000Z,20231001T160000Z,20231008T160000Z
UID:022E3C82-0D59-4232-A984-4F0C838FD293
SUMMARY:Clothing Donation Drive
DTSTAMP:20230907T235417Z
DESCRIPTION:\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\N  \N    \N    \N      \N          \N            \N              \N                  \N                    Date\N                  \N                  Sept. 11 - Oct 10\N                \N\N                \N                \N                  \N                      Location\N                    \N                    See Below\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  9 a.m. to 6 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Professional attire can get pricey! Which is why you\N                      should give your clothes a new life when you donate your\N                      gently used business attire and accessories to the Beach\N                      Pantry! Help your fellow Long Beach State University\N                      (LBSU) students look their best for their future endeavors\N                      such as interviews, business events, professional\N                      development and more!\N                    \N                    \N                      We are accepting donations, Monday through Friday, from 9\N                      a.m. to 6 p.m. at the following locations:\N                    \N                    \N                      Maxson Center (USU 312)\N                      ASI Beach Pantry\N                      Career Development Center\N                      Student Recreation & Wellness Center (SRWC)\N                      University Bookstore\N                      Brotman Hall 377\N                      USU Information Center.\N                    \N                    \N                      Clean out your closet; make a difference; and, help the\N                      students of LBSU look their best! If you're unable to\N                      drop-off items and would still like to donate,\N                      \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/enjoy/calendar/fall-2023/F23_USU_BP_Clothing-Drive_dgtl-Cal-event.jpg&quot;\N        alt=&quot;Clothing Drive banner&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;/div&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;  }  .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);  }</style><div class="container-fluid">  <div class="row">    <!-- --------------------                 START OF LEFT SIDE             --------------------- -->    <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"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  margin-bottom: 20px;                "              >                <!-- DATE -->                <div class="col-md-4" itemprop="startDate" content="2022-08-22">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Date</p>                  <!-- Update the date per each event -->                  <p class="event-title-text">Sept. 11 - Oct 10</p>                </div>                <!-- LOCATION -->                <div>                  <div                    class="col-md-4"                    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>                    <p class="event-title-head">Location</p>                    <!-- Update the date per each event -->                    <p class="event-title-text">See Below</p>                  </div>                </div>                <!-- Time -->                <div class="col-md-4" itemprop="endDate" content="2022-12-18">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Time</p>                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                  <p class="event-title-text">9 a.m. to 6 p.m.</p>                </div>              </div>              <!-- Event Description and Content -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                "              >                <div class="col-md-12">                  <p class="event-title-head">Description</p>                  <!-- Place all elements of description within their own p tags -->                  <div itemprop="description">                    <p>                      Professional attire can get pricey! Which is why you                      should give your clothes a new life when you donate your                      gently used business attire and accessories to the Beach                      Pantry! Help your fellow Long Beach State University                      (LBSU) students look their best for their future endeavors                      such as interviews, business events, professional                      development and more!                    </p>                    <p>                      We are accepting donations, Monday through Friday, from 9                      a.m. to 6 p.m. at the following locations:                    </p>                    <ul>                      <li>Maxson Center (USU 312)</li>                      <li>ASI Beach Pantry</li>                      <li>Career Development Center</li>                      <li>Student Recreation & Wellness Center (SRWC)</li>                      <li>University Bookstore</li>                      <li>Brotman Hall 377</li>                      <li>USU Information Center.</li>                    </ul>                    <p>                      Clean out your closet; make a difference; and, help the                      students of LBSU look their best! If you're unable to                      drop-off items and would still like to donate,                      <a                        href="https://www.amazon.com/hz/wishlist/ls/1E9JBLM9K7FN6?ref_=wl_share"                        ><b>shop our online Amazon Wishlist.</b></a                      >                    </p>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------                START OF RIGHT SIDE            --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/enjoy/calendar/fall-2023/F23_USU_BP_Clothing-Drive_dgtl-Cal-event.jpg"        alt="Clothing Drive banner"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:\;\;\;\;\; 90840 LONG BEACH\, Los Angeles\, United States
GEO:0.00000000;0.00000000
LAST-MODIFIED:20230919T202809Z
X-ACCESS:1
X-HITS:0
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240123T120000
DTEND;TZID=America/Los_Angeles:20240123T140000
RRULE:FREQ=WEEKLY;BYDAY=TU;INTERVAL=1;UNTIL=20240521T235900Z
EXDATE:20240521T190000Z
UID:A5B324BE-892A-4CF0-AC0E-53BBAD20CC9A
SUMMARY:Weekly Farmers Market
DTSTAMP:20240206T205105Z
DESCRIPTION:\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\N  \N    \N    \N      \N          \N            \N              \N                  \N                    Date\N                  \N                  Spring Semester\N                \N\N                \N                \N                  \N                      Location\N                    \N                    Friendship Walk\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  10 a.m. to 2 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    !-- \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/cal/Spring24/SP24_USU_Farmers-Market_dgtl-CalEvent_USU_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Weekly Farmers Market&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;/div&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;  }  .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);  }</style><div class="container-fluid">  <div class="row">    <!-- --------------------                           START OF LEFT SIDE                       --------------------- -->    <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"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  margin-bottom: 20px;                "              >                <!-- DATE -->                <div class="col-md-4" itemprop="startDate" content="2024-1-22">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Date</p>                  <!-- Update the date per each event -->                  <p class="event-title-text">Spring Semester</p>                </div>                <!-- LOCATION -->                <div>                  <div                    class="col-md-4"                    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>                    <p class="event-title-head">Location</p>                    <!-- Update the date per each event -->                    <p class="event-title-text">Friendship Walk</p>                  </div>                </div>                <!-- Time -->                <div class="col-md-4" itemprop="endDate" content="2024-5-24">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Time</p>                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                  <p class="event-title-text">10 a.m. to 2 p.m.</p>                </div>              </div>              <!-- Event Description and Content -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                "              >                <div class="col-md-12">                  <p class="event-title-head">Description</p>                  <!-- Place all elements of description within their own p tags -->                  <div itemprop="description">                    <!-- <div                      style="                        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;                      "                    >                      Location moved to University Student Union Beach Ballroom                      2nd Floor due to weather.                    </div> -->                    <p>                      Come shop at the Weekly Farmers Market every Tuesday this spring semester! Open to the entire Long Beach State University (LBSU) community, including surrounding neighbors, join ASI from 10 a.m. to 2 p.m. for a mid-day pick-me-up! Make sure to bring your reusable shopping bag and get ready to purchase fresh produce and delicious meals provided by our vendors. A parking permit is required for all on-campus parking.                    </p>                                          <div                      style="                        color: #e54268;                        text-align: center;                        font-size: 1.8rem;                        line-height: normal;                        width: 80%;                        padding: 10px;                        border: 1px solid #e54268;                        border-radius: 20px;                        margin: 15px auto;                        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;                      "                    >                    There will be no Farmers Market Tuesday, April 2, due to the spring break.                    </div>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------                          START OF RIGHT SIDE                      --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/cal/Spring24/SP24_USU_Farmers-Market_dgtl-CalEvent_USU_dgtl-CalEvent.jpg"        alt="Weekly Farmers Market"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240213T213024Z
X-ACCESS:1
X-HITS:0
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240129T110000
DTEND;TZID=America/Los_Angeles:20240129T120000
UID:8B739AE7-2E34-499A-BBDA-CF778AC23489
SUMMARY:Back to the Beach Breakfast
DTSTAMP:20240126T165242Z
DESCRIPTION:\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\N  \N    \N    \N      \N          \N            \N              \N                  \N                    Date\N                  \N                  Jan. 29\N                \N\N                \N                \N                  \N                      Location\N                    \N                    ASI Beach Kitchen\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  10 a.m. to 12 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Breakfast is widely acknowledged as the most important\N                      meal of the day. So start your day off right when you join\N                      ASI for Back to the Beach Breakfast! Enjoy FREE pancakes\N                      as you get back to into the school rhythm Jan. 29 from 10\N                      a.m. to 12 p.m. at the ASI Beach Kitchen. Whether you sit\N                      with friends or grab-n-go as you head off to class, let's\N                      begin this semester on a high note together!\N                    \N                  \N\N                  \N                  \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/cal/Spring24/BeachPantry_Back-to-the-Beach-Breakfast_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Cupid at the Beach&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;/div&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;  }  .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);  }</style><div class="container-fluid">  <div class="row">    <!-- --------------------                               START OF LEFT SIDE                           --------------------- -->    <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"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  margin-bottom: 20px;                "              >                <!-- DATE -->                <div class="col-md-4" itemprop="startDate" content="2024-05-2">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Date</p>                  <!-- Update the date per each event -->                  <p class="event-title-text">Jan. 29</p>                </div>                <!-- LOCATION -->                <div>                  <div                    class="col-md-4"                    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>                    <p class="event-title-head">Location</p>                    <!-- Update the date per each event -->                    <p class="event-title-text">ASI Beach Kitchen</p>                  </div>                </div>                <!-- Time -->                <div class="col-md-4" itemprop="endDate" content="2024-5-2">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Time</p>                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                  <p class="event-title-text">10 a.m. to 12 p.m.</p>                </div>              </div>              <!-- Event Description and Content -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                "              >                <div class="col-md-12">                  <p class="event-title-head">Description</p>                  <!-- Place all elements of description within their own p tags -->                  <div itemprop="description">                    <p>                      Breakfast is widely acknowledged as the most important                      meal of the day. So start your day off right when you join                      ASI for Back to the Beach Breakfast! Enjoy FREE pancakes                      as you get back to into the school rhythm Jan. 29 from 10                      a.m. to 12 p.m. at the ASI Beach Kitchen. Whether you sit                      with friends or grab-n-go as you head off to class, let's                      begin this semester on a high note together!                    </p>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------                              START OF RIGHT SIDE                          --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/cal/Spring24/BeachPantry_Back-to-the-Beach-Breakfast_dgtl-CalEvent.jpg"        alt="Cupid at the Beach"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:33.78112505;-118.11376656
X-ACCESS:1
X-HITS:1267
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240211T120000
DTEND;TZID=America/Los_Angeles:20240211T130000
UID:A2B4919A-43A3-4D4B-B3D9-31A3E4DAAC3F
SUMMARY:Test Event
DTSTAMP:20250211T200421Z
DESCRIPTION: \N        body {\N            font-family: Arial, sans-serif;\N            text-align: center;\N            background-color: #121212;\N            color: white;\N            margin: 0;\N            padding: 20px;\N        }\N\N        h1 {\N            font-size: 24px;\N            margin-bottom: 20px;\N        }\N\N        .iframe-container {\N            display: flex;\N            justify-content: center;\N            align-items: center;\N            width: 100%;\N            max-width: 1200px;\N            margin: 50px auto;\N            border-radius: 12px;\N            overflow: hidden;\N            box-shadow: 0px 4px 10px rgba(255, 255, 255, 0.2);\N        }\N\N        .spotify-iframe {\N            width: 100%;\N            height: 200px;\N            border: none;\N        }\N\N        @media (max-width: 768px) {\N            .spotify-iframe {\N                height: 180px;\N            }\N        }\N\N        @media (max-width: 480px) {\N            .spotify-iframe {\N                height: 160px;\N            }\N        }\N    \N\NThis is the top of the event\N\N\NContent goes here\N\N{loadmoduleid 368}\N\N\NPopular Songs v1\N    \N        \N        \N\N    \NPopular Songs v2\N\N \N\N\N\NIndividual Songs v2\N\N \N\N\N    \N\N\N\NThis is the bottom of the event\N
X-ALT-DESC;FMTTYPE=text/html: <style>        body {            font-family: Arial, sans-serif;            text-align: center;            background-color: #121212;            color: white;            margin: 0;            padding: 20px;        }        h1 {            font-size: 24px;            margin-bottom: 20px;        }        .iframe-container {            display: flex;            justify-content: center;            align-items: center;            width: 100%;            max-width: 1200px;            margin: 50px auto;            border-radius: 12px;            overflow: hidden;            box-shadow: 0px 4px 10px rgba(255, 255, 255, 0.2);        }        .spotify-iframe {            width: 100%;            height: 200px;            border: none;        }        @media (max-width: 768px) {            .spotify-iframe {                height: 180px;            }        }        @media (max-width: 480px) {            .spotify-iframe {                height: 160px;            }        }    </style><div style="background-color: pink"><h1>This is the top of the event</h1><br /><p>Content goes here</p><div style="width: 50%">{loadmoduleid 368}</div><div><h2>Popular Songs v1</h2>    <div class="iframe-container">        <iframe class="spotify-iframe"             src="https://open.spotify.com/embed/artist/1zNqQNIdeOUZHb8zbZRFMX?utm_source=generator&theme=0"             allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"             loading="lazy">        </iframe>    </div><h2>Popular Songs v2</h2> <div class="iframe-container"><iframe style="border-radius:12px" src="https://open.spotify.com/embed/artist/1zNqQNIdeOUZHb8zbZRFMX?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe></div><h2>Individual Songs v2</h2> <div class="iframe-container"><iframe style="border-radius:12px" src="https://open.spotify.com/embed/track/0RiRZpuVRbi7oqRdSMwhQY?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>    </div><h1>This is the bottom of the event</h1></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250221T203927Z
X-ACCESS:1
X-HITS:78
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;VALUE=DATE:20240301
DTEND;VALUE=DATE:20240302
RRULE:FREQ=WEEKLY;BYDAY=SU;INTERVAL=1;UNTIL=20240401T235900Z
EXDATE:20240331
UID:6CABF870-85FD-4FAB-829E-44CCD53F851F
SUMMARY:Laurén Chalmers '83 Beach Pantry College Food Drive
DTSTAMP:20240301T221808Z
DESCRIPTION:\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\N  \N    \N    \N      \N          \N            \N              \N                  \N                    Date\N                  \N                  March\N                \N\N                \N                \N                  \N                      Location\N                    \N                    Locations below\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  All Day\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join us in the fight against student hunger! ASI is\N                      excited to present the Laurén Chalmers '83 Beach Pantry\N                      College Food Drive that aims to alleviate food insecurity\N                      among our fellow students! When you donate non-perishable\N                      food items during the months of March and April, you'll\N                      directly aid classmates in accessing essential meals\N                      during challenging times. Together, we can ensure that no\N                      student in our Beach family goes without access to\N                      necessary nourishment.\N                    \N                    \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/cal/Spring24/SP24_BeachPantry_College-Food-Drive-March_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Laurén Chalmers '83 Beach Pantry College Food Drive various locations all March\N        &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;/div&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;  }  .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);  }</style><div class="container-fluid">  <div class="row">    <!-- --------------------                               START OF LEFT SIDE                           --------------------- -->    <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"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  margin-bottom: 20px;                "              >                <!-- DATE -->                <div class="col-md-4" itemprop="startDate" content="2024-05-2">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Date</p>                  <!-- Update the date per each event -->                  <p class="event-title-text">March</p>                </div>                <!-- LOCATION -->                <div>                  <div                    class="col-md-4"                    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>                    <p class="event-title-head">Location</p>                    <!-- Update the date per each event -->                    <p class="event-title-text">Locations below</p>                  </div>                </div>                <!-- Time -->                <div class="col-md-4" itemprop="endDate" content="2024-5-2">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Time</p>                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                  <p class="event-title-text">All Day</p>                </div>              </div>              <!-- Event Description and Content -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                "              >                <div class="col-md-12">                  <p class="event-title-head">Description</p>                  <!-- Place all elements of description within their own p tags -->                  <div itemprop="description">                    <p>                      Join us in the fight against student hunger! ASI is                      excited to present the Laurén Chalmers '83 Beach Pantry                      College Food Drive that aims to alleviate food insecurity                      among our fellow students! When you donate non-perishable                      food items during the months of March and April, you'll                      directly aid classmates in accessing essential meals                      during challenging times. Together, we can ensure that no                      student in our Beach family goes without access to                      necessary nourishment.                    </p>                    <div                      style="                        font-size: 2.25rem;                        font-weight: 600;                        color: #ffc906;                        margin: 10px 0;                      "                    >                      Donation locations for March:                    </div>                    <ul>                      <li>College of Business (COB-200)</li>                      <li>College of Engineering (ECS-662)</li>                      <li>College of Liberal Arts:</li>                      <li>CLA Administration (CLA Dean's Office)</li>                      <li>                        Geography Environmental Science & Policy (LA1-123)                      </li>                      <li>McIntosh Humanities Building (Lobby)</li>                      <li>ATLAS (LA1-102)</li>                      <li>Psychology (PSY-100)</li>                      <li>Economics (SSPA-361A)</li>                      <li>                        College of Natural Science and Mathematics (HSCL-160)                      </li>                    </ul>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------                              START OF RIGHT SIDE                          --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/cal/Spring24/SP24_BeachPantry_College-Food-Drive-March_dgtl-CalEvent.jpg"        alt="Laurén Chalmers '83 Beach Pantry College Food Drive various locations all March        "      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240301T222803Z
X-ACCESS:1
X-HITS:0
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;VALUE=DATE:20240310
DTEND;VALUE=DATE:20240311
UID:6CABF870-85FD-4FAB-829E-44CCD53F851F
RECURRENCE-ID;VALUE=DATE:20240310
SUMMARY:Laurén Chalmers '83 Beach Pantry College Food Drive
DTSTAMP:20240301T221808Z
DESCRIPTION:\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\N  \N    \N    \N      \N          \N            \N              \N                  \N                    Date\N                  \N                  March\N                \N\N                \N                \N                  \N                      Location\N                    \N                    Locations below\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  All Day\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join us in the fight against student hunger! ASI is\N                      excited to present the Laurén Chalmers '83 Beach Pantry\N                      College Food Drive that aims to alleviate food insecurity\N                      among our fellow students! When you donate non-perishable\N                      food items during the months of March and April, you'll\N                      directly aid classmates in accessing essential meals\N                      during challenging times. Together, we can ensure that no\N                      student in our Beach family goes without access to\N                      necessary nourishment.\N                    \N                    \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/cal/Spring24/SP24_BeachPantry_College-Food-Drive-March_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Laurén Chalmers '83 Beach Pantry College Food Drive various locations all March\N        &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;/div&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;  }  .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);  }</style><div class="container-fluid">  <div class="row">    <!-- --------------------                               START OF LEFT SIDE                           --------------------- -->    <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"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  margin-bottom: 20px;                "              >                <!-- DATE -->                <div class="col-md-4" itemprop="startDate" content="2024-05-2">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Date</p>                  <!-- Update the date per each event -->                  <p class="event-title-text">March</p>                </div>                <!-- LOCATION -->                <div>                  <div                    class="col-md-4"                    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>                    <p class="event-title-head">Location</p>                    <!-- Update the date per each event -->                    <p class="event-title-text">Locations below</p>                  </div>                </div>                <!-- Time -->                <div class="col-md-4" itemprop="endDate" content="2024-5-2">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Time</p>                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                  <p class="event-title-text">All Day</p>                </div>              </div>              <!-- Event Description and Content -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                "              >                <div class="col-md-12">                  <p class="event-title-head">Description</p>                  <!-- Place all elements of description within their own p tags -->                  <div itemprop="description">                    <p>                      Join us in the fight against student hunger! ASI is                      excited to present the Laurén Chalmers '83 Beach Pantry                      College Food Drive that aims to alleviate food insecurity                      among our fellow students! When you donate non-perishable                      food items during the months of March and April, you'll                      directly aid classmates in accessing essential meals                      during challenging times. Together, we can ensure that no                      student in our Beach family goes without access to                      necessary nourishment.                    </p>                    <div                      style="                        font-size: 2.25rem;                        font-weight: 600;                        color: #ffc906;                        margin: 10px 0;                      "                    >                      Donation locations for March:                    </div>                    <ul>                      <li>College of Business (COB-200)</li>                      <li>College of Engineering (ECS-662)</li>                      <li>College of Liberal Arts:</li>                      <li>CLA Administration (CLA Dean's Office)</li>                      <li>                        Geography Environmental Science & Policy (LA1-123)                      </li>                      <li>McIntosh Humanities Building (Lobby)</li>                      <li>ATLAS (LA1-102)</li>                      <li>Psychology (PSY-100)</li>                      <li>Economics (SSPA-361A)</li>                      <li>                        College of Natural Science and Mathematics (HSCL-160)                      </li>                    </ul>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------                              START OF RIGHT SIDE                          --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/cal/Spring24/SP24_BeachPantry_College-Food-Drive-March_dgtl-CalEvent.jpg"        alt="Laurén Chalmers '83 Beach Pantry College Food Drive various locations all March        "      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240306T232328Z
X-ACCESS:1
X-HITS:1172
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;VALUE=DATE:20240317
DTEND;VALUE=DATE:20240318
UID:6CABF870-85FD-4FAB-829E-44CCD53F851F
RECURRENCE-ID;VALUE=DATE:20240317
SUMMARY:Laurén Chalmers '83 Beach Pantry College Food Drive
DTSTAMP:20240301T221808Z
DESCRIPTION:\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\N  \N    \N    \N      \N          \N            \N              \N                  \N                    Date\N                  \N                  March\N                \N\N                \N                \N                  \N                      Location\N                    \N                    Locations below\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  All Day\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join us in the fight against student hunger! ASI is\N                      excited to present the Laurén Chalmers '83 Beach Pantry\N                      College Food Drive that aims to alleviate food insecurity\N                      among our fellow students! When you donate non-perishable\N                      food items during the months of March and April, you'll\N                      directly aid classmates in accessing essential meals\N                      during challenging times. Together, we can ensure that no\N                      student in our Beach family goes without access to\N                      necessary nourishment.\N                    \N                    \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/cal/Spring24/SP24_BeachPantry_College-Food-Drive-March_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Laurén Chalmers '83 Beach Pantry College Food Drive various locations all March\N        &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;/div&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;  }  .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);  }</style><div class="container-fluid">  <div class="row">    <!-- --------------------                               START OF LEFT SIDE                           --------------------- -->    <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"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  margin-bottom: 20px;                "              >                <!-- DATE -->                <div class="col-md-4" itemprop="startDate" content="2024-05-2">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Date</p>                  <!-- Update the date per each event -->                  <p class="event-title-text">March</p>                </div>                <!-- LOCATION -->                <div>                  <div                    class="col-md-4"                    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>                    <p class="event-title-head">Location</p>                    <!-- Update the date per each event -->                    <p class="event-title-text">Locations below</p>                  </div>                </div>                <!-- Time -->                <div class="col-md-4" itemprop="endDate" content="2024-5-2">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Time</p>                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                  <p class="event-title-text">All Day</p>                </div>              </div>              <!-- Event Description and Content -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                "              >                <div class="col-md-12">                  <p class="event-title-head">Description</p>                  <!-- Place all elements of description within their own p tags -->                  <div itemprop="description">                    <p>                      Join us in the fight against student hunger! ASI is                      excited to present the Laurén Chalmers '83 Beach Pantry                      College Food Drive that aims to alleviate food insecurity                      among our fellow students! When you donate non-perishable                      food items during the months of March and April, you'll                      directly aid classmates in accessing essential meals                      during challenging times. Together, we can ensure that no                      student in our Beach family goes without access to                      necessary nourishment.                    </p>                    <div                      style="                        font-size: 2.25rem;                        font-weight: 600;                        color: #ffc906;                        margin: 10px 0;                      "                    >                      Donation locations for March:                    </div>                    <ul>                      <li>College of Business (COB-200)</li>                      <li>College of Engineering (ECS-662)</li>                      <li>College of Liberal Arts:</li>                      <li>CLA Administration (CLA Dean's Office)</li>                      <li>                        Geography Environmental Science & Policy (LA1-123)                      </li>                      <li>McIntosh Humanities Building (Lobby)</li>                      <li>ATLAS (LA1-102)</li>                      <li>Psychology (PSY-100)</li>                      <li>Economics (SSPA-361A)</li>                      <li>                        College of Natural Science and Mathematics (HSCL-160)                      </li>                    </ul>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------                              START OF RIGHT SIDE                          --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/cal/Spring24/SP24_BeachPantry_College-Food-Drive-March_dgtl-CalEvent.jpg"        alt="Laurén Chalmers '83 Beach Pantry College Food Drive various locations all March        "      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240306T232606Z
X-ACCESS:1
X-HITS:721
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;VALUE=DATE:20240324
DTEND;VALUE=DATE:20240325
UID:6CABF870-85FD-4FAB-829E-44CCD53F851F
RECURRENCE-ID;VALUE=DATE:20240324
SUMMARY:Laurén Chalmers '83 Beach Pantry College Food Drive
DTSTAMP:20240301T221808Z
DESCRIPTION:\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\N  \N    \N    \N      \N          \N            \N              \N                  \N                    Date\N                  \N                  March\N                \N\N                \N                \N                  \N                      Location\N                    \N                    Locations below\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  All Day\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join us in the fight against student hunger! ASI is\N                      excited to present the Laurén Chalmers '83 Beach Pantry\N                      College Food Drive that aims to alleviate food insecurity\N                      among our fellow students! When you donate non-perishable\N                      food items during the months of March and April, you'll\N                      directly aid classmates in accessing essential meals\N                      during challenging times. Together, we can ensure that no\N                      student in our Beach family goes without access to\N                      necessary nourishment.\N                    \N                    \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/cal/Spring24/SP24_BeachPantry_College-Food-Drive-March_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Laurén Chalmers '83 Beach Pantry College Food Drive various locations all March\N        &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;/div&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;  }  .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);  }</style><div class="container-fluid">  <div class="row">    <!-- --------------------                               START OF LEFT SIDE                           --------------------- -->    <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"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  margin-bottom: 20px;                "              >                <!-- DATE -->                <div class="col-md-4" itemprop="startDate" content="2024-05-2">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Date</p>                  <!-- Update the date per each event -->                  <p class="event-title-text">March</p>                </div>                <!-- LOCATION -->                <div>                  <div                    class="col-md-4"                    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>                    <p class="event-title-head">Location</p>                    <!-- Update the date per each event -->                    <p class="event-title-text">Locations below</p>                  </div>                </div>                <!-- Time -->                <div class="col-md-4" itemprop="endDate" content="2024-5-2">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Time</p>                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                  <p class="event-title-text">All Day</p>                </div>              </div>              <!-- Event Description and Content -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                "              >                <div class="col-md-12">                  <p class="event-title-head">Description</p>                  <!-- Place all elements of description within their own p tags -->                  <div itemprop="description">                    <p>                      Join us in the fight against student hunger! ASI is                      excited to present the Laurén Chalmers '83 Beach Pantry                      College Food Drive that aims to alleviate food insecurity                      among our fellow students! When you donate non-perishable                      food items during the months of March and April, you'll                      directly aid classmates in accessing essential meals                      during challenging times. Together, we can ensure that no                      student in our Beach family goes without access to                      necessary nourishment.                    </p>                    <div                      style="                        font-size: 2.25rem;                        font-weight: 600;                        color: #ffc906;                        margin: 10px 0;                      "                    >                      Donation locations for March:                    </div>                    <ul>                      <li>College of Business (COB-200)</li>                      <li>College of Engineering (ECS-662)</li>                      <li>College of Liberal Arts:</li>                      <li>CLA Administration (CLA Dean's Office)</li>                      <li>                        Geography Environmental Science & Policy (LA1-123)                      </li>                      <li>McIntosh Humanities Building (Lobby)</li>                      <li>ATLAS (LA1-102)</li>                      <li>Psychology (PSY-100)</li>                      <li>Economics (SSPA-361A)</li>                      <li>                        College of Natural Science and Mathematics (HSCL-160)                      </li>                    </ul>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------                              START OF RIGHT SIDE                          --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/cal/Spring24/SP24_BeachPantry_College-Food-Drive-March_dgtl-CalEvent.jpg"        alt="Laurén Chalmers '83 Beach Pantry College Food Drive various locations all March        "      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240306T232627Z
X-ACCESS:1
X-HITS:697
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;VALUE=DATE:20240305
DTEND;VALUE=DATE:20240306
UID:70062601-BCF3-4664-A168-4E79ECAE167A
SUMMARY:Career Clothing Donation Drive (LAST DAY)
DTSTAMP:20240206T160640Z
DESCRIPTION:\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\N  \N    \N    \N      \N          \N            \N              \N                  \N                    Date\N                  \N                  Feb. 1 through March 5\N                \N\N                \N                \N                  \N                      Location\N                    \N                    See Below\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  All day\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Professional attire can get pricey! Which is why you\N                      should give your clothes a new life when you donate your\N                      gently used business attire and accessories to the Beach\N                      Pantry! Help Long Beach State University (LBSU) students\N                      look their best for their future endeavors such as\N                      interviews, business events, professional development and\N                      more!\N                    \N                    \N                      We are accepting donations at the following locations\N                      during their regular business hours:\N                    \N                    \N                      University Student Union (USU) \N                      \N                        Information Center\N                        Maxson Center (USU 312)\N                        ASI Beach Pantry\N                      \N                      Brotman Hall (BH)\N                      \N                        Student Affairs Office (BH 377)\N                        Career Development Center (BH 250)\N                      \N                      \N                        Student Recreation & Wellness Center (SRWC)\N                      \N                      University Bookstore\N                      Downtown Long Beach Alliance\N                      \N                        \N                          100 W. Broadway, Ste. 235\N                          Long Beach, CA 90802\N                        \N                      \N                    \N                    \N                      Clean out your closet; make a difference; and help the\N                      students of LBSU look their best! If you're unable to\N                      drop-off items and would still like to donate,\N                      \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/cal/Spring24/SP24_BeachKitchn_Clothing-Drive_dgtl_CALEVENT_4.jpg&quot;\N        alt=&quot;Career Clothing Donation Drive&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;/div&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;  }  .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);  }</style><div class="container-fluid">  <div class="row">    <!-- --------------------                             START OF LEFT SIDE                         --------------------- -->    <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"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  margin-bottom: 20px;                "              >                <!-- DATE -->                <div class="col-md-4" itemprop="startDate" content="2024-3-5">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Date</p>                  <!-- Update the date per each event -->                  <p class="event-title-text">Feb. 1 through March 5</p>                </div>                <!-- LOCATION -->                <div>                  <div                    class="col-md-4"                    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>                    <p class="event-title-head">Location</p>                    <!-- Update the date per each event -->                    <p class="event-title-text">See Below</p>                  </div>                </div>                <!-- Time -->                <div class="col-md-4" itemprop="endDate" content="2024-3-5">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Time</p>                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                  <p class="event-title-text">All day</p>                </div>              </div>              <!-- Event Description and Content -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                "              >                <div class="col-md-12">                  <p class="event-title-head">Description</p>                  <!-- Place all elements of description within their own p tags -->                  <div itemprop="description">                    <p>                      Professional attire can get pricey! Which is why you                      should give your clothes a new life when you donate your                      gently used business attire and accessories to the Beach                      Pantry! Help Long Beach State University (LBSU) students                      look their best for their future endeavors such as                      interviews, business events, professional development and                      more!                    </p>                    <p>                      We are accepting donations at the following locations                      during their regular business hours:                    </p>                    <ul>                      <li><b>University Student Union (USU) </b></li>                      <ul>                        <li>Information Center</li>                        <li>Maxson Center (USU 312)</li>                        <li>ASI Beach Pantry</li>                      </ul>                      <li><b>Brotman Hall (BH)</b></li>                      <ul>                        <li>Student Affairs Office (BH 377)</li>                        <li>Career Development Center (BH 250)</li>                      </ul>                      <li>                        <b>Student Recreation & Wellness Center (SRWC)</b>                      </li>                      <li><b>University Bookstore</b></li>                      <li><b>Downtown Long Beach Alliance</b></li>                      <ul>                        <li>                          100 W. Broadway, Ste. 235<br />                          Long Beach, CA 90802                        </li>                      </ul>                    </ul>                    <p>                      Clean out your closet; make a difference; and help the                      students of LBSU look their best! If you're unable to                      drop-off items and would still like to donate,                      <a                        href="https://www.amazon.com/hz/wishlist/ls/1E9JBLM9K7FN6?ref_=wl_share"                        target="_blank"                        rel="noopener noreferrer"                      ><b>shop our online Amazon Wishlist</b></a                      >.                    </p>                    <p>                      For any questions, email                      <a href="mailto:asi-pantry@csulb.edu"                        ><b>asi-pantry@csulb.edu</b></a                      >.                    </p>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------                            START OF RIGHT SIDE                        --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/cal/Spring24/SP24_BeachKitchn_Clothing-Drive_dgtl_CALEVENT_4.jpg"        alt="Career Clothing Donation Drive"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240206T161155Z
X-ACCESS:1
X-HITS:1281
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240308T110000
DTEND;TZID=America/Los_Angeles:20240308T120000
UID:806ECD6B-14C7-4DCA-BED3-FC054BA5F844
SUMMARY:Lauren Chalmers '83 Beach Pantry Ribbon Cutting
DTSTAMP:20240228T214050Z
DESCRIPTION:\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\N  \N    \N    \N      \N          \N            \N              \N                  \N                    Date\N                  \N                  March 8\N                \N\N                \N                \N                  \N                      Location\N                    \N                    \N                      Laurén Chalmers '83 Beach Pantry\N                    \N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  11 a.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      ASI is thrilled to invite you to be part of the momentous\N                      occasion as we dedicate and rename the beloved ASI Beach\N                      Pantry to the Laurén Chalmers '83 Beach Pantry. Join us\N                      for this momentous occasion as we hear from our campus\N                      partners, administration, and Mrs. Laurén Chalmers,\N                      followed by a ribbon-cutting ceremony on March 8 at 11\N                      a.m. at the Laurén Chalmers '83 Beach Pantry, formerly\N                      known as the ASI Beach Pantry.\N                    \N                    \N                      As an alumna of Long Beach State University (LBSU), Laurén\N                      Chalmers earned her bachelor's of science degree in\N                      marketing in 1983. During her time on campus, she was an\N                      active member of Alpha Phi Sorority. She also dedicated\N                      her time to several charitable causes, including the Big\N                      Brothers Big Sisters of Orange County and Inland Empire,\N                      and the Orange County Museum of Art. Laurén holds a\N                      position on the Board of Trustees for the Orange County\N                      Museum of Art. We are so grateful for the Chalmers’\N                      generous support and the positive impact they will have on\N                      today's and future students' lives. RSVPs are highly\N                      encouraged to join us for this occasion! Please visit\N                      \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/cal/Spring24/USU_SP24_Lauren_Chalmers_83_Beach_Pantry_Ribbon_Cutting-dglt-Cal-event_USU_dgtl-CalEvent_copy_8.jpg&quot;\N        alt=&quot;Movies on the House&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;/div&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;  }  .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);  }</style><div class="container-fluid">  <div class="row">    <!-- --------------------                               START OF LEFT SIDE                           --------------------- -->    <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"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  margin-bottom: 20px;                "              >                <!-- DATE -->                <div class="col-md-4" itemprop="startDate" content="2024-03-08">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Date</p>                  <!-- Update the date per each event -->                  <p class="event-title-text">March 8</p>                </div>                <!-- LOCATION -->                <div>                  <div                    class="col-md-4"                    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>                    <p class="event-title-head">Location</p>                    <!-- Update the date per each event -->                    <p class="event-title-text">                      Laurén Chalmers '83 Beach Pantry                    </p>                  </div>                </div>                <!-- Time -->                <div class="col-md-4" itemprop="endDate" content="2024-03-08">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Time</p>                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                  <p class="event-title-text">11 a.m.</p>                </div>              </div>              <!-- Event Description and Content -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                "              >                <div class="col-md-12">                  <p class="event-title-head">Description</p>                  <!-- Place all elements of description within their own p tags -->                  <div itemprop="description">                    <p>                      ASI is thrilled to invite you to be part of the momentous                      occasion as we dedicate and rename the beloved ASI Beach                      Pantry to the Laurén Chalmers '83 Beach Pantry. Join us                      for this momentous occasion as we hear from our campus                      partners, administration, and Mrs. Laurén Chalmers,                      followed by a ribbon-cutting ceremony on March 8 at 11                      a.m. at the Laurén Chalmers '83 Beach Pantry, formerly                      known as the ASI Beach Pantry.                    </p>                    <p>                      As an alumna of Long Beach State University (LBSU), Laurén                      Chalmers earned her bachelor's of science degree in                      marketing in 1983. During her time on campus, she was an                      active member of Alpha Phi Sorority. She also dedicated                      her time to several charitable causes, including the Big                      Brothers Big Sisters of Orange County and Inland Empire,                      and the Orange County Museum of Art. Laurén holds a                      position on the Board of Trustees for the Orange County                      Museum of Art. We are so grateful for the Chalmers’                      generous support and the positive impact they will have on                      today's and future students' lives. RSVPs are highly                      encouraged to join us for this occasion! Please visit                      <a                        href="https://csulb.campuslabs.com/engage/event/9899144"                        target="_blank"                        rel="noopener noreferrer"                        ><b>Events & Orgs</b></a                      >                      to secure your spot.                    </p>                    <div                      style="                        color: #337ab7;                        text-align: center;                        font-size: 1.2rem;                        width: 80%;                        padding: 20px;                        border: 1px solid #f9a600;                        border-radius: 20px;                        margin: 15px auto;                        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;                        line-height: 1.5;                      "                    >                      For questions or more information, please contact                      <a href="mailto:David.Roman@csulb.edu"                        ><b>David.Roman@csulb.edu</b></a                      >.                    </div>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------                              START OF RIGHT SIDE                          --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/cal/Spring24/USU_SP24_Lauren_Chalmers_83_Beach_Pantry_Ribbon_Cutting-dglt-Cal-event_USU_dgtl-CalEvent_copy_8.jpg"        alt="Movies on the House"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240228T214641Z
X-ACCESS:1
X-HITS:1677
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;VALUE=DATE:20240331
DTEND;VALUE=DATE:20240401
RRULE:FREQ=WEEKLY;BYDAY=SU;INTERVAL=1;UNTIL=20240501T235900Z
UID:C0E10BB5-1E75-4C4D-A884-46FEA0271AF7
SUMMARY:Laurén Chalmers '83 Beach Pantry College Food Drive
DTSTAMP:20240301T221808Z
DESCRIPTION:\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\N  \N    \N    \N      \N          \N            \N              \N                  \N                    Date\N                  \N                  April\N                \N\N                \N                \N                  \N                      Location\N                    \N                    Locations below\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  All Day\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join us in the fight against student hunger! ASI is\N                      excited to present the Laurén Chalmers '83 Beach Pantry\N                      College Food Drive that aims to alleviate food insecurity\N                      among our fellow students! When you donate non-perishable\N                      food items during the months of April, you'll directly aid\N                      classmates in accessing essential meals during challenging\N                      times. Together, we can ensure that no student in our\N                      Beach family goes without access to necessary nourishment.\N                    \N                    \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/cal/Spring24/SP24_BeachPantry_College-Food-Drive-April_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Laurén Chalmers '83 Beach Pantry College Food Drive various locations all March\N        &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;/div&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;  }  .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);  }</style><div class="container-fluid">  <div class="row">    <!-- --------------------                               START OF LEFT SIDE                           --------------------- -->    <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"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  margin-bottom: 20px;                "              >                <!-- DATE -->                <div class="col-md-4" itemprop="startDate" content="2024-05-2">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Date</p>                  <!-- Update the date per each event -->                  <p class="event-title-text">April</p>                </div>                <!-- LOCATION -->                <div>                  <div                    class="col-md-4"                    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>                    <p class="event-title-head">Location</p>                    <!-- Update the date per each event -->                    <p class="event-title-text">Locations below</p>                  </div>                </div>                <!-- Time -->                <div class="col-md-4" itemprop="endDate" content="2024-5-2">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Time</p>                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                  <p class="event-title-text">All Day</p>                </div>              </div>              <!-- Event Description and Content -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                "              >                <div class="col-md-12">                  <p class="event-title-head">Description</p>                  <!-- Place all elements of description within their own p tags -->                  <div itemprop="description">                    <p>                      Join us in the fight against student hunger! ASI is                      excited to present the Laurén Chalmers '83 Beach Pantry                      College Food Drive that aims to alleviate food insecurity                      among our fellow students! When you donate non-perishable                      food items during the months of April, you'll directly aid                      classmates in accessing essential meals during challenging                      times. Together, we can ensure that no student in our                      Beach family goes without access to necessary nourishment.                    </p>                    <div                      style="                        font-size: 1.5rem;                        font-weight: 600;                        color: #ffc906;                        margin: 10px 0;                      "                    >                      Donation locations for April:                    </div>                    <ul>                      <li>College of Education (ED):</li>                      <li>ED1 Lobby</li>                      <li>ED2 Lobby</li>                      <li>College of Health & Human Services (CHHS):</li>                      <li>CHHS Deans Office (ET-200)</li>                      <li>School of Nursing (NUR-60)</li>                      <li>                        Department of Speech-Language Pathology (SLP LAB-102)                      </li>                      <li>                        Department of Family and Consumer Services (FCS-1)                      </li>                      <li>College of Arts (COTA):</li>                      <li>COTA (Academic Services-115)</li>                      <li>School of Art (FA4-106)</li>                      <li>Bob Cole Conservatory of Music (UMC-C304)</li>                      <li>Department of Dance (DC-S131)</li>                      <li>Department of Design (DESN-101)</li>                      <li>Department of Film & Electronic Arts (UTC-104)</li>                      <li>Department of Theatre Arts (TA-221)</li>                      <li>Carpenter Performing Arts Center (CPAC Lobby)</li>                    </ul>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------                              START OF RIGHT SIDE                          --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/cal/Spring24/SP24_BeachPantry_College-Food-Drive-April_dgtl-CalEvent.jpg"        alt="Laurén Chalmers '83 Beach Pantry College Food Drive various locations all March        "      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240306T232249Z
X-ACCESS:1
X-HITS:25
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;VALUE=DATE:20240331
DTEND;VALUE=DATE:20240401
UID:C0E10BB5-1E75-4C4D-A884-46FEA0271AF7
RECURRENCE-ID;VALUE=DATE:20240331
SUMMARY:Laurén Chalmers '83 Beach Pantry College Food Drive
DTSTAMP:20240301T221808Z
DESCRIPTION:\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\N  \N    \N    \N      \N          \N            \N              \N                  \N                    Date\N                  \N                  April\N                \N\N                \N                \N                  \N                      Location\N                    \N                    Locations below\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  All Day\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join us in the fight against student hunger! ASI is\N                      excited to present the Laurén Chalmers '83 Beach Pantry\N                      College Food Drive that aims to alleviate food insecurity\N                      among our fellow students! When you donate non-perishable\N                      food items during the months of April, you'll directly aid\N                      classmates in accessing essential meals during challenging\N                      times. Together, we can ensure that no student in our\N                      Beach family goes without access to necessary nourishment.\N                    \N                    \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/cal/Spring24/SP24_BeachPantry_College-Food-Drive-April_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Laurén Chalmers '83 Beach Pantry College Food Drive various locations all March\N        &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;/div&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;  }  .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);  }</style><div class="container-fluid">  <div class="row">    <!-- --------------------                               START OF LEFT SIDE                           --------------------- -->    <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"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  margin-bottom: 20px;                "              >                <!-- DATE -->                <div class="col-md-4" itemprop="startDate" content="2024-05-2">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Date</p>                  <!-- Update the date per each event -->                  <p class="event-title-text">April</p>                </div>                <!-- LOCATION -->                <div>                  <div                    class="col-md-4"                    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>                    <p class="event-title-head">Location</p>                    <!-- Update the date per each event -->                    <p class="event-title-text">Locations below</p>                  </div>                </div>                <!-- Time -->                <div class="col-md-4" itemprop="endDate" content="2024-5-2">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Time</p>                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                  <p class="event-title-text">All Day</p>                </div>              </div>              <!-- Event Description and Content -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                "              >                <div class="col-md-12">                  <p class="event-title-head">Description</p>                  <!-- Place all elements of description within their own p tags -->                  <div itemprop="description">                    <p>                      Join us in the fight against student hunger! ASI is                      excited to present the Laurén Chalmers '83 Beach Pantry                      College Food Drive that aims to alleviate food insecurity                      among our fellow students! When you donate non-perishable                      food items during the months of April, you'll directly aid                      classmates in accessing essential meals during challenging                      times. Together, we can ensure that no student in our                      Beach family goes without access to necessary nourishment.                    </p>                    <div                      style="                        font-size: 1.5rem;                        font-weight: 600;                        color: #ffc906;                        margin: 10px 0;                      "                    >                      Donation locations for April:                    </div>                    <ul>                      <li>College of Education (ED):</li>                      <li>ED1 Lobby</li>                      <li>ED2 Lobby</li>                      <li>College of Health & Human Services (CHHS):</li>                      <li>CHHS Deans Office (ET-200)</li>                      <li>School of Nursing (NUR-60)</li>                      <li>                        Department of Speech-Language Pathology (SLP LAB-102)                      </li>                      <li>                        Department of Family and Consumer Services (FCS-1)                      </li>                      <li>College of Arts (COTA):</li>                      <li>COTA (Academic Services-115)</li>                      <li>School of Art (FA4-106)</li>                      <li>Bob Cole Conservatory of Music (UMC-C304)</li>                      <li>Department of Dance (DC-S131)</li>                      <li>Department of Design (DESN-101)</li>                      <li>Department of Film & Electronic Arts (UTC-104)</li>                      <li>Department of Theatre Arts (TA-221)</li>                      <li>Carpenter Performing Arts Center (CPAC Lobby)</li>                    </ul>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------                              START OF RIGHT SIDE                          --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/cal/Spring24/SP24_BeachPantry_College-Food-Drive-April_dgtl-CalEvent.jpg"        alt="Laurén Chalmers '83 Beach Pantry College Food Drive various locations all March        "      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240306T232658Z
X-ACCESS:1
X-HITS:988
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240422T150000
DTEND;TZID=America/Los_Angeles:20240422T160000
UID:D094EA40-C63E-483D-BA2A-F201BCAD6616
SUMMARY:Meatless Monday
DTSTAMP:20240416T183543Z
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    .event-container {\N      display: flex;\N      gap: 20px;\N    }\N    .event-left,\N    .event-right {\N      width: 50%;\N    }\N    .event-location,\N    .event-time,\N    .event-date {\N      display: flex;\N      gap: 10px;\N    }\N    .date-icon,\N    .time-icon,\N    .location-icon {\N      height: 25px !important;\N    }\N    .event-dtl {\N      display: flex;\N      justify-content: space-between;\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    .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    .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      .event-left,\N      .event-right {\N        width: 100%;\N      }\N    }\N    @media (max-width: 700px) {\N      .event-location,\N      .event-time,\N      .event-date {\N        flex-direction: column;\N        justify-content: center;\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      .date-icon,\N      .time-icon,\N      .location-icon {\N        margin: 0 auto;\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                Date\N            \N            April 22\N          \N  \N          \N          \N            \N              \N                  Location\N              \N              ASI Beach Kitchen\N            \N          \N  \N          \N          \N            \N              \N                Time\N            \N            3 to 4 p.m.\N          \N        \N      \N  \N      \N      \N        \N          Description\N          \N            \N            !-- Lorem ipsum dolor sit amet. -->\N            \N            \N                Sustain U has partnered up with Long Beach State University's (LBSU) campus police to bring you Meatless Monday! Join us April 22, from 3 to 4 p.m., at the ASI Beach Kitchen for an immersive culinary experience where you'll learn how to create a vegan-inspired meal from our very own LBSU police officers. But wait, there's more! All participants will have the chance to win enticing prizes as they embark on this flavorful journey. Secure your spot when you RSVP at Events & Orgs.\N            \N          \N        \N      \N    \N  \N    \N    \N      \N        img\N          style="width: 100%; margin-bottom: 20px&quot;\N          src=&quot;images/cal/Spring24/SP24_SustainU_Meatless-Monday_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Meatless Monday April 22 from 3 - 4 pm. in Beach Kitchen&quot;\N        /&gt;\N  \N        {loadmoduleid 368}\N      &lt;/div&gt;\N    &lt;/div&gt;\N  &lt;/div&gt;\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"                  alt="date-icon"                />              </div>              <p class="event-title-head">Date</p>            </div>            <p class="event-title-text event-title-text-line">April 22</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"                    alt="location-icon"                  />                </div>                <p class="event-title-head">Location</p>              </div>              <p class="event-title-text event-title-text-line">ASI Beach Kitchen</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"                  alt="time-icon"                />              </div>              <p class="event-title-head">Time</p>            </div>            <p class="event-title-text">3 to 4 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>                Sustain U has partnered up with Long Beach State University's (LBSU) campus police to bring you Meatless Monday! Join us April 22, from 3 to 4 p.m., at the ASI Beach Kitchen for an immersive culinary experience where you'll learn how to create a vegan-inspired meal from our very own LBSU police officers. But wait, there's more! All participants will have the chance to win enticing prizes as they embark on this flavorful journey. Secure your spot when you RSVP at <a href="https://csulb.campuslabs.com/engage/event/10071584" target="_blank" rel="noopener noreferrer"><b>Events & Orgs</b></a>.            </p>          </div>        </div>      </div>    </div>      <!-- *********************        START OF RIGHT SIDE    ********************** -->    <div class="event-right">      <div>        <img          style="width: 100%; margin-bottom: 20px"          src="images/cal/Spring24/SP24_SustainU_Meatless-Monday_dgtl-CalEvent.jpg"          alt="Meatless Monday April 22 from 3 - 4 pm. in Beach Kitchen"        />          {loadmoduleid 368}      </div>    </div>  </div>  
LOCATION:
GEO:33.78112505;-118.11376656
LAST-MODIFIED:20240416T185156Z
X-ACCESS:1
X-HITS:963
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240827T100000
DTEND;TZID=America/Los_Angeles:20240827T110000
RRULE:FREQ=WEEKLY;BYDAY=TU,WE;INTERVAL=1;UNTIL=20250528T235900Z
EXDATE:20241127T180000Z,20250401T170000Z,20250402T170000Z,20250513T170000Z,20250514T170000Z,20250520T170000Z,20250521T170000Z,20250527T170000Z,20250528T170000Z
UID:0D5E7A13-ADDA-437E-AA65-22E76116CC8A
SUMMARY:Weekly Farmers Market
DTSTAMP:20240827T172923Z
DESCRIPTION:\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  \N    \N      \N      \N        \N            \N              \N                \N                    \N                      Date\N                    \N                    Tuesdays & Wednesdays\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      Friendship Walk\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    10 a.m. to 2 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                        Swing by the Associated Students, Inc. (ASI) Weekly Farmers Market! This market offers fresh and natural food items, as well as drinks and crafts from independent vendors and farmers. This event aims to help students make healthy food choices while supporting local businesses and farmers. \N                      \N                      Join us every Tuesday and Wednesday during the fall and spring semesters. Please note, there will be no Farmer's Market during fall and spring break.\N                      The event is open to the entire Long Beach State University (LBSU) community, including surrounding neighbors. Don't forget to bring your reusable shopping bag! No RSVP is required. A parking permit is required for all on-campus parking.\N                    \N  \N                    \N                    \N                  \N                  \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N  \N      \N      \N        img\N          style="width: 100%&quot;\N          src=&quot;images/cal/Fall-2024/F24_USU_Farmers-Market_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Farmers Market Tuesday and Wednesdays from 10am to 2pm at the Friendship walk&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;/div&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;    }      .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);    }  </style>  <div class="container-fluid">    <div class="row">      <!-- --------------------           START OF LEFT SIDE           --------------------- -->      <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"                  style="                    background-color: white;                    border-radius: 20px;                    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                    margin-bottom: 20px;                  "                >                  <!-- DATE -->                  <div class="col-md-4" 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>                    <p class="event-title-head">Date</p>                    <!-- Update the date per each event -->                    <p class="event-title-text">Tuesdays & Wednesdays</p>                  </div>                    <!-- LOCATION -->                  <div>                    <div                      class="col-md-4"                      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>                      <p class="event-title-head">Location</p>                      <!-- Update the date per each event -->                      <p class="event-title-text">Friendship Walk</p>                    </div>                  </div>                    <!-- TIME -->                  <div class="col-md-4" 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>                    <p class="event-title-head">Time</p>                    <!-- MUST INCLUDE "." IN A.M./P.M. -->                    <p class="event-title-text">10 a.m. to 2 p.m.</p>                  </div>                </div>                  <!-- EVENT DESCRIPTION -->                <div                  class="row"                  style="                    background-color: white;                    border-radius: 20px;                    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  "                >                  <div class="col-md-12">                    <p class="event-title-head">Description</p>                    <!-- Place all elements of description within their own p tags -->                    <div itemprop="description">                      <p>                        Swing by the Associated Students, Inc. (ASI) Weekly Farmers Market! This market offers fresh and natural food items, as well as drinks and crafts from independent vendors and farmers. This event aims to help students make healthy food choices while supporting local businesses and farmers.                       </p>                      <p>Join us every Tuesday and Wednesday during the fall and spring semesters. Please note, there will be no Farmer's Market during fall and spring break.</p>                      <p>The event is open to the entire Long Beach State University (LBSU) community, including surrounding neighbors. Don't forget to bring your reusable shopping bag! No RSVP is required. A parking permit is required for all on-campus parking.</p>                    </div>                      <!-- TEchnically the end of the accordion -->                    <!-- Technically the end of the "description" -->                  </div>                  <!-- md12 end -->                </div>                <!-- End event Description and content -->              </div>              <!-- end container fluid -->            </div>            <!-- end mdcol12 -->          </div>          <!-- End row -->        </div>        <!-- End of Grey box -->      </div>      <!-- end of left side -->        <!-- -------------------          START OF RIGHT SIDE      --------------------- -->      <div class="col-md-6">        <img          style="width: 100%"          src="images/cal/Fall-2024/F24_USU_Farmers-Market_dgtl-CalEvent.jpg"          alt="Farmers Market Tuesday and Wednesdays from 10am to 2pm at the Friendship walk"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240827T174342Z
X-ACCESS:1
X-HITS:20
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240828T100000
DTEND;TZID=America/Los_Angeles:20240828T120000
UID:C13F2BFF-C2A3-46CA-9CEC-DA52B9607B33
SUMMARY:Back to the Beach Breakfast
DTSTAMP:20240809T155950Z
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            Aug. 28\N            \N          \N  \N          \N          \N            \N              \N                \N                  \N                \N                Location\N              \N              \N  \N                ASI Beach Kitchen\N              \N            \N          \N  \N          \N          \N            \N              \N                \N              \N              Time\N            \N            10 a.m. to 12 p.m.\N          \N        \N      \N  \N      \N      \N        \N          Description\N          \N            \N            !-- Lorem ipsum dolor sit amet. -->\N            \N            \N                Join ASI for the most important meal of the day! Start your morning off right with Back to the Beach Breakfast Aug. 28! Enjoy FREE pancakes from 10 a.m. to 12 p.m. at the ASI Beach Kitchen. Whether you sit with friends or grab-n-go as you head off to class, let's get together and begin this semester on a high note!\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">Aug. 28            </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">                  ASI Beach Kitchen              </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">10 a.m. to 12 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>                Join ASI for the most important meal of the day! Start your morning off right with Back to the Beach Breakfast Aug. 28! Enjoy FREE pancakes from 10 a.m. to 12 p.m. at the ASI Beach Kitchen. Whether you sit with friends or grab-n-go as you head off to class, let's get together and begin this semester on a high note!            </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/F24_BeachPantry_Back-to-the-Beach-Pancake_Breakfast_dgtl-CalEvent.jpg"          alt="BeachKitchen - Aug 28 - Back to the Beach Breakfast" />          {loadmoduleid 368}      </div>    </div>  </div>
LOCATION:
GEO:33.78112505;-118.11376656
LAST-MODIFIED:20240809T160240Z
X-ACCESS:1
X-HITS:1953
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240908T090000
DTEND;TZID=America/Los_Angeles:20240908T180000
RRULE:FREQ=WEEKLY;BYDAY=SU;INTERVAL=1;UNTIL=20241007T235900Z
UID:6E4244BD-5D29-419B-9983-D04349B024B6
SUMMARY:Career Clothing Donation Drive
DTSTAMP:20240206T160640Z
DESCRIPTION:\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\N  \N    \N    \N      \N          \N            \N              \N                  \N                    Date\N                  \N                  Sept. 9 - Oct. 7\N\N                \N\N                \N                \N                  \N                      Location\N                    \N                    Various Locations\N\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  9 a.m. to 6 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Help Long Beach State University (LBSU) students look\N                      their best! Donate your gently used business attire and\N                      accessories to help others feel ready to conquer\N                      interviews, business events, and professional development.\N                    \N                    \N                      We are accepting donations, Monday through Friday, at the\N                      following locations:\N                    \N                    \N                      Maxson Center (USU 312)\N                      ASI Beach Pantry (USU 116)\N                      Basic Needs Office (USU 112)\N                      USU Information Center (2nd floor)\N                      Career Development Center (BH 250)\N                      University Bookstore\N                      \N                        Student Recreation & Wellness Center (SRWC)\N                      \N                    \N                    \N                      Clean out your closet; make a difference; and help the\N                      students of LBSU look their best! If you're unable to\N                      drop-off items and would still like to donate,\N                      \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/cal/Fall-2024/F24_BeachKitchen_dgtl-CalEvent-01_1.jpg&quot;\N        alt=&quot;Career Clothing Donation Drive&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;/div&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;  }  .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);  }</style><div class="container-fluid">  <div class="row">    <!-- --------------------                             START OF LEFT SIDE                         --------------------- -->    <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"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  margin-bottom: 20px;                "              >                <!-- DATE -->                <div class="col-md-4" itemprop="startDate" content="2024-02-1">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Date</p>                  <!-- Update the date per each event -->                  <p class="event-title-text">Sept. 9 - Oct. 7</p>                </div>                <!-- LOCATION -->                <div>                  <div                    class="col-md-4"                    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>                    <p class="event-title-head">Location</p>                    <!-- Update the date per each event -->                    <p class="event-title-text">Various Locations</p>                  </div>                </div>                <!-- Time -->                <div class="col-md-4" itemprop="endDate" content="2024-3-5">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Time</p>                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                  <p class="event-title-text">9 a.m. to 6 p.m.</p>                </div>              </div>              <!-- Event Description and Content -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                "              >                <div class="col-md-12">                  <p class="event-title-head">Description</p>                  <!-- Place all elements of description within their own p tags -->                  <div itemprop="description">                    <p>                      Help Long Beach State University (LBSU) students look                      their best! Donate your gently used business attire and                      accessories to help others feel ready to conquer                      interviews, business events, and professional development.                    </p>                    <p>                      We are accepting donations, Monday through Friday, at the                      following locations:                    </p>                    <ul>                      <li><b>Maxson Center (USU 312)</b></li>                      <li><b>ASI Beach Pantry (USU 116)</b></li>                      <li><b>Basic Needs Office (USU 112)</b></li>                      <li><b>USU Information Center (2nd floor)</b></li>                      <li><b>Career Development Center (BH 250)</b></li>                      <li><b>University Bookstore</b></li>                      <li>                        <b>Student Recreation & Wellness Center (SRWC)</b>                      </li>                    </ul>                    <p>                      Clean out your closet; make a difference; and help the                      students of LBSU look their best! If you're unable to                      drop-off items and would still like to donate,                      <a                        href="https://www.amazon.com/hz/wishlist/ls/1E9JBLM9K7FN6?ref_=wl_share"                        target="_blank"                        rel="noopener noreferrer"                      >                        <b>shop our online Amazon Wishlist</b> </a                      >.                    </p>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------                            START OF RIGHT SIDE                        --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/cal/Fall-2024/F24_BeachKitchen_dgtl-CalEvent-01_1.jpg"        alt="Career Clothing Donation Drive"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240910T164018Z
X-ACCESS:1
X-HITS:0
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240928T150000
DTEND;TZID=America/Los_Angeles:20240928T180000
UID:FC0B464C-358C-49F2-AC6A-F536A074D9F6
SUMMARY:75th Anniversary Kickoff Concert
DTSTAMP:20240923T182306Z
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            Sept. 28\N            \N          \N  \N          \N          \N            \N              \N                \N                  \N                \N                Location\N              \N              \N  \N                Walter Pyramid Lawn\N              \N            \N          \N  \N          \N          \N            \N              \N                \N              \N              Time\N            \N            3 p.m.\N          \N        \N      \N  \N      \N      \N        \N          Description\N          \N            \N            CSULB 75th Anniversary Kickoff Concert: A Celebration to Remember!\N            \N            \N            Join us for an unforgettable night of music, celebration, and community as we kick off our 75th anniversary! This concert marks a monumental occasion for CSULB, commemorating decades of growth, learning, and Beach pride. Come be a part of history and enjoy live performances, food, and fun activities.\N            \N            As part of this momentous event, we’re excited to offer a special Student Section with exclusive giveaways and activities for students:\N            \N            \N              Free Naples Ribs for the first 250 students\N              \N              Free 75th Anniversary Commemorative T-shirt\N              \N              DIY Beach Flag Decorating Station\N              \N              Photobooth to capture your memories of this historic night\N              \N            \N            Don’t miss out on this exciting celebration!\N            \N            RSVP today: RSVP link.\N            For more information on the event, visit the official 75th Anniversary Event Page.\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">Sept. 28            </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">                  Walter Pyramid Lawn              </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">3 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">CSULB 75th Anniversary Kickoff Concert: A Celebration to Remember!</div>            <!-- EVENT CONTENT -->                        <p>Join us for an unforgettable night of music, celebration, and community as we kick off our 75th anniversary! This concert marks a monumental occasion for CSULB, commemorating decades of growth, learning, and Beach pride. Come be a part of history and enjoy live performances, food, and fun activities.            </p>            <p>As part of this momentous event, we’re excited to offer a special <b>Student Section</b> with exclusive giveaways and activities for students:            </p>            <ul>              <li><b>Free Naples Ribs</b> for the first 250 students              </li>              <li><b>Free 75th Anniversary Commemorative T-shirt</b>              </li>              <li><b>DIY Beach Flag Decorating Station</b>              </li>              <li><b>Photobooth</b> to capture your memories of this historic night              </li>            </ul>            <p>Don’t miss out on this exciting celebration!            </p>            <p>RSVP today: <a href="https://csulb.qualtrics.com/jfe/form/SV_cC3sByx8mZzUjUW" target="_blank" rel="noopener noreferrer">RSVP link</a>.</p>            <p>For more information on the event, visit the official <a href="https://www.csulb.edu/75/event/75th-anniversary-kickoff-concert" target="_blank" rel="noopener noreferrer">75th Anniversary Event Page</a>.</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/Untitled-1-75th_Flyer.jpg"            alt="75th Anniversary Kickoff Concert Flyer" />            {loadmoduleid 368}      </div>    </div>  </div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240923T182445Z
X-ACCESS:1
X-HITS:1610
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241008T110000
DTEND;TZID=America/Los_Angeles:20241008T160000
UID:E0865B27-B804-448A-BA33-2EDD193831C8
SUMMARY:Career Clothing Closet Pop-Up
DTSTAMP:20240918T173451Z
DESCRIPTION:\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  \N    \N      \N      \N        \N            \N              \N                \N                    \N                      Date\N                    \N                    Oct. 8\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU Ballrooms\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    11 a.m. to 4 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      Are you ready to shine at the upcoming Career Development Center Job Fair? We've got you covered! Look and feel your best at no cost when you discover your professional style at Career Clothing Closet Pop-Up Oct. 8 from 11 a.m. to 4 p.m. in the USU Ballrooms. From blazers to accessories, this is your go-to destination for FREE professional attire that will help you make a lasting impression.\N                    \N                    What's in store for you? Choose up to FIVE items from a wide selection including, but not limited to:\N                    \N                        Crisp button-up shirts\N                        Stylish blazers\N                        Sleek dress pants\N                        Elegant pencil skirts\N                        Chic blouses\N                        Trendy belts\N                        Fashionable purses\N                        Classy dress shoes\N                    \N                    What to bring:\N                    \N                        Your Long Beach State University (LBSU) Student ID\N                         Your sense of style!\N                    \N                    All items are available on a first-come, first-served basis. Plus, you'll be able to try items on to make sure it's just the right fit. So don't miss out on this incredible opportunity to upgrade your professional wardrobe brought to you by ASI, Basic Needs and the Career Development Center. Dress for success and secure your dream job with confidence!\N                        \N                    \N  \N                    \N                    \N                  \N                  \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N  \N      \N      \N        img\N          style="width: 100%&quot;\N          src=&quot;images/cal/Fall-2024/F24_SRWC_dgtl-CalEvent-popup-closet.jpg&quot;\N          alt=&quot;Clothing Closet Popup Oct 8 from 11am to 4pm in the USU Ballrooms&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;/div&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;    }      .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);    }  </style>  <div class="container-fluid">    <div class="row">      <!-- --------------------             START OF LEFT SIDE             --------------------- -->      <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"                  style="                    background-color: white;                    border-radius: 20px;                    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                    margin-bottom: 20px;                  "                >                  <!-- DATE -->                  <div class="col-md-4" 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>                    <p class="event-title-head">Date</p>                    <!-- Update the date per each event -->                    <p class="event-title-text">Oct. 8</p>                  </div>                    <!-- LOCATION -->                  <div>                    <div                      class="col-md-4"                      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>                      <p class="event-title-head">Location</p>                      <!-- Update the date per each event -->                      <p class="event-title-text">USU Ballrooms</p>                    </div>                  </div>                    <!-- TIME -->                  <div class="col-md-4" 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>                    <p class="event-title-head">Time</p>                    <!-- MUST INCLUDE "." IN A.M./P.M. -->                    <p class="event-title-text">11 a.m. to 4 p.m.</p>                  </div>                </div>                  <!-- EVENT DESCRIPTION -->                <div                  class="row"                  style="                    background-color: white;                    border-radius: 20px;                    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  "                >                  <div class="col-md-12">                    <p class="event-title-head">Description</p>                    <!-- Place all elements of description within their own p tags -->                    <div itemprop="description">                      <p>Are you ready to shine at the upcoming Career Development Center Job Fair? We've got you covered! Look and feel your best at no cost when you discover your professional style at Career Clothing Closet Pop-Up Oct. 8 from 11 a.m. to 4 p.m. in the USU Ballrooms. From blazers to accessories, this is your go-to destination for FREE professional attire that will help you make a lasting impression.                    </p>                    <p><b>What's in store for you? Choose up to FIVE items from a wide selection including, but not limited to:</b></p>                    <ul>                        <li>Crisp button-up shirts</li>                        <li>Stylish blazers</li>                        <li>Sleek dress pants</li>                        <li>Elegant pencil skirts</li>                        <li>Chic blouses</li>                        <li>Trendy belts</li>                        <li>Fashionable purses</li>                        <li>Classy dress shoes</li>                    </ul>                    <h4>What to bring:</h4>                    <ul>                        <li>Your Long Beach State University (LBSU) Student ID</li>                        <li> Your sense of style!</li>                    </ul>                    <p>All items are available on a first-come, first-served basis. Plus, you'll be able to try items on to make sure it's just the right fit. So don't miss out on this incredible opportunity to upgrade your professional wardrobe brought to you by ASI, Basic Needs and the Career Development Center. Dress for success and secure your dream job with confidence!</p>                                            </div>                      <!-- TEchnically the end of the accordion -->                    <!-- Technically the end of the "description" -->                  </div>                  <!-- md12 end -->                </div>                <!-- End event Description and content -->              </div>              <!-- end container fluid -->            </div>            <!-- end mdcol12 -->          </div>          <!-- End row -->        </div>        <!-- End of Grey box -->      </div>      <!-- end of left side -->        <!-- -------------------            START OF RIGHT SIDE        --------------------- -->      <div class="col-md-6">        <img          style="width: 100%"          src="images/cal/Fall-2024/F24_SRWC_dgtl-CalEvent-popup-closet.jpg"          alt="Clothing Closet Popup Oct 8 from 11am to 4pm in the USU Ballrooms"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:1311
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241115T180000
DTEND;TZID=America/Los_Angeles:20241115T220000
RRULE:FREQ=MONTHLY;BYMONTHDAY=6,25;INTERVAL=1;UNTIL=20241207T235900Z
UID:C23496D7-3666-4571-85C7-53E0AEB91048
SUMMARY:Esports Tournament Series
DTSTAMP:20231006T185543Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\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  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N\N\N  \N    \N    \N      \N          \N            \N              \N                  \N                    Date\N                  \N                  Various Dates\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU Esports Lounge\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  6 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Are you a true gamer? Show off your skills at the Esports\N                      Tournament Series! Bring your friends to compete or\N                      support the Beach gaming community. Bring the heat at this\N                      collab event with the USU Games Center and Student\N                      Recreation & Wellness Center (SRWC).\N                    \N\N                    \N                      Sept. 20: Super Smash Bros Ultimate\N                      Sept. 27: Mario Kart 8 Deluxe\N                      Oct. 25: Counter Strike 2*\N                      Nov. 15: Overwatch 2*\N                      Dec. 6: Valorant*\N                    \N\N                    \N                      Free for all LBSU students! Player check-in begins at 5:30\N                      p.m. and the tournament starts at 6 p.m. Check out\N                      IMLEAGUES for more information.\N                    \N\N                    *Online qualifiers required prior to tournament.\N                  \N\N                  \N                  \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/cal/Fall-2024/F24_SRWC_ESPORTS-Tournament-calevent.jpg&quot;\N        alt=&quot;Adaptive-Sports-Challenge 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;/div&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;  }  .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;  }</style><div class="container-fluid">  <div class="row">    <!-- --------------------                 START OF LEFT SIDE             --------------------- -->    <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"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  margin-bottom: 20px;                "              >                <!-- DATE -->                <div class="col-md-4" itemprop="startDate" content="2022-08-22">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Date</p>                  <!-- Update the date per each event -->                  <p class="event-title-text">Various Dates</p>                </div>                <!-- LOCATION -->                <div>                  <div                    class="col-md-4"                    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>                    <p class="event-title-head">Location</p>                    <!-- Update the date per each event -->                    <p class="event-title-text">USU Esports Lounge</p>                  </div>                </div>                <!-- Time -->                <div class="col-md-4" itemprop="endDate" content="2022-12-18">                  <div class="event-title-icon">                    <img                      src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"                      style="height: 20px; width: 25px"                    />                  </div>                  <p class="event-title-head">Time</p>                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                  <p class="event-title-text">6 p.m.</p>                </div>              </div>              <!-- Event Description and Content -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                "              >                <div class="col-md-12">                  <p class="event-title-head">Description</p>                  <!-- Place all elements of description within their own p tags -->                  <div itemprop="description">                    <p>                      Are you a true gamer? Show off your skills at the Esports                      Tournament Series! Bring your friends to compete or                      support the Beach gaming community. Bring the heat at this                      collab event with the USU Games Center and Student                      Recreation & Wellness Center (SRWC).                    </p>                    <ul>                      <li>Sept. 20: Super Smash Bros Ultimate</li>                      <li>Sept. 27: Mario Kart 8 Deluxe</li>                      <li>Oct. 25: Counter Strike 2*</li>                      <li>Nov. 15: Overwatch 2*</li>                      <li>Dec. 6: Valorant*</li>                    </ul>                    <p>                      Free for all LBSU students! Player check-in begins at 5:30                      p.m. and the tournament starts at 6 p.m. Check out                      IMLEAGUES for more information.                    </p>                    <p>*Online qualifiers required prior to tournament.</p>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------                START OF RIGHT SIDE            --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/cal/Fall-2024/F24_SRWC_ESPORTS-Tournament-calevent.jpg"        alt="Adaptive-Sports-Challenge flier"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20241031T191026Z
X-ACCESS:1
X-HITS:839
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;VALUE=DATE:20250119
DTEND;VALUE=DATE:20250120
RRULE:FREQ=WEEKLY;BYDAY=SU;INTERVAL=1;UNTIL=20250518T235900Z
UID:55DEA359-2C86-40D0-A720-38021509E801
SUMMARY:Beach Balance Wellness Challenge
DTSTAMP:20250116T233834Z
DESCRIPTION:\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    /* _____________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: 10px;\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: 20px;\N      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\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: 20px;\N      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\N      padding: 10px 20px;\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          All Semester\N        \N  \N        \N        \N          \N              Location\N            \N            SRWC and USU Beach Balance Locations\N          \N        \N  \N        \N        \N          \N            Time\N          \N          During operating hours\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            \N                Take part in our Beach Balance Wellness Challenge this semester and make\N                self-care a priority! By participating, you'll not only improve your\N                well-being but also earn points for great rewards. Here's how it works:\N              \N              \N                \N                  Earn Points for Wellness: Every time you visit one of our Beach\N                  Balance locations at the SRWC or USU and participate in any of our programs\N                  or services, you earn 1 point. Attend one of our larger Beach Balance events\N                  listed in Events & Orgs to earn 4 points!\N                \N                \N                  Track Your Progress: Points are tracked by our Beach Balance staff,\N                  so all you need to do is show up and focus on your wellness. Sign up for the\N                  challenge at either of our Beach Balance locations to get started.\N                  If you participated in the Fall 2024 semester, your points will roll\N                    over, giving you another opportunity to complete all 20 points this\N                    spring.\N                \N                \N                  Get Rewarded: Reach 20 points during the semester, and you'll\N                  receive an exclusive Beach Balance t-shirt!\N                \N              \N              \N                Take the first step towards a healthier, happier you by joining the Beach\N                Balance Wellness Challenge today!\N              \N              \N          \N          \N        \N      \N      \N    \N    \N  \N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/cal/Spring25/SP25_SRWC_Beach-Balance-Wellness-Challenge_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Beach Balance Wellness Challenge&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;    }      .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: 10px;      max-width: 1600px;      margin: 0 auto;    }    .left-container {      width: 50%;    }    .right-container {      width: 50%;    }    .event-dtl {      background-color: white;      border-radius: 20px;      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;      margin-bottom: 20px;      padding: 10px 20px;      display: flex;      justify-content: space-between;    }    .event-description {      background-color: white;      border-radius: 20px;      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;      padding: 10px 20px;    }    @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>          <p class="event-title-head">Date</p>          <!-- Update the date per each event -->          <p class="event-title-text">All Semester</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>            <p class="event-title-head">Location</p>            <!-- Update the date per each event -->            <p class="event-title-text">SRWC and USU Beach Balance Locations</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>          <p class="event-title-head">Time</p>          <!-- MUST INCLUDE "." IN A.M./P.M. -->          <p class="event-title-text">During operating hours</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>                Take part in our Beach Balance Wellness Challenge this semester and make                self-care a priority! By participating, you'll not only improve your                well-being but also earn points for great rewards. Here's how it works:              </p>              <ol>                <li>                  <b>Earn Points for Wellness:</b> Every time you visit one of our Beach                  Balance locations at the SRWC or USU and participate in any of our programs                  or services, you earn 1 point. Attend one of our larger Beach Balance events                  listed in Events & Orgs to earn <b>4 points</b>!                </li>                <li>                  <b>Track Your Progress:</b> Points are tracked by our Beach Balance staff,                  so all you need to do is show up and focus on your wellness. Sign up for the                  challenge at either of our Beach Balance locations to get started.                  <b                    >If you participated in the Fall 2024 semester, your points will roll                    over, giving you another opportunity to complete all 20 points this                    spring</b                  >.                </li>                <li>                  <b>Get Rewarded:</b> Reach <b>20 points</b> during the semester, and you'll                  receive an exclusive <b>Beach Balance t-shirt</b>!                </li>              </ol>              <p>                Take the first step towards a healthier, happier you by joining the Beach                Balance Wellness Challenge today!              </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        style="width: 100%"        src="images/cal/Spring25/SP25_SRWC_Beach-Balance-Wellness-Challenge_dgtl-CalEvent.jpg"        alt="Beach Balance Wellness Challenge"      />        {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:20250116T234032Z
X-ACCESS:1
X-HITS:0
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250311T110000
DTEND;TZID=America/Los_Angeles:20250311T160000
UID:9B196BE2-D45F-4CBE-9D6E-3572F1205E98
SUMMARY:Career Clothing Closet Pop-Up
DTSTAMP:20250303T213445Z
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        March 11\N      \N \N      \N      \N        \N            Location\N          \N          USU Ballrooms\N        \N      \N \N      \N      \N        \N          Time\N        \N        11 a.m. to 4 p.m.\N      \N    \N \N    \N    \N      \N        Description\N        \N        \N          \N            Are you ready to shine at the upcoming Career Development Center Job Fair? We've got you covered! Look and feel your best at no cost when you discover your professional style at Career Clothing Closet Pop-Up March 11 from 11 a.m. to 4 p.m. in the USU Ballrooms. From blazers to accessories, this is your go-to destination for FREE professional attire that will help you make a lasting impression.\N          \N          What's in store for you? Choose up to FIVE items from a wide selection including, but not limited to:\N          \N            Crisp button-up shirts\N            Stylish blazers\N            Sleek dress pants\N            Elegant pencil skirts\N            Chic blouses\N            Trendy belts\N            Fashionable purses\N            Classy dress shoes\N          \N\N          What to bring:\N\N          \N            Your Long Beach State University (LBSU) Student ID\N            Your sense of style!\N          \N      \N          All items are available on a first-come, first-served basis. Plus, you'll be able to try items on to make sure it's just the right fit. So don't miss out on this incredible opportunity to upgrade your professional wardrobe brought to you by ASI, Basic Needs and the Career Development Center. Dress for success and secure your dream job with confidence!\N    \N\N\N        \N        \N      \N    \N    \N  \N  \N \N  \N  \N    img\N      class="event-img&quot;\N      src=&quot;images/cal/Spring25/SP25_BeachPantryKitchen_Career_Clothing_Donation_Drive_dgtl-CalEvent.jpg&quot;\N      alt=&quot;Career Clothing Closet Pop-Up\N      March 11\N      11 a.m. to 4 p.m.\N      USU Ballrooms&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">March 11</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">USU Ballrooms</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 4 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>            Are you ready to shine at the upcoming Career Development Center Job Fair? We've got you covered! Look and feel your best at no cost when you discover your professional style at Career Clothing Closet Pop-Up March 11 from 11 a.m. to 4 p.m. in the USU Ballrooms. From blazers to accessories, this is your go-to destination for FREE professional attire that will help you make a lasting impression.          </p>          <strong>What's in store for you? Choose up to FIVE items from a wide selection including, but not limited to:</strong>          <ul>            <li>Crisp button-up shirts</li>            <li>Stylish blazers</li>            <li>Sleek dress pants</li>            <li>Elegant pencil skirts</li>            <li>Chic blouses</li>            <li>Trendy belts</li>            <li>Fashionable purses</li>            <li>Classy dress shoes</li>          </ul>          <strong>What to bring:</strong>          <ul>            <li>Your Long Beach State University (LBSU) Student ID</li>            <li>Your sense of style!</li>          </ul>                <p>All items are available on a first-come, first-served basis. Plus, you'll be able to try items on to make sure it's just the right fit. So don't miss out on this incredible opportunity to upgrade your professional wardrobe brought to you by ASI, Basic Needs and the Career Development Center. Dress for success and secure your dream job with confidence!</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/SP25_BeachPantryKitchen_Career_Clothing_Donation_Drive_dgtl-CalEvent.jpg"      alt="Career Clothing Closet Pop-Up      March 11      11 a.m. to 4 p.m.      USU Ballrooms"    />     {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:20250310T190444Z
X-ACCESS:1
X-HITS:964
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250314T093000
DTEND;TZID=America/Los_Angeles:20250314T153000
UID:223DFBE6-23B1-49F2-9B31-2A565D2975EC
SUMMARY:The Womxn of Color Leadership Conference
DTSTAMP:20250307T185028Z
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        March 14\N      \N \N      \N      \N        \N            Location\N          \N          USU Ballrooms\N        \N      \N \N      \N      \N        \N          Time\N        \N        9:30 AM - 3:30 PM\N      \N    \N \N    \N    \N      \N        Description\N        \N        \N\N          \N            The Womxn of Color Leadership Conference is a one-day FREE conference for students. This conference is a dynamic and empowering event designed to help students cultivate leadership skills and personal growth. Taking place at the University Student Union (USU) Ballrooms at Long Beach State University (LBSU), this conference hopes to offer a safe space for students to engage in meaningful discussions, gain valuable insights from speakers and participate in interactive workshops tailored to their unique experiences.\N          \N\N            \N              RSVP today on\N               Events &Orgs!\N            \N            \N        \N        \N      \N    \N    \N  \N  \N \N  \N  \N    img\N      class="event-img&quot;\N      src=&quot;images/cal/Spring25/image001_2.jpg&quot;\N      alt=&quot;The Womxn of Color Leadership Conference\NMarch 14\N9:30 AM - 3:30 PM\NUSU Ballrooms&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">March 14</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">USU Ballrooms</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">9:30 AM - 3:30 PM</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>            The Womxn of Color Leadership Conference is a one-day FREE conference for students. This conference is a dynamic and empowering event designed to help students cultivate leadership skills and personal growth. Taking place at the University Student Union (USU) Ballrooms at Long Beach State University (LBSU), this conference hopes to offer a safe space for students to engage in meaningful discussions, gain valuable insights from speakers and participate in interactive workshops tailored to their unique experiences.</p>                      <p>              RSVP today on              <a href="https://csulb.campuslabs.com/engage/event/11062126" target="_blank"> 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/Spring25/image001_2.jpg"      alt="The Womxn of Color Leadership ConferenceMarch 149:30 AM - 3:30 PMUSU Ballrooms"    />     {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:20250312T202855Z
X-ACCESS:1
X-HITS:853
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250314T190000
DTEND;TZID=America/Los_Angeles:20250314T200000
UID:C7E5B3E7-BAC6-414F-9B80-56D075E092B8
SUMMARY:Beach Pantry Night
DTSTAMP:20250312T154339Z
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          March 14\N        \N  \N        \N        \N          \N              Location\N            \N            Walter Pyramid\N          \N        \N  \N        \N        \N          \N            Time\N          \N          Doors open at 6 p.m.\N            Game starts at 7 p.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            Join us for Laurén Chalmers '83 Beach Pantry Night as we cheer on Long Beach State Men's Volleyball in an exciting match against CSUN! This special night is presented by Naples Rib Company and supports the Beach Pantry, which provides essential food resources to students in need.\N            How You Can Help:\N            For every student in attendance, $1 will be donated to the Beach Pantry, up to $1,500! Simply show up, enjoy the game and make a difference in the LBSU community.\N            Why Attend?\N            \N                Support our #1 LBSU Men’s Volleyball in an electrifying match\N                Give back to students in need with every student counted\N                Experience the unmatched energy of the Walter Pyramid\N            \N             Invite your friends and help us fill the stands—more students mean more support for the Beach Pantry!\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">March 14</p>        </div>          <!-- LOCATION -->        <div>          <div            itemprop="location"            itemscope="itemscope"            itemtype="http://schema.org/Place"          >            <div class="event-title-icon">              <img                src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png"                style="height: 20px; width: 25px"              />            </div>            <h3 class="event-title-head">Location</h3>            <!-- Update the date per each event -->            <p class="event-title-text">Walter Pyramid</p>          </div>        </div>          <!-- TIME -->        <div itemprop="endDate" content="2024-03-13">          <div class="event-title-icon">            <img              src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"              style="height: 20px; width: 25px"            />          </div>          <h3 class="event-title-head">Time</h3>          <!-- MUST INCLUDE "." IN A.M./P.M. -->          <p class="event-title-text">Doors open at 6 p.m.<br>            Game starts at 7 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>Join us for Laurén Chalmers '83 Beach Pantry Night as we cheer on Long Beach State Men's Volleyball in an exciting match against CSUN! This special night is presented by Naples Rib Company and supports the Beach Pantry, which provides essential food resources to students in need.</p>            <h3>How You Can Help:</h3>            <p>For every student in attendance, <b>$1 will be donated to the Beach Pantry</b>, up to <b>$1,500!</b> Simply show up, enjoy the game and make a difference in the LBSU community.</p>            <h3>Why Attend?</h3>            <ul>                <li>Support our <b>#1 LBSU Men’s Volleyball</b> in an electrifying match</li>                <li>Give back to students in need with every student counted</li>                <li>Experience the <b>unmatched energy</b> of the Walter Pyramid</li>            </ul>            <p> Invite your friends and help us fill the stands—more students mean more support for the Beach Pantry!</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/SP25_BP_PANTRY-Night_dgtl-CalEVENT.jpg" alt="Beach Pantry Night      March 14      Doors open at 6 p.m.      Game starts at 7 p.m.      Walter Pyramid" />        {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:20250312T154354Z
X-ACCESS:1
X-HITS:892
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250317T160000
DTEND;TZID=America/Los_Angeles:20250317T220000
UID:41D2A479-15BE-4463-BA08-4EFF768E9D8D
SUMMARY:St. Patrick's Party
DTSTAMP:20250311T152146Z
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        March 17\N      \N \N      \N      \N        \N            Location\N          \N          ASI Beach Kitchen\N        \N      \N \N      \N      \N        \N          Time\N        \N        4 p.m.\N      \N    \N \N    \N    \N      \N        Description\N        \N        \N\N          \N            Get ready for a fun-filled, themed celebration where everything is about luck, green and good vibes! Inspired by the charm of all things lucky (with a playful nod to Lucky Charms), this event is the perfect way to gather with friends, get creative and celebrate the luck of the Irish in a festive way.\N          \N      \N          What to Expect:\N          \N              Fun, themed activities\N              Lucky-inspired treats\N              A colorful, festive atmosphere\N          \N      \N          \N            Join us on March 17 at 4 p.m. in the ASI Beach Kitchen for an unforgettable St. Patrick’s Day celebration. Whether you’re feeling lucky or just love a good time, this is the place to be!\N          \N      \N          Don’t miss out—bring your friends and let’s make some magical memories!\N      \N\N            \N        \N        \N      \N    \N    \N  \N  \N \N  \N  \N    img\N      class="event-img&quot;\N      src=&quot;images/cal/Spring25/SP25_BPE_LuckyCharmsStParty_dgtl-CalEvent_1.jpg&quot;\N      alt=&quot;St. Patrick's Party\N      March 17\N      4 p.m.\N      ASI Beach Kitchen&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">March 17</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">ASI Beach Kitchen</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">4 p.m.</p>      </div>    </div>     <!-- EVENT DESCRIPTION -->    <div class="event-description">      <div>        <p class="event-title-head">Description</p>        <!-- ***************************************        ** Place all elements of description HERE **        **************************************** -->        <div itemprop="description">          <p>            Get ready for a fun-filled, themed celebration where everything is about luck, green and good vibes! Inspired by the charm of all things lucky (with a playful nod to Lucky Charms), this event is the perfect way to gather with friends, get creative and celebrate the luck of the Irish in a festive way.          </p>                <strong >What to Expect:</strong>          <ul>              <li>Fun, themed activities</li>              <li>Lucky-inspired treats</li>              <li>A colorful, festive atmosphere</li>          </ul>                <p>            Join us on March 17 at 4 p.m. in the ASI Beach Kitchen for an unforgettable St. Patrick’s Day celebration. Whether you’re feeling lucky or just love a good time, this is the place to be!          </p>                <p>Don’t miss out—bring your friends and let’s make some magical memories!</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/SP25_BPE_LuckyCharmsStParty_dgtl-CalEvent_1.jpg"      alt="St. Patrick's Party      March 17      4 p.m.      ASI Beach Kitchen"    />     {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:20250311T152606Z
X-ACCESS:1
X-HITS:943
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;VALUE=DATE:20250428
DTEND;VALUE=DATE:20250502
UID:B89DEB27-FB1B-469D-9A6F-C0776B2D4705
SUMMARY:Donation Collection
DTSTAMP:20250419T022514Z
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 28 - May 1\N      \N\N      \N      \N        \N            Location\N          \N          ASI Beach Pantry\N        \N      \N\N      \N      \N        \N          Time\N        \N        All Day\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          \N            Looking to donate items? Look no further than the Donation Drive benefiting students! By donating gently used attire and accessories you will reduce waste and give your items a new home.\N\NDonation drop offs will be accepted at the Laurén Chalmers '83 Beach Pantry from April 28 through May 1.  If you have larger items or need special accommodations for drop offs, please email ASI-Pantry@csulb.edu.\N\N\NPlease attend the Union Farewell Tour: Open Market to shop the items! Join us May 9 at 11 a.m. at the USU North Lawn.\N          \N        \N        \N      \N    \N    \N  \N  \N\N  \N  \N    img\N      class="event-img&quot;\N      src=&quot;images/cal/Spring25/SP25_ASI_Union-Farewell-Tour_ASI-Beach-Pantry_dgtl-ASICalEvent_1.jpg&quot;\N      alt=&quot;Donation Collection\NApril 28 - May 1&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">April 28 - May 1</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">ASI Beach Pantry</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">All Day</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>            Looking to donate items? Look no further than the Donation Drive benefiting students! By donating gently used attire and accessories you will reduce waste and give your items a new home.Donation drop offs will be accepted at the Laurén Chalmers '83 Beach Pantry from April 28 through May 1.  If you have larger items or need special accommodations for drop offs, please email <a href="mailto:ASI-Pantry@csulb.edu" target="_blank">ASI-Pantry@csulb.edu</a>.Please attend the <a href="https://www.asicsulb.org/corporate/enjoy/event-calendar/9337" target="_blank">Union Farewell Tour: Open Market</a> to shop the items! Join us May 9 at 11 a.m. at the USU North Lawn.          </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/SP25_ASI_Union-Farewell-Tour_ASI-Beach-Pantry_dgtl-ASICalEvent_1.jpg"      alt="Donation CollectionApril 28 - May 1"    />    {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:20250421T174953Z
X-ACCESS:1
X-HITS:890
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;VALUE=DATE:20250504
DTEND;VALUE=DATE:20250505
UID:23455B61-FB8D-4783-859D-F66961B12E40
SUMMARY:Union Farewell Tour
DTSTAMP:20250418T162540Z
DESCRIPTION:\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  /* FAQ Section  */\N  .acco {\N    gap: 30px;\N    display: flex;\N    flex-direction: column;\N  }\N\N  .acco .acco-item {\N    border-bottom: 1px solid #fee6b8;\N    border: 1px solid #ecaa00;\N    border-radius: 5px;\N    box-shadow: 3px 3px 0px 0 rgb(0 0 0);\N    box-sizing: border-box;\N    background-color: #fff;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: rgb(0 0 0) !important;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #ecaa00 !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N    font-weight: 500;\N    display: flex;\N    flex-wrap: wrap;\N    width: 90% !important;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 35px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #ecaa00;\N    border-bottom: 1px solid #fee6b8;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #fee6b8;\N    border-right: 2px solid #fee6b8;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* FAQ Section end  */\N\N\N  \N    \N    \N      \N          \N            \N              \N              \N                  !-- Events -->\N                  \N                  \N                    \N                    \N                      Join the University Student Union (USU) in a weeklong\N                      series of events to commemorate the building and all the\N                      fun that's been had along the years. Many of the events\N                      have FREE food, exciting prizes, fun activities and\N                      giveaways. Throughout the week, there will also be free\N                      gaming in the USU Games Center.\N                    \N                    \N                      The\N                      \N                      \N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 5\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Ballrooms\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  6 to 9 pm\N                                \N                              \N                              \N                                \N                                  Get ready to party like it's the 2000s! Join\N                                  us for an epic\N                                  Back to the 2000s celebration\N                                  packed with all the throwback vibes you love.\N                                  Jam out to your favorite millennium hits spun\N                                  by DJ B-Rokk while\N                                  challenging friends to 2000s trivia and bingo\N                                  for awesome prizes. Break out the board games\N                                  that defined the decade, snap memorable pics\N                                  at our photo booth, take home a custom\N                                  caricature and try your luck at our\N                                  opportunity drawing featuring a major prize!\N                                  Bring your crew for a night of crafts, dancing\N                                  and pure Y2K nostalgia. Don't miss this chance\N                                  to relive the era of frosted tips, flip phones\N                                  and unforgettable pop culture moments!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 6\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU North Lawn\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 2 pm\N                                \N                              \N                              \N                                \N                                  Ready for a good time? Join us at\N                                  Union Unplugged for the\N                                  perfect afternoon of fun with friends! Enjoy\N                                  upbeat music from\N                                  22 West Media, satisfy your\N                                  cravings with delicious churros, acai bowls\N                                  and burgers. Try your luck at carnival games\N                                  with awesome giveaways, airbrush tattoos,\N                                  balloon creations, caricatures and more.\N                                  Connect with friends while exploring\N                                  interactive creative activities and learn\N                                  about the\N                                  \N                          \N                            Silent Disco \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 6\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Ballrooms\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  7 - 10 pm\N                                \N                              \N                              \N                                \N                                  Get your groove on through the decades at our\N                                  Silent Disco! Join us for a\N                                  night of free food, fun and dancing as you\N                                  switch between your favorite hits from the\N                                  80s, 90s and 2000s—all through wireless\N                                  headphones. Whether you're vibing to retro\N                                  beats or 2000s hits, there's a channel for\N                                  everyone. Don’t miss this unforgettable\N                                  experience where the music is in your ears and\N                                  the dance floor is yours!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 7\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Southwest Terrace\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11:30 am - 1:30 pm\N                                \N                              \N                              \N                                \N                                  Tap into your inner child with this midday\N                                  escape! Jam out to your favorite hits with\N                                  live DJ requests from DJ B-Rokk, and enjoy\N                                  classic activities like slime-making, chalk\N                                  art, hopscotch, musical chairs and so much\N                                  more. Get creative at our bubble making,\N                                  friendship bracelet and keychain making, and\N                                  sand jar stations. Treat yourself to all your\N                                  childhood favorites like—Uncrustables, Fun\N                                  Dip, animal cookies, goldfish, pizza and more.\N                                  It’s all the nostalgia you need to get through\N                                  for finals, you owe it to your younger self!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 7\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Beach Auditorium\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  5:15 - 8:45 pm\N                                \N                              \N                              \N                                \N                                  Join us for an enchanting evening at our\N                                  Wicked the Musical Movie Night!\N                                  Indulge in free food and refreshments while\N                                  enjoying this beloved Broadway classic in a\N                                  cozy atmosphere. Embrace the spirit by\N                                  dressing as your favorite character—whether\N                                  you're sporting Elphaba's green or Glinda's\N                                  sparkle—for a chance to win our\N                                  Best Costume Contest. Come\N                                  experience the magic, music and heartwarming\N                                  memories with fellow fans at this special\N                                  screening event!\N                                \N                                \N                                  Doors open at 5:15 pm, movie begins at 6 pm.\N                                  Join us for FREE dinner from Raising\N                                  Canes, pre-movie trivia and exciting\N                                  opportunity drawings including Universal\N                                  Studio tickets!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            Pawsitive Vibes \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 8\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Southwest Terrace\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 2 pm\N                                \N                              \N                              \N                                \N                                  Recharge your spirit at our\N                                  Pawsitive Vibes wellness\N                                  event! Take a break from exam stress and\N                                  cuddle with puppies, explore creative\N                                  activities and crafts, enjoy relaxing\N                                  massages, listen to live music from 22 West\N                                  Media and savor complimentary refreshments.\N                                  Give yourself permission to unwind and gather\N                                  positive energy before finals. You deserve\N                                  this break!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            Open Market \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 9\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU NorthLawn\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 3 pm\N                                \N                              \N                              \N                                \N                                  Join us for our flea market-style event—a\N                                  sustainable, community-focused event where\N                                  ASI will be liquidating items\N                                  that won’t be relocated to our new spaces.\N                                \N                                What to Expect:\N                                \N                                  Free items from ASI/USU departments\N                                  \N                                    Student Lunchbox outdoor pantry and food\N                                    distribution\N                                  \N                                  \N                                    Thrift Club collaboration on Career Closet\N                                    Pop-up items\N                                  \N                                  \N                                    Free lunch for attendees (while supplies\N                                    last) – sandwiches, chips and cookies from\N                                    Brown Paper Bag!\N                                  \N                                \N                                \N                                  Note: All items must be taken the same day.\N                                  ASI will not store leftover items.\N                                \N                              \N                            \N                          \N                        \N\N                        \N                      \N                    \N                  \N\N                  \N                  \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/SP25_USU_Farewell-Tour_CalEvent.jpg&quot;\N        alt=&quot;Union Farewell Tour Flier with events all week&quot;\N      /&gt;\N      {loadmoduleid 368}\N    &lt;/div&gt;\N    &lt;!-- Technically end of right side --&gt;\N  &lt;/div&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&lt;/div&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;  }  .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);  }  /* FAQ Section  */  .acco {    gap: 30px;    display: flex;    flex-direction: column;  }  .acco .acco-item {    border-bottom: 1px solid #fee6b8;    border: 1px solid #ecaa00;    border-radius: 5px;    box-shadow: 3px 3px 0px 0 rgb(0 0 0);    box-sizing: border-box;    background-color: #fff;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: rgb(0 0 0) !important;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #ecaa00 !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;    font-weight: 500;    display: flex;    flex-wrap: wrap;    width: 90% !important;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 35px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #ecaa00;    border-bottom: 1px solid #fee6b8;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #fee6b8;    border-right: 2px solid #fee6b8;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* FAQ Section end  */</style><div class="container-fluid">  <div class="row">    <!-- --------------------           START OF LEFT SIDE           --------------------- -->    <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">              <!-- EVENT DESCRIPTION -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  padding-bottom: 20px;                "              >                <div class="col-md-12">                  <!-- <p class="event-title-head">Events</p> -->                  <!-- Place all elements of description within their own p tags -->                  <div class="faq-container">                    <!-- Intro content -->                    <p>                      Join the University Student Union (USU) in a weeklong                      series of events to commemorate the building and all the                      fun that's been had along the years. Many of the events                      have FREE food, exciting prizes, fun activities and                      giveaways. Throughout the week, there will also be free                      gaming in the USU Games Center.                    </p>                    <p>                      The                      <a                        href="https://asicsulb.org/corporate/discover/futureu"                        target="_blank"                        ><b>Future U Project</b></a                      >                      is a bold vision to renovate and expand the USU, creating                      a modern and dynamic space to serve future generations of                      Long Beach State students. Before construction begins, we                      want to give students the opportunity to find community,                      connect and have fun.                    </p>                    <p>                      As a reminder, many of the services in the USU are not                      closing, just relocating! Check out the                      <a                        href="https://asicsulb.org/corporate/discover/futureu/future-u-food-relocation-1"                        target="_blank"                        ><b>food relocation</b></a                      >                      and                      <a                        href="https://asicsulb.org/corporate/discover/futureu/future-u-resource-relocation"                        target="_blank"                        ><b>resources relocation</b></a                      >                      pages on the Future U webpage for all the locations of                      your favorite ASI services.                    </p>                    <!-- END OF Intro content -->                    <!-- Accordion -->                    <div id="HistoryOfUniversity">                      <div class="acco">                        <!-- UFT1 (Union Farewell Tour) - Back to the 2000’s Night  -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Back to the 2000’s Night</span                            >                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 5</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Ballrooms                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">6 to 9 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Get ready to party like it's the 2000s! Join                                  us for an epic                                  <strong>Back to the 2000s</strong> celebration                                  packed with all the throwback vibes you love.                                  Jam out to your favorite millennium hits spun                                  by <strong>DJ B-Rokk</strong> while                                  challenging friends to 2000s trivia and bingo                                  for awesome prizes. Break out the board games                                  that defined the decade, snap memorable pics                                  at our photo booth, take home a custom                                  caricature and try your luck at our                                  opportunity drawing featuring a major prize!                                  Bring your crew for a night of crafts, dancing                                  and pure Y2K nostalgia. Don't miss this chance                                  to relive the era of frosted tips, flip phones                                  and unforgettable pop culture moments!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT2 (Union Farewell Tour) - Union Unplugged Block Party   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Union Unplugged Block Party                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 6</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU North Lawn                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 2 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Ready for a good time? Join us at                                  <strong>Union Unplugged</strong> for the                                  perfect afternoon of fun with friends! Enjoy                                  upbeat music from                                  <strong>22 West Media</strong>, satisfy your                                  cravings with delicious churros, acai bowls                                  and burgers. Try your luck at carnival games                                  with awesome giveaways, airbrush tattoos,                                  balloon creations, caricatures and more.                                  Connect with friends while exploring                                  interactive creative activities and learn                                  about the                                  <strong                                    ><a                                      href="https://www.asicsulb.org/corporate/discover/futureu"                                      target="_blank"                                      >Future U Project</a                                    ></strong                                  >. This block party brings all the right                                  energy to brighten your day—come experience                                  the perfect campus break!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT3 (Union Farewell Tour)  - Silent Disco   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Silent Disco </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 6</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Ballrooms                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">7 - 10 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Get your groove on through the decades at our                                  <strong>Silent Disco!</strong> Join us for a                                  night of free food, fun and dancing as you                                  switch between your favorite hits from the                                  80s, 90s and 2000s—all through wireless                                  headphones. Whether you're vibing to retro                                  beats or 2000s hits, there's a channel for                                  everyone. Don’t miss this unforgettable                                  experience where the music is in your ears and                                  the dance floor is yours!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT4 (Union Farewell Tour)  - Be a Kid Again Midday Recess   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Be a Kid Again Midday Recess                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 7</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Southwest Terrace                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11:30 am - 1:30 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Tap into your inner child with this midday                                  escape! Jam out to your favorite hits with                                  live DJ requests from DJ B-Rokk, and enjoy                                  classic activities like slime-making, chalk                                  art, hopscotch, musical chairs and so much                                  more. Get creative at our bubble making,                                  friendship bracelet and keychain making, and                                  sand jar stations. Treat yourself to all your                                  childhood favorites like—Uncrustables, Fun                                  Dip, animal cookies, goldfish, pizza and more.                                  It’s all the nostalgia you need to get through                                  for finals, you owe it to your younger self!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT5 (Union Farewell Tour)  - Movie Night featuring Wicked    -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Movie Night featuring Wicked                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 7</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Beach Auditorium                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">5:15 - 8:45 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Join us for an enchanting evening at our                                  <strong                                    >Wicked the Musical Movie Night!</strong                                  >                                  Indulge in free food and refreshments while                                  enjoying this beloved Broadway classic in a                                  cozy atmosphere. Embrace the spirit by                                  dressing as your favorite character—whether                                  you're sporting Elphaba's green or Glinda's                                  sparkle—for a chance to win our                                  <strong>Best Costume Contest</strong>. Come                                  experience the magic, music and heartwarming                                  memories with fellow fans at this special                                  screening event!                                </p>                                <p>                                  Doors open at 5:15 pm, movie begins at 6 pm.                                  Join us for <b>FREE dinner</b> from Raising                                  Canes, pre-movie trivia and exciting                                  opportunity drawings including Universal                                  Studio tickets!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT6 (Union Farewell Tour)  - Pawsitive Vibes     -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Pawsitive Vibes </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 8</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Southwest Terrace                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 2 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Recharge your spirit at our                                  <strong>Pawsitive Vibes</strong> wellness                                  event! Take a break from exam stress and                                  cuddle with puppies, explore creative                                  activities and crafts, enjoy relaxing                                  massages, listen to live music from 22 West                                  Media and savor complimentary refreshments.                                  Give yourself permission to unwind and gather                                  positive energy before finals. You deserve                                  this break!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT6 (Union Farewell Tour)  - Open Market     -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Open Market </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 9</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU NorthLawn                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 3 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Join us for our flea market-style event—a                                  sustainable, community-focused event where                                  <strong>ASI</strong> will be liquidating items                                  that won’t be relocated to our new spaces.                                </p>                                <p>What to Expect:</p>                                <ul>                                  <li>Free items from ASI/USU departments</li>                                  <li>                                    Student Lunchbox outdoor pantry and food                                    distribution                                  </li>                                  <li>                                    Thrift Club collaboration on Career Closet                                    Pop-up items                                  </li>                                  <li>                                    Free lunch for attendees (while supplies                                    last) – sandwiches, chips and cookies from                                    Brown Paper Bag!                                  </li>                                </ul>                                <p>                                  Note: All items must be taken the same day.                                  ASI will not store leftover items.                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- End of Candidates accordion -->                      </div>                    </div>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------          START OF RIGHT SIDE      --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/SP25_USU_Farewell-Tour_CalEvent.jpg"        alt="Union Farewell Tour Flier with events all week"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div>  <script>    document.addEventListener("DOMContentLoaded", function () {      document        .querySelectorAll("#HistoryOfUniversity .acco button")        .forEach((item) => item.addEventListener("click", toggleacco));      function toggleacco() {        const parentAcco = this.closest(".acco");        const itemsInThisAcco = parentAcco.querySelectorAll("button");        const currentStatus = this.getAttribute("aria-expanded");        if (currentStatus == "false") {          // Close all other items          // for (let i = 0; i < itemsInThisAcco.length; i++) {          //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");          // }          // Open the clicked item          this.setAttribute("aria-expanded", "true");        } else {          // Close the clicked item          this.setAttribute("aria-expanded", "false");        }      }    });  </script></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250501T143724Z
X-ACCESS:1
X-HITS:2803
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250505T180000
DTEND;TZID=America/Los_Angeles:20250505T210000
UID:3695F707-F2A4-4134-BE25-0479E4932235
SUMMARY:Union Farewell Tour: Back to the 2000’s Night
DTSTAMP:20250417T170327Z
DESCRIPTION:\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  /* FAQ Section  */\N  .acco {\N    gap: 30px;\N    display: flex;\N    flex-direction: column;\N  }\N\N  .acco .acco-item {\N    border-bottom: 1px solid #fee6b8;\N    border: 1px solid #ecaa00;\N    border-radius: 5px;\N    box-shadow: 3px 3px 0px 0 rgb(0 0 0);\N    box-sizing: border-box;\N    background-color: #fff;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: rgb(0 0 0) !important;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #ecaa00 !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N    font-weight: 500;\N    display: flex;\N    flex-wrap: wrap;\N    width: 90% !important;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 35px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #ecaa00;\N    border-bottom: 1px solid #fee6b8;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #fee6b8;\N    border-right: 2px solid #fee6b8;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* FAQ Section end  */\N\N\N  \N    \N    \N      \N          \N            \N              \N              \N                  !-- Events -->\N                  \N                  \N                    \N                    \N                      Join the University Student Union (USU) in a weeklong\N                      series of events to commemorate the building and all the\N                      fun that's been had along the years. Many of the events\N                      have FREE food, exciting prizes, fun activities and\N                      giveaways. Throughout the week, there will also be free\N                      gaming in the USU Games Center.\N                    \N                    \N                      The\N                      \N                      \N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 5\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Ballrooms\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  6 to 9 pm\N                                \N                              \N                              \N                                \N                                  Get ready to party like it's the 2000s! Join\N                                  us for an epic\N                                  Back to the 2000s celebration\N                                  packed with all the throwback vibes you love.\N                                  Jam out to your favorite millennium hits spun\N                                  by DJ B-Rokk while\N                                  challenging friends to 2000s trivia and bingo\N                                  for awesome prizes. Break out the board games\N                                  that defined the decade, snap memorable pics\N                                  at our photo booth, take home a custom\N                                  caricature and try your luck at our\N                                  opportunity drawing featuring a major prize!\N                                  Bring your crew for a night of crafts, dancing\N                                  and pure Y2K nostalgia. Don't miss this chance\N                                  to relive the era of frosted tips, flip phones\N                                  and unforgettable pop culture moments!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 6\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU North Lawn\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 2 pm\N                                \N                              \N                              \N                                \N                                  Ready for a good time? Join us at\N                                  Union Unplugged for the\N                                  perfect afternoon of fun with friends! Enjoy\N                                  upbeat music from\N                                  22 West Media, satisfy your\N                                  cravings with delicious churros, acai bowls\N                                  and burgers. Try your luck at carnival games\N                                  with awesome giveaways, airbrush tattoos,\N                                  balloon creations, caricatures and more.\N                                  Connect with friends while exploring\N                                  interactive creative activities and learn\N                                  about the\N                                  \N                          \N                            Silent Disco \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 6\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Ballrooms\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  7 - 10 pm\N                                \N                              \N                              \N                                \N                                  Get your groove on through the decades at our\N                                  Silent Disco! Join us for a\N                                  night of free food, fun and dancing as you\N                                  switch between your favorite hits from the\N                                  80s, 90s and 2000s—all through wireless\N                                  headphones. Whether you're vibing to retro\N                                  beats or 2000s hits, there's a channel for\N                                  everyone. Don’t miss this unforgettable\N                                  experience where the music is in your ears and\N                                  the dance floor is yours!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 7\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Southwest Terrace\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11:30 am - 1:30 pm\N                                \N                              \N                              \N                                \N                                  Tap into your inner child with this midday\N                                  escape! Jam out to your favorite hits with\N                                  live DJ requests from DJ B-Rokk, and enjoy\N                                  classic activities like slime-making, chalk\N                                  art, hopscotch, musical chairs and so much\N                                  more. Get creative at our bubble making,\N                                  friendship bracelet and keychain making, and\N                                  sand jar stations. Treat yourself to all your\N                                  childhood favorites like—Uncrustables, Fun\N                                  Dip, animal cookies, goldfish, pizza and more.\N                                  It’s all the nostalgia you need to get through\N                                  for finals, you owe it to your younger self!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 7\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Beach Auditorium\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  5:15 - 8:45 pm\N                                \N                              \N                              \N                                \N                                  Join us for an enchanting evening at our\N                                  Wicked the Musical Movie Night!\N                                  Indulge in free food and refreshments while\N                                  enjoying this beloved Broadway classic in a\N                                  cozy atmosphere. Embrace the spirit by\N                                  dressing as your favorite character—whether\N                                  you're sporting Elphaba's green or Glinda's\N                                  sparkle—for a chance to win our\N                                  Best Costume Contest. Come\N                                  experience the magic, music and heartwarming\N                                  memories with fellow fans at this special\N                                  screening event!\N                                \N                                \N                                  Doors open at 5:15 pm, movie begins at 6 pm.\N                                  Join us for FREE dinner from Raising\N                                  Canes, pre-movie trivia and exciting\N                                  opportunity drawings including Universal\N                                  Studio tickets!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            Pawsitive Vibes \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 8\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Southwest Terrace\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 2 pm\N                                \N                              \N                              \N                                \N                                  Recharge your spirit at our\N                                  Pawsitive Vibes wellness\N                                  event! Take a break from exam stress and\N                                  cuddle with puppies, explore creative\N                                  activities and crafts, enjoy relaxing\N                                  massages, listen to live music from 22 West\N                                  Media and savor complimentary refreshments.\N                                  Give yourself permission to unwind and gather\N                                  positive energy before finals. You deserve\N                                  this break!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            Open Market \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 9\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU NorthLawn\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 3 pm\N                                \N                              \N                              \N                                \N                                  Join us for our flea market-style event—a\N                                  sustainable, community-focused event where\N                                  ASI will be liquidating items\N                                  that won’t be relocated to our new spaces.\N                                \N                                What to Expect:\N                                \N                                  Free items from ASI/USU departments\N                                  \N                                    Student Lunchbox outdoor pantry and food\N                                    distribution\N                                  \N                                  \N                                    Thrift Club collaboration on Career Closet\N                                    Pop-up items\N                                  \N                                  \N                                    Free lunch for attendees (while supplies\N                                    last) – sandwiches, chips and cookies from\N                                    Brown Paper Bag!\N                                  \N                                \N                                \N                                  Note: All items must be taken the same day.\N                                  ASI will not store leftover items.\N                                \N                              \N                            \N                          \N                        \N\N                        \N                      \N                    \N                  \N\N                  \N                  \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/SP25_USU_Farewell-Tour_CalEvent.jpg&quot;\N        alt=&quot;Union Farewell Tour Flier with events all week&quot;\N      /&gt;\N      {loadmoduleid 368}\N    &lt;/div&gt;\N    &lt;!-- Technically end of right side --&gt;\N  &lt;/div&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&lt;/div&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;  }  .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);  }  /* FAQ Section  */  .acco {    gap: 30px;    display: flex;    flex-direction: column;  }  .acco .acco-item {    border-bottom: 1px solid #fee6b8;    border: 1px solid #ecaa00;    border-radius: 5px;    box-shadow: 3px 3px 0px 0 rgb(0 0 0);    box-sizing: border-box;    background-color: #fff;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: rgb(0 0 0) !important;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #ecaa00 !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;    font-weight: 500;    display: flex;    flex-wrap: wrap;    width: 90% !important;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 35px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #ecaa00;    border-bottom: 1px solid #fee6b8;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #fee6b8;    border-right: 2px solid #fee6b8;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* FAQ Section end  */</style><div class="container-fluid">  <div class="row">    <!-- --------------------           START OF LEFT SIDE           --------------------- -->    <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">              <!-- EVENT DESCRIPTION -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  padding-bottom: 20px;                "              >                <div class="col-md-12">                  <!-- <p class="event-title-head">Events</p> -->                  <!-- Place all elements of description within their own p tags -->                  <div class="faq-container">                    <!-- Intro content -->                    <p>                      Join the University Student Union (USU) in a weeklong                      series of events to commemorate the building and all the                      fun that's been had along the years. Many of the events                      have FREE food, exciting prizes, fun activities and                      giveaways. Throughout the week, there will also be free                      gaming in the USU Games Center.                    </p>                    <p>                      The                      <a                        href="https://asicsulb.org/corporate/discover/futureu"                        target="_blank"                        ><b>Future U Project</b></a                      >                      is a bold vision to renovate and expand the USU, creating                      a modern and dynamic space to serve future generations of                      Long Beach State students. Before construction begins, we                      want to give students the opportunity to find community,                      connect and have fun.                    </p>                    <p>                      As a reminder, many of the services in the USU are not                      closing, just relocating! Check out the                      <a                        href="https://asicsulb.org/corporate/discover/futureu/future-u-food-relocation-1"                        target="_blank"                        ><b>food relocation</b></a                      >                      and                      <a                        href="https://asicsulb.org/corporate/discover/futureu/future-u-resource-relocation"                        target="_blank"                        ><b>resources relocation</b></a                      >                      pages on the Future U webpage for all the locations of                      your favorite ASI services.                    </p>                    <!-- END OF Intro content -->                    <!-- Accordion -->                    <div id="HistoryOfUniversity">                      <div class="acco">                        <!-- UFT1 (Union Farewell Tour) - Back to the 2000’s Night  -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Back to the 2000’s Night</span                            >                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 5</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Ballrooms                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">6 to 9 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Get ready to party like it's the 2000s! Join                                  us for an epic                                  <strong>Back to the 2000s</strong> celebration                                  packed with all the throwback vibes you love.                                  Jam out to your favorite millennium hits spun                                  by <strong>DJ B-Rokk</strong> while                                  challenging friends to 2000s trivia and bingo                                  for awesome prizes. Break out the board games                                  that defined the decade, snap memorable pics                                  at our photo booth, take home a custom                                  caricature and try your luck at our                                  opportunity drawing featuring a major prize!                                  Bring your crew for a night of crafts, dancing                                  and pure Y2K nostalgia. Don't miss this chance                                  to relive the era of frosted tips, flip phones                                  and unforgettable pop culture moments!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT2 (Union Farewell Tour) - Union Unplugged Block Party   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Union Unplugged Block Party                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 6</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU North Lawn                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 2 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Ready for a good time? Join us at                                  <strong>Union Unplugged</strong> for the                                  perfect afternoon of fun with friends! Enjoy                                  upbeat music from                                  <strong>22 West Media</strong>, satisfy your                                  cravings with delicious churros, acai bowls                                  and burgers. Try your luck at carnival games                                  with awesome giveaways, airbrush tattoos,                                  balloon creations, caricatures and more.                                  Connect with friends while exploring                                  interactive creative activities and learn                                  about the                                  <strong                                    ><a                                      href="https://www.asicsulb.org/corporate/discover/futureu"                                      target="_blank"                                      >Future U Project</a                                    ></strong                                  >. This block party brings all the right                                  energy to brighten your day—come experience                                  the perfect campus break!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT3 (Union Farewell Tour)  - Silent Disco   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Silent Disco </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 6</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Ballrooms                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">7 - 10 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Get your groove on through the decades at our                                  <strong>Silent Disco!</strong> Join us for a                                  night of free food, fun and dancing as you                                  switch between your favorite hits from the                                  80s, 90s and 2000s—all through wireless                                  headphones. Whether you're vibing to retro                                  beats or 2000s hits, there's a channel for                                  everyone. Don’t miss this unforgettable                                  experience where the music is in your ears and                                  the dance floor is yours!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT4 (Union Farewell Tour)  - Be a Kid Again Midday Recess   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Be a Kid Again Midday Recess                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 7</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Southwest Terrace                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11:30 am - 1:30 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Tap into your inner child with this midday                                  escape! Jam out to your favorite hits with                                  live DJ requests from DJ B-Rokk, and enjoy                                  classic activities like slime-making, chalk                                  art, hopscotch, musical chairs and so much                                  more. Get creative at our bubble making,                                  friendship bracelet and keychain making, and                                  sand jar stations. Treat yourself to all your                                  childhood favorites like—Uncrustables, Fun                                  Dip, animal cookies, goldfish, pizza and more.                                  It’s all the nostalgia you need to get through                                  for finals, you owe it to your younger self!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT5 (Union Farewell Tour)  - Movie Night featuring Wicked    -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Movie Night featuring Wicked                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 7</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Beach Auditorium                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">5:15 - 8:45 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Join us for an enchanting evening at our                                  <strong                                    >Wicked the Musical Movie Night!</strong                                  >                                  Indulge in free food and refreshments while                                  enjoying this beloved Broadway classic in a                                  cozy atmosphere. Embrace the spirit by                                  dressing as your favorite character—whether                                  you're sporting Elphaba's green or Glinda's                                  sparkle—for a chance to win our                                  <strong>Best Costume Contest</strong>. Come                                  experience the magic, music and heartwarming                                  memories with fellow fans at this special                                  screening event!                                </p>                                <p>                                  Doors open at 5:15 pm, movie begins at 6 pm.                                  Join us for <b>FREE dinner</b> from Raising                                  Canes, pre-movie trivia and exciting                                  opportunity drawings including Universal                                  Studio tickets!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT6 (Union Farewell Tour)  - Pawsitive Vibes     -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Pawsitive Vibes </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 8</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Southwest Terrace                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 2 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Recharge your spirit at our                                  <strong>Pawsitive Vibes</strong> wellness                                  event! Take a break from exam stress and                                  cuddle with puppies, explore creative                                  activities and crafts, enjoy relaxing                                  massages, listen to live music from 22 West                                  Media and savor complimentary refreshments.                                  Give yourself permission to unwind and gather                                  positive energy before finals. You deserve                                  this break!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT6 (Union Farewell Tour)  - Open Market     -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Open Market </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 9</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU NorthLawn                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 3 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Join us for our flea market-style event—a                                  sustainable, community-focused event where                                  <strong>ASI</strong> will be liquidating items                                  that won’t be relocated to our new spaces.                                </p>                                <p>What to Expect:</p>                                <ul>                                  <li>Free items from ASI/USU departments</li>                                  <li>                                    Student Lunchbox outdoor pantry and food                                    distribution                                  </li>                                  <li>                                    Thrift Club collaboration on Career Closet                                    Pop-up items                                  </li>                                  <li>                                    Free lunch for attendees (while supplies                                    last) – sandwiches, chips and cookies from                                    Brown Paper Bag!                                  </li>                                </ul>                                <p>                                  Note: All items must be taken the same day.                                  ASI will not store leftover items.                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- End of Candidates accordion -->                      </div>                    </div>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------          START OF RIGHT SIDE      --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/SP25_USU_Farewell-Tour_CalEvent.jpg"        alt="Union Farewell Tour Flier with events all week"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div>  <script>    document.addEventListener("DOMContentLoaded", function () {      document        .querySelectorAll("#HistoryOfUniversity .acco button")        .forEach((item) => item.addEventListener("click", toggleacco));      function toggleacco() {        const parentAcco = this.closest(".acco");        const itemsInThisAcco = parentAcco.querySelectorAll("button");        const currentStatus = this.getAttribute("aria-expanded");        if (currentStatus == "false") {          // Close all other items          // for (let i = 0; i < itemsInThisAcco.length; i++) {          //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");          // }          // Open the clicked item          this.setAttribute("aria-expanded", "true");        } else {          // Close the clicked item          this.setAttribute("aria-expanded", "false");        }      }    });  </script></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250501T143638Z
X-ACCESS:1
X-HITS:1121
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250506T110000
DTEND;TZID=America/Los_Angeles:20250506T140000
UID:9271D789-C75F-4BE4-AC2F-3724921C19B4
SUMMARY:Union Farewell Tour: Union Unplugged Block Party 
DTSTAMP:20250417T170327Z
DESCRIPTION:\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  /* FAQ Section  */\N  .acco {\N    gap: 30px;\N    display: flex;\N    flex-direction: column;\N  }\N\N  .acco .acco-item {\N    border-bottom: 1px solid #fee6b8;\N    border: 1px solid #ecaa00;\N    border-radius: 5px;\N    box-shadow: 3px 3px 0px 0 rgb(0 0 0);\N    box-sizing: border-box;\N    background-color: #fff;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: rgb(0 0 0) !important;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #ecaa00 !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N    font-weight: 500;\N    display: flex;\N    flex-wrap: wrap;\N    width: 90% !important;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 35px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #ecaa00;\N    border-bottom: 1px solid #fee6b8;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #fee6b8;\N    border-right: 2px solid #fee6b8;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* FAQ Section end  */\N\N\N  \N    \N    \N      \N          \N            \N              \N              \N                  !-- Events -->\N                  \N                  \N                    \N                    \N                      Join the University Student Union (USU) in a weeklong\N                      series of events to commemorate the building and all the\N                      fun that's been had along the years. Many of the events\N                      have FREE food, exciting prizes, fun activities and\N                      giveaways. Throughout the week, there will also be free\N                      gaming in the USU Games Center.\N                    \N                    \N                      The\N                      \N                      \N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 5\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Ballrooms\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  6 to 9 pm\N                                \N                              \N                              \N                                \N                                  Get ready to party like it's the 2000s! Join\N                                  us for an epic\N                                  Back to the 2000s celebration\N                                  packed with all the throwback vibes you love.\N                                  Jam out to your favorite millennium hits spun\N                                  by DJ B-Rokk while\N                                  challenging friends to 2000s trivia and bingo\N                                  for awesome prizes. Break out the board games\N                                  that defined the decade, snap memorable pics\N                                  at our photo booth, take home a custom\N                                  caricature and try your luck at our\N                                  opportunity drawing featuring a major prize!\N                                  Bring your crew for a night of crafts, dancing\N                                  and pure Y2K nostalgia. Don't miss this chance\N                                  to relive the era of frosted tips, flip phones\N                                  and unforgettable pop culture moments!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 6\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU North Lawn\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 2 pm\N                                \N                              \N                              \N                                \N                                  Ready for a good time? Join us at\N                                  Union Unplugged for the\N                                  perfect afternoon of fun with friends! Enjoy\N                                  upbeat music from\N                                  22 West Media, satisfy your\N                                  cravings with delicious churros, acai bowls\N                                  and burgers. Try your luck at carnival games\N                                  with awesome giveaways, airbrush tattoos,\N                                  balloon creations, caricatures and more.\N                                  Connect with friends while exploring\N                                  interactive creative activities and learn\N                                  about the\N                                  \N                          \N                            Silent Disco \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 6\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Ballrooms\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  7 - 10 pm\N                                \N                              \N                              \N                                \N                                  Get your groove on through the decades at our\N                                  Silent Disco! Join us for a\N                                  night of free food, fun and dancing as you\N                                  switch between your favorite hits from the\N                                  80s, 90s and 2000s—all through wireless\N                                  headphones. Whether you're vibing to retro\N                                  beats or 2000s hits, there's a channel for\N                                  everyone. Don’t miss this unforgettable\N                                  experience where the music is in your ears and\N                                  the dance floor is yours!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 7\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Southwest Terrace\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11:30 am - 1:30 pm\N                                \N                              \N                              \N                                \N                                  Tap into your inner child with this midday\N                                  escape! Jam out to your favorite hits with\N                                  live DJ requests from DJ B-Rokk, and enjoy\N                                  classic activities like slime-making, chalk\N                                  art, hopscotch, musical chairs and so much\N                                  more. Get creative at our bubble making,\N                                  friendship bracelet and keychain making, and\N                                  sand jar stations. Treat yourself to all your\N                                  childhood favorites like—Uncrustables, Fun\N                                  Dip, animal cookies, goldfish, pizza and more.\N                                  It’s all the nostalgia you need to get through\N                                  for finals, you owe it to your younger self!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 7\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Beach Auditorium\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  5:15 - 8:45 pm\N                                \N                              \N                              \N                                \N                                  Join us for an enchanting evening at our\N                                  Wicked the Musical Movie Night!\N                                  Indulge in free food and refreshments while\N                                  enjoying this beloved Broadway classic in a\N                                  cozy atmosphere. Embrace the spirit by\N                                  dressing as your favorite character—whether\N                                  you're sporting Elphaba's green or Glinda's\N                                  sparkle—for a chance to win our\N                                  Best Costume Contest. Come\N                                  experience the magic, music and heartwarming\N                                  memories with fellow fans at this special\N                                  screening event!\N                                \N                                \N                                  Doors open at 5:15 pm, movie begins at 6 pm.\N                                  Join us for FREE dinner from Raising\N                                  Canes, pre-movie trivia and exciting\N                                  opportunity drawings including Universal\N                                  Studio tickets!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            Pawsitive Vibes \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 8\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Southwest Terrace\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 2 pm\N                                \N                              \N                              \N                                \N                                  Recharge your spirit at our\N                                  Pawsitive Vibes wellness\N                                  event! Take a break from exam stress and\N                                  cuddle with puppies, explore creative\N                                  activities and crafts, enjoy relaxing\N                                  massages, listen to live music from 22 West\N                                  Media and savor complimentary refreshments.\N                                  Give yourself permission to unwind and gather\N                                  positive energy before finals. You deserve\N                                  this break!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            Open Market \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 9\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU NorthLawn\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 3 pm\N                                \N                              \N                              \N                                \N                                  Join us for our flea market-style event—a\N                                  sustainable, community-focused event where\N                                  ASI will be liquidating items\N                                  that won’t be relocated to our new spaces.\N                                \N                                What to Expect:\N                                \N                                  Free items from ASI/USU departments\N                                  \N                                    Student Lunchbox outdoor pantry and food\N                                    distribution\N                                  \N                                  \N                                    Thrift Club collaboration on Career Closet\N                                    Pop-up items\N                                  \N                                  \N                                    Free lunch for attendees (while supplies\N                                    last) – sandwiches, chips and cookies from\N                                    Brown Paper Bag!\N                                  \N                                \N                                \N                                  Note: All items must be taken the same day.\N                                  ASI will not store leftover items.\N                                \N                              \N                            \N                          \N                        \N\N                        \N                      \N                    \N                  \N\N                  \N                  \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/SP25_USU_Farewell-Tour_CalEvent.jpg&quot;\N        alt=&quot;Union Farewell Tour Flier with events all week&quot;\N      /&gt;\N      {loadmoduleid 368}\N    &lt;/div&gt;\N    &lt;!-- Technically end of right side --&gt;\N  &lt;/div&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&lt;/div&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;  }  .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);  }  /* FAQ Section  */  .acco {    gap: 30px;    display: flex;    flex-direction: column;  }  .acco .acco-item {    border-bottom: 1px solid #fee6b8;    border: 1px solid #ecaa00;    border-radius: 5px;    box-shadow: 3px 3px 0px 0 rgb(0 0 0);    box-sizing: border-box;    background-color: #fff;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: rgb(0 0 0) !important;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #ecaa00 !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;    font-weight: 500;    display: flex;    flex-wrap: wrap;    width: 90% !important;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 35px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #ecaa00;    border-bottom: 1px solid #fee6b8;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #fee6b8;    border-right: 2px solid #fee6b8;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* FAQ Section end  */</style><div class="container-fluid">  <div class="row">    <!-- --------------------           START OF LEFT SIDE           --------------------- -->    <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">              <!-- EVENT DESCRIPTION -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  padding-bottom: 20px;                "              >                <div class="col-md-12">                  <!-- <p class="event-title-head">Events</p> -->                  <!-- Place all elements of description within their own p tags -->                  <div class="faq-container">                    <!-- Intro content -->                    <p>                      Join the University Student Union (USU) in a weeklong                      series of events to commemorate the building and all the                      fun that's been had along the years. Many of the events                      have FREE food, exciting prizes, fun activities and                      giveaways. Throughout the week, there will also be free                      gaming in the USU Games Center.                    </p>                    <p>                      The                      <a                        href="https://asicsulb.org/corporate/discover/futureu"                        target="_blank"                        ><b>Future U Project</b></a                      >                      is a bold vision to renovate and expand the USU, creating                      a modern and dynamic space to serve future generations of                      Long Beach State students. Before construction begins, we                      want to give students the opportunity to find community,                      connect and have fun.                    </p>                    <p>                      As a reminder, many of the services in the USU are not                      closing, just relocating! Check out the                      <a                        href="https://asicsulb.org/corporate/discover/futureu/future-u-food-relocation-1"                        target="_blank"                        ><b>food relocation</b></a                      >                      and                      <a                        href="https://asicsulb.org/corporate/discover/futureu/future-u-resource-relocation"                        target="_blank"                        ><b>resources relocation</b></a                      >                      pages on the Future U webpage for all the locations of                      your favorite ASI services.                    </p>                    <!-- END OF Intro content -->                    <!-- Accordion -->                    <div id="HistoryOfUniversity">                      <div class="acco">                        <!-- UFT1 (Union Farewell Tour) - Back to the 2000’s Night  -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Back to the 2000’s Night</span                            >                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 5</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Ballrooms                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">6 to 9 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Get ready to party like it's the 2000s! Join                                  us for an epic                                  <strong>Back to the 2000s</strong> celebration                                  packed with all the throwback vibes you love.                                  Jam out to your favorite millennium hits spun                                  by <strong>DJ B-Rokk</strong> while                                  challenging friends to 2000s trivia and bingo                                  for awesome prizes. Break out the board games                                  that defined the decade, snap memorable pics                                  at our photo booth, take home a custom                                  caricature and try your luck at our                                  opportunity drawing featuring a major prize!                                  Bring your crew for a night of crafts, dancing                                  and pure Y2K nostalgia. Don't miss this chance                                  to relive the era of frosted tips, flip phones                                  and unforgettable pop culture moments!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT2 (Union Farewell Tour) - Union Unplugged Block Party   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Union Unplugged Block Party                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 6</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU North Lawn                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 2 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Ready for a good time? Join us at                                  <strong>Union Unplugged</strong> for the                                  perfect afternoon of fun with friends! Enjoy                                  upbeat music from                                  <strong>22 West Media</strong>, satisfy your                                  cravings with delicious churros, acai bowls                                  and burgers. Try your luck at carnival games                                  with awesome giveaways, airbrush tattoos,                                  balloon creations, caricatures and more.                                  Connect with friends while exploring                                  interactive creative activities and learn                                  about the                                  <strong                                    ><a                                      href="https://www.asicsulb.org/corporate/discover/futureu"                                      target="_blank"                                      >Future U Project</a                                    ></strong                                  >. This block party brings all the right                                  energy to brighten your day—come experience                                  the perfect campus break!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT3 (Union Farewell Tour)  - Silent Disco   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Silent Disco </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 6</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Ballrooms                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">7 - 10 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Get your groove on through the decades at our                                  <strong>Silent Disco!</strong> Join us for a                                  night of free food, fun and dancing as you                                  switch between your favorite hits from the                                  80s, 90s and 2000s—all through wireless                                  headphones. Whether you're vibing to retro                                  beats or 2000s hits, there's a channel for                                  everyone. Don’t miss this unforgettable                                  experience where the music is in your ears and                                  the dance floor is yours!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT4 (Union Farewell Tour)  - Be a Kid Again Midday Recess   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Be a Kid Again Midday Recess                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 7</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Southwest Terrace                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11:30 am - 1:30 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Tap into your inner child with this midday                                  escape! Jam out to your favorite hits with                                  live DJ requests from DJ B-Rokk, and enjoy                                  classic activities like slime-making, chalk                                  art, hopscotch, musical chairs and so much                                  more. Get creative at our bubble making,                                  friendship bracelet and keychain making, and                                  sand jar stations. Treat yourself to all your                                  childhood favorites like—Uncrustables, Fun                                  Dip, animal cookies, goldfish, pizza and more.                                  It’s all the nostalgia you need to get through                                  for finals, you owe it to your younger self!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT5 (Union Farewell Tour)  - Movie Night featuring Wicked    -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Movie Night featuring Wicked                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 7</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Beach Auditorium                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">5:15 - 8:45 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Join us for an enchanting evening at our                                  <strong                                    >Wicked the Musical Movie Night!</strong                                  >                                  Indulge in free food and refreshments while                                  enjoying this beloved Broadway classic in a                                  cozy atmosphere. Embrace the spirit by                                  dressing as your favorite character—whether                                  you're sporting Elphaba's green or Glinda's                                  sparkle—for a chance to win our                                  <strong>Best Costume Contest</strong>. Come                                  experience the magic, music and heartwarming                                  memories with fellow fans at this special                                  screening event!                                </p>                                <p>                                  Doors open at 5:15 pm, movie begins at 6 pm.                                  Join us for <b>FREE dinner</b> from Raising                                  Canes, pre-movie trivia and exciting                                  opportunity drawings including Universal                                  Studio tickets!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT6 (Union Farewell Tour)  - Pawsitive Vibes     -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Pawsitive Vibes </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 8</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Southwest Terrace                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 2 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Recharge your spirit at our                                  <strong>Pawsitive Vibes</strong> wellness                                  event! Take a break from exam stress and                                  cuddle with puppies, explore creative                                  activities and crafts, enjoy relaxing                                  massages, listen to live music from 22 West                                  Media and savor complimentary refreshments.                                  Give yourself permission to unwind and gather                                  positive energy before finals. You deserve                                  this break!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT6 (Union Farewell Tour)  - Open Market     -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Open Market </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 9</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU NorthLawn                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 3 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Join us for our flea market-style event—a                                  sustainable, community-focused event where                                  <strong>ASI</strong> will be liquidating items                                  that won’t be relocated to our new spaces.                                </p>                                <p>What to Expect:</p>                                <ul>                                  <li>Free items from ASI/USU departments</li>                                  <li>                                    Student Lunchbox outdoor pantry and food                                    distribution                                  </li>                                  <li>                                    Thrift Club collaboration on Career Closet                                    Pop-up items                                  </li>                                  <li>                                    Free lunch for attendees (while supplies                                    last) – sandwiches, chips and cookies from                                    Brown Paper Bag!                                  </li>                                </ul>                                <p>                                  Note: All items must be taken the same day.                                  ASI will not store leftover items.                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- End of Candidates accordion -->                      </div>                    </div>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------          START OF RIGHT SIDE      --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/SP25_USU_Farewell-Tour_CalEvent.jpg"        alt="Union Farewell Tour Flier with events all week"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div>  <script>    document.addEventListener("DOMContentLoaded", function () {      document        .querySelectorAll("#HistoryOfUniversity .acco button")        .forEach((item) => item.addEventListener("click", toggleacco));      function toggleacco() {        const parentAcco = this.closest(".acco");        const itemsInThisAcco = parentAcco.querySelectorAll("button");        const currentStatus = this.getAttribute("aria-expanded");        if (currentStatus == "false") {          // Close all other items          // for (let i = 0; i < itemsInThisAcco.length; i++) {          //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");          // }          // Open the clicked item          this.setAttribute("aria-expanded", "true");        } else {          // Close the clicked item          this.setAttribute("aria-expanded", "false");        }      }    });  </script></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250501T143821Z
X-ACCESS:1
X-HITS:1066
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250506T190000
DTEND;TZID=America/Los_Angeles:20250506T220000
UID:5C635BF7-DCCA-449D-8DD7-82E255431CAD
SUMMARY:Union Farewell Tour: Silent Disco  
DTSTAMP:20250417T170327Z
DESCRIPTION:\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  /* FAQ Section  */\N  .acco {\N    gap: 30px;\N    display: flex;\N    flex-direction: column;\N  }\N\N  .acco .acco-item {\N    border-bottom: 1px solid #fee6b8;\N    border: 1px solid #ecaa00;\N    border-radius: 5px;\N    box-shadow: 3px 3px 0px 0 rgb(0 0 0);\N    box-sizing: border-box;\N    background-color: #fff;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: rgb(0 0 0) !important;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #ecaa00 !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N    font-weight: 500;\N    display: flex;\N    flex-wrap: wrap;\N    width: 90% !important;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 35px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #ecaa00;\N    border-bottom: 1px solid #fee6b8;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #fee6b8;\N    border-right: 2px solid #fee6b8;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* FAQ Section end  */\N\N\N  \N    \N    \N      \N          \N            \N              \N              \N                  !-- Events -->\N                  \N                  \N                    \N                    \N                      Join the University Student Union (USU) in a weeklong\N                      series of events to commemorate the building and all the\N                      fun that's been had along the years. Many of the events\N                      have FREE food, exciting prizes, fun activities and\N                      giveaways. Throughout the week, there will also be free\N                      gaming in the USU Games Center.\N                    \N                    \N                      The\N                      \N                      \N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 5\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Ballrooms\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  6 to 9 pm\N                                \N                              \N                              \N                                \N                                  Get ready to party like it's the 2000s! Join\N                                  us for an epic\N                                  Back to the 2000s celebration\N                                  packed with all the throwback vibes you love.\N                                  Jam out to your favorite millennium hits spun\N                                  by DJ B-Rokk while\N                                  challenging friends to 2000s trivia and bingo\N                                  for awesome prizes. Break out the board games\N                                  that defined the decade, snap memorable pics\N                                  at our photo booth, take home a custom\N                                  caricature and try your luck at our\N                                  opportunity drawing featuring a major prize!\N                                  Bring your crew for a night of crafts, dancing\N                                  and pure Y2K nostalgia. Don't miss this chance\N                                  to relive the era of frosted tips, flip phones\N                                  and unforgettable pop culture moments!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 6\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU North Lawn\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 2 pm\N                                \N                              \N                              \N                                \N                                  Ready for a good time? Join us at\N                                  Union Unplugged for the\N                                  perfect afternoon of fun with friends! Enjoy\N                                  upbeat music from\N                                  22 West Media, satisfy your\N                                  cravings with delicious churros, acai bowls\N                                  and burgers. Try your luck at carnival games\N                                  with awesome giveaways, airbrush tattoos,\N                                  balloon creations, caricatures and more.\N                                  Connect with friends while exploring\N                                  interactive creative activities and learn\N                                  about the\N                                  \N                          \N                            Silent Disco \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 6\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Ballrooms\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  7 - 10 pm\N                                \N                              \N                              \N                                \N                                  Get your groove on through the decades at our\N                                  Silent Disco! Join us for a\N                                  night of free food, fun and dancing as you\N                                  switch between your favorite hits from the\N                                  80s, 90s and 2000s—all through wireless\N                                  headphones. Whether you're vibing to retro\N                                  beats or 2000s hits, there's a channel for\N                                  everyone. Don’t miss this unforgettable\N                                  experience where the music is in your ears and\N                                  the dance floor is yours!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 7\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Southwest Terrace\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11:30 am - 1:30 pm\N                                \N                              \N                              \N                                \N                                  Tap into your inner child with this midday\N                                  escape! Jam out to your favorite hits with\N                                  live DJ requests from DJ B-Rokk, and enjoy\N                                  classic activities like slime-making, chalk\N                                  art, hopscotch, musical chairs and so much\N                                  more. Get creative at our bubble making,\N                                  friendship bracelet and keychain making, and\N                                  sand jar stations. Treat yourself to all your\N                                  childhood favorites like—Uncrustables, Fun\N                                  Dip, animal cookies, goldfish, pizza and more.\N                                  It’s all the nostalgia you need to get through\N                                  for finals, you owe it to your younger self!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 7\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Beach Auditorium\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  5:15 - 8:45 pm\N                                \N                              \N                              \N                                \N                                  Join us for an enchanting evening at our\N                                  Wicked the Musical Movie Night!\N                                  Indulge in free food and refreshments while\N                                  enjoying this beloved Broadway classic in a\N                                  cozy atmosphere. Embrace the spirit by\N                                  dressing as your favorite character—whether\N                                  you're sporting Elphaba's green or Glinda's\N                                  sparkle—for a chance to win our\N                                  Best Costume Contest. Come\N                                  experience the magic, music and heartwarming\N                                  memories with fellow fans at this special\N                                  screening event!\N                                \N                                \N                                  Doors open at 5:15 pm, movie begins at 6 pm.\N                                  Join us for FREE dinner from Raising\N                                  Canes, pre-movie trivia and exciting\N                                  opportunity drawings including Universal\N                                  Studio tickets!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            Pawsitive Vibes \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 8\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Southwest Terrace\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 2 pm\N                                \N                              \N                              \N                                \N                                  Recharge your spirit at our\N                                  Pawsitive Vibes wellness\N                                  event! Take a break from exam stress and\N                                  cuddle with puppies, explore creative\N                                  activities and crafts, enjoy relaxing\N                                  massages, listen to live music from 22 West\N                                  Media and savor complimentary refreshments.\N                                  Give yourself permission to unwind and gather\N                                  positive energy before finals. You deserve\N                                  this break!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            Open Market \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 9\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU NorthLawn\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 3 pm\N                                \N                              \N                              \N                                \N                                  Join us for our flea market-style event—a\N                                  sustainable, community-focused event where\N                                  ASI will be liquidating items\N                                  that won’t be relocated to our new spaces.\N                                \N                                What to Expect:\N                                \N                                  Free items from ASI/USU departments\N                                  \N                                    Student Lunchbox outdoor pantry and food\N                                    distribution\N                                  \N                                  \N                                    Thrift Club collaboration on Career Closet\N                                    Pop-up items\N                                  \N                                  \N                                    Free lunch for attendees (while supplies\N                                    last) – sandwiches, chips and cookies from\N                                    Brown Paper Bag!\N                                  \N                                \N                                \N                                  Note: All items must be taken the same day.\N                                  ASI will not store leftover items.\N                                \N                              \N                            \N                          \N                        \N\N                        \N                      \N                    \N                  \N\N                  \N                  \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/SP25_USU_Farewell-Tour_CalEvent.jpg&quot;\N        alt=&quot;Union Farewell Tour Flier with events all week&quot;\N      /&gt;\N      {loadmoduleid 368}\N    &lt;/div&gt;\N    &lt;!-- Technically end of right side --&gt;\N  &lt;/div&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&lt;/div&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;  }  .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);  }  /* FAQ Section  */  .acco {    gap: 30px;    display: flex;    flex-direction: column;  }  .acco .acco-item {    border-bottom: 1px solid #fee6b8;    border: 1px solid #ecaa00;    border-radius: 5px;    box-shadow: 3px 3px 0px 0 rgb(0 0 0);    box-sizing: border-box;    background-color: #fff;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: rgb(0 0 0) !important;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #ecaa00 !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;    font-weight: 500;    display: flex;    flex-wrap: wrap;    width: 90% !important;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 35px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #ecaa00;    border-bottom: 1px solid #fee6b8;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #fee6b8;    border-right: 2px solid #fee6b8;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* FAQ Section end  */</style><div class="container-fluid">  <div class="row">    <!-- --------------------           START OF LEFT SIDE           --------------------- -->    <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">              <!-- EVENT DESCRIPTION -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  padding-bottom: 20px;                "              >                <div class="col-md-12">                  <!-- <p class="event-title-head">Events</p> -->                  <!-- Place all elements of description within their own p tags -->                  <div class="faq-container">                    <!-- Intro content -->                    <p>                      Join the University Student Union (USU) in a weeklong                      series of events to commemorate the building and all the                      fun that's been had along the years. Many of the events                      have FREE food, exciting prizes, fun activities and                      giveaways. Throughout the week, there will also be free                      gaming in the USU Games Center.                    </p>                    <p>                      The                      <a                        href="https://asicsulb.org/corporate/discover/futureu"                        target="_blank"                        ><b>Future U Project</b></a                      >                      is a bold vision to renovate and expand the USU, creating                      a modern and dynamic space to serve future generations of                      Long Beach State students. Before construction begins, we                      want to give students the opportunity to find community,                      connect and have fun.                    </p>                    <p>                      As a reminder, many of the services in the USU are not                      closing, just relocating! Check out the                      <a                        href="https://asicsulb.org/corporate/discover/futureu/future-u-food-relocation-1"                        target="_blank"                        ><b>food relocation</b></a                      >                      and                      <a                        href="https://asicsulb.org/corporate/discover/futureu/future-u-resource-relocation"                        target="_blank"                        ><b>resources relocation</b></a                      >                      pages on the Future U webpage for all the locations of                      your favorite ASI services.                    </p>                    <!-- END OF Intro content -->                    <!-- Accordion -->                    <div id="HistoryOfUniversity">                      <div class="acco">                        <!-- UFT1 (Union Farewell Tour) - Back to the 2000’s Night  -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Back to the 2000’s Night</span                            >                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 5</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Ballrooms                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">6 to 9 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Get ready to party like it's the 2000s! Join                                  us for an epic                                  <strong>Back to the 2000s</strong> celebration                                  packed with all the throwback vibes you love.                                  Jam out to your favorite millennium hits spun                                  by <strong>DJ B-Rokk</strong> while                                  challenging friends to 2000s trivia and bingo                                  for awesome prizes. Break out the board games                                  that defined the decade, snap memorable pics                                  at our photo booth, take home a custom                                  caricature and try your luck at our                                  opportunity drawing featuring a major prize!                                  Bring your crew for a night of crafts, dancing                                  and pure Y2K nostalgia. Don't miss this chance                                  to relive the era of frosted tips, flip phones                                  and unforgettable pop culture moments!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT2 (Union Farewell Tour) - Union Unplugged Block Party   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Union Unplugged Block Party                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 6</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU North Lawn                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 2 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Ready for a good time? Join us at                                  <strong>Union Unplugged</strong> for the                                  perfect afternoon of fun with friends! Enjoy                                  upbeat music from                                  <strong>22 West Media</strong>, satisfy your                                  cravings with delicious churros, acai bowls                                  and burgers. Try your luck at carnival games                                  with awesome giveaways, airbrush tattoos,                                  balloon creations, caricatures and more.                                  Connect with friends while exploring                                  interactive creative activities and learn                                  about the                                  <strong                                    ><a                                      href="https://www.asicsulb.org/corporate/discover/futureu"                                      target="_blank"                                      >Future U Project</a                                    ></strong                                  >. This block party brings all the right                                  energy to brighten your day—come experience                                  the perfect campus break!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT3 (Union Farewell Tour)  - Silent Disco   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Silent Disco </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 6</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Ballrooms                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">7 - 10 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Get your groove on through the decades at our                                  <strong>Silent Disco!</strong> Join us for a                                  night of free food, fun and dancing as you                                  switch between your favorite hits from the                                  80s, 90s and 2000s—all through wireless                                  headphones. Whether you're vibing to retro                                  beats or 2000s hits, there's a channel for                                  everyone. Don’t miss this unforgettable                                  experience where the music is in your ears and                                  the dance floor is yours!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT4 (Union Farewell Tour)  - Be a Kid Again Midday Recess   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Be a Kid Again Midday Recess                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 7</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Southwest Terrace                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11:30 am - 1:30 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Tap into your inner child with this midday                                  escape! Jam out to your favorite hits with                                  live DJ requests from DJ B-Rokk, and enjoy                                  classic activities like slime-making, chalk                                  art, hopscotch, musical chairs and so much                                  more. Get creative at our bubble making,                                  friendship bracelet and keychain making, and                                  sand jar stations. Treat yourself to all your                                  childhood favorites like—Uncrustables, Fun                                  Dip, animal cookies, goldfish, pizza and more.                                  It’s all the nostalgia you need to get through                                  for finals, you owe it to your younger self!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT5 (Union Farewell Tour)  - Movie Night featuring Wicked    -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Movie Night featuring Wicked                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 7</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Beach Auditorium                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">5:15 - 8:45 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Join us for an enchanting evening at our                                  <strong                                    >Wicked the Musical Movie Night!</strong                                  >                                  Indulge in free food and refreshments while                                  enjoying this beloved Broadway classic in a                                  cozy atmosphere. Embrace the spirit by                                  dressing as your favorite character—whether                                  you're sporting Elphaba's green or Glinda's                                  sparkle—for a chance to win our                                  <strong>Best Costume Contest</strong>. Come                                  experience the magic, music and heartwarming                                  memories with fellow fans at this special                                  screening event!                                </p>                                <p>                                  Doors open at 5:15 pm, movie begins at 6 pm.                                  Join us for <b>FREE dinner</b> from Raising                                  Canes, pre-movie trivia and exciting                                  opportunity drawings including Universal                                  Studio tickets!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT6 (Union Farewell Tour)  - Pawsitive Vibes     -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Pawsitive Vibes </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 8</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Southwest Terrace                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 2 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Recharge your spirit at our                                  <strong>Pawsitive Vibes</strong> wellness                                  event! Take a break from exam stress and                                  cuddle with puppies, explore creative                                  activities and crafts, enjoy relaxing                                  massages, listen to live music from 22 West                                  Media and savor complimentary refreshments.                                  Give yourself permission to unwind and gather                                  positive energy before finals. You deserve                                  this break!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT6 (Union Farewell Tour)  - Open Market     -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Open Market </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 9</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU NorthLawn                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 3 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Join us for our flea market-style event—a                                  sustainable, community-focused event where                                  <strong>ASI</strong> will be liquidating items                                  that won’t be relocated to our new spaces.                                </p>                                <p>What to Expect:</p>                                <ul>                                  <li>Free items from ASI/USU departments</li>                                  <li>                                    Student Lunchbox outdoor pantry and food                                    distribution                                  </li>                                  <li>                                    Thrift Club collaboration on Career Closet                                    Pop-up items                                  </li>                                  <li>                                    Free lunch for attendees (while supplies                                    last) – sandwiches, chips and cookies from                                    Brown Paper Bag!                                  </li>                                </ul>                                <p>                                  Note: All items must be taken the same day.                                  ASI will not store leftover items.                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- End of Candidates accordion -->                      </div>                    </div>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------          START OF RIGHT SIDE      --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/SP25_USU_Farewell-Tour_CalEvent.jpg"        alt="Union Farewell Tour Flier with events all week"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div>  <script>    document.addEventListener("DOMContentLoaded", function () {      document        .querySelectorAll("#HistoryOfUniversity .acco button")        .forEach((item) => item.addEventListener("click", toggleacco));      function toggleacco() {        const parentAcco = this.closest(".acco");        const itemsInThisAcco = parentAcco.querySelectorAll("button");        const currentStatus = this.getAttribute("aria-expanded");        if (currentStatus == "false") {          // Close all other items          // for (let i = 0; i < itemsInThisAcco.length; i++) {          //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");          // }          // Open the clicked item          this.setAttribute("aria-expanded", "true");        } else {          // Close the clicked item          this.setAttribute("aria-expanded", "false");        }      }    });  </script></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250501T143700Z
X-ACCESS:1
X-HITS:719
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250507T113000
DTEND;TZID=America/Los_Angeles:20250507T133000
UID:4644119E-E1D8-4D08-B8C8-3DE569B59714
SUMMARY:Union Farewell Tour: Be a Kid Again Midday Recess 
DTSTAMP:20250417T170327Z
DESCRIPTION:\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  /* FAQ Section  */\N  .acco {\N    gap: 30px;\N    display: flex;\N    flex-direction: column;\N  }\N\N  .acco .acco-item {\N    border-bottom: 1px solid #fee6b8;\N    border: 1px solid #ecaa00;\N    border-radius: 5px;\N    box-shadow: 3px 3px 0px 0 rgb(0 0 0);\N    box-sizing: border-box;\N    background-color: #fff;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: rgb(0 0 0) !important;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #ecaa00 !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N    font-weight: 500;\N    display: flex;\N    flex-wrap: wrap;\N    width: 90% !important;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 35px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #ecaa00;\N    border-bottom: 1px solid #fee6b8;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #fee6b8;\N    border-right: 2px solid #fee6b8;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* FAQ Section end  */\N\N\N  \N    \N    \N      \N          \N            \N              \N              \N                  !-- Events -->\N                  \N                  \N                    \N                    \N                      Join the University Student Union (USU) in a weeklong\N                      series of events to commemorate the building and all the\N                      fun that's been had along the years. Many of the events\N                      have FREE food, exciting prizes, fun activities and\N                      giveaways. Throughout the week, there will also be free\N                      gaming in the USU Games Center.\N                    \N                    \N                      The\N                      \N                      \N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 5\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Ballrooms\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  6 to 9 pm\N                                \N                              \N                              \N                                \N                                  Get ready to party like it's the 2000s! Join\N                                  us for an epic\N                                  Back to the 2000s celebration\N                                  packed with all the throwback vibes you love.\N                                  Jam out to your favorite millennium hits spun\N                                  by DJ B-Rokk while\N                                  challenging friends to 2000s trivia and bingo\N                                  for awesome prizes. Break out the board games\N                                  that defined the decade, snap memorable pics\N                                  at our photo booth, take home a custom\N                                  caricature and try your luck at our\N                                  opportunity drawing featuring a major prize!\N                                  Bring your crew for a night of crafts, dancing\N                                  and pure Y2K nostalgia. Don't miss this chance\N                                  to relive the era of frosted tips, flip phones\N                                  and unforgettable pop culture moments!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 6\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU North Lawn\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 2 pm\N                                \N                              \N                              \N                                \N                                  Ready for a good time? Join us at\N                                  Union Unplugged for the\N                                  perfect afternoon of fun with friends! Enjoy\N                                  upbeat music from\N                                  22 West Media, satisfy your\N                                  cravings with delicious churros, acai bowls\N                                  and burgers. Try your luck at carnival games\N                                  with awesome giveaways, airbrush tattoos,\N                                  balloon creations, caricatures and more.\N                                  Connect with friends while exploring\N                                  interactive creative activities and learn\N                                  about the\N                                  \N                          \N                            Silent Disco \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 6\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Ballrooms\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  7 - 10 pm\N                                \N                              \N                              \N                                \N                                  Get your groove on through the decades at our\N                                  Silent Disco! Join us for a\N                                  night of free food, fun and dancing as you\N                                  switch between your favorite hits from the\N                                  80s, 90s and 2000s—all through wireless\N                                  headphones. Whether you're vibing to retro\N                                  beats or 2000s hits, there's a channel for\N                                  everyone. Don’t miss this unforgettable\N                                  experience where the music is in your ears and\N                                  the dance floor is yours!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 7\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Southwest Terrace\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11:30 am - 1:30 pm\N                                \N                              \N                              \N                                \N                                  Tap into your inner child with this midday\N                                  escape! Jam out to your favorite hits with\N                                  live DJ requests from DJ B-Rokk, and enjoy\N                                  classic activities like slime-making, chalk\N                                  art, hopscotch, musical chairs and so much\N                                  more. Get creative at our bubble making,\N                                  friendship bracelet and keychain making, and\N                                  sand jar stations. Treat yourself to all your\N                                  childhood favorites like—Uncrustables, Fun\N                                  Dip, animal cookies, goldfish, pizza and more.\N                                  It’s all the nostalgia you need to get through\N                                  for finals, you owe it to your younger self!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 7\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Beach Auditorium\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  5:15 - 8:45 pm\N                                \N                              \N                              \N                                \N                                  Join us for an enchanting evening at our\N                                  Wicked the Musical Movie Night!\N                                  Indulge in free food and refreshments while\N                                  enjoying this beloved Broadway classic in a\N                                  cozy atmosphere. Embrace the spirit by\N                                  dressing as your favorite character—whether\N                                  you're sporting Elphaba's green or Glinda's\N                                  sparkle—for a chance to win our\N                                  Best Costume Contest. Come\N                                  experience the magic, music and heartwarming\N                                  memories with fellow fans at this special\N                                  screening event!\N                                \N                                \N                                  Doors open at 5:15 pm, movie begins at 6 pm.\N                                  Join us for FREE dinner from Raising\N                                  Canes, pre-movie trivia and exciting\N                                  opportunity drawings including Universal\N                                  Studio tickets!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            Pawsitive Vibes \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 8\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Southwest Terrace\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 2 pm\N                                \N                              \N                              \N                                \N                                  Recharge your spirit at our\N                                  Pawsitive Vibes wellness\N                                  event! Take a break from exam stress and\N                                  cuddle with puppies, explore creative\N                                  activities and crafts, enjoy relaxing\N                                  massages, listen to live music from 22 West\N                                  Media and savor complimentary refreshments.\N                                  Give yourself permission to unwind and gather\N                                  positive energy before finals. You deserve\N                                  this break!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            Open Market \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 9\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU NorthLawn\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 3 pm\N                                \N                              \N                              \N                                \N                                  Join us for our flea market-style event—a\N                                  sustainable, community-focused event where\N                                  ASI will be liquidating items\N                                  that won’t be relocated to our new spaces.\N                                \N                                What to Expect:\N                                \N                                  Free items from ASI/USU departments\N                                  \N                                    Student Lunchbox outdoor pantry and food\N                                    distribution\N                                  \N                                  \N                                    Thrift Club collaboration on Career Closet\N                                    Pop-up items\N                                  \N                                  \N                                    Free lunch for attendees (while supplies\N                                    last) – sandwiches, chips and cookies from\N                                    Brown Paper Bag!\N                                  \N                                \N                                \N                                  Note: All items must be taken the same day.\N                                  ASI will not store leftover items.\N                                \N                              \N                            \N                          \N                        \N\N                        \N                      \N                    \N                  \N\N                  \N                  \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/SP25_USU_Farewell-Tour_CalEvent.jpg&quot;\N        alt=&quot;Union Farewell Tour Flier with events all week&quot;\N      /&gt;\N      {loadmoduleid 368}\N    &lt;/div&gt;\N    &lt;!-- Technically end of right side --&gt;\N  &lt;/div&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&lt;/div&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;  }  .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);  }  /* FAQ Section  */  .acco {    gap: 30px;    display: flex;    flex-direction: column;  }  .acco .acco-item {    border-bottom: 1px solid #fee6b8;    border: 1px solid #ecaa00;    border-radius: 5px;    box-shadow: 3px 3px 0px 0 rgb(0 0 0);    box-sizing: border-box;    background-color: #fff;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: rgb(0 0 0) !important;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #ecaa00 !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;    font-weight: 500;    display: flex;    flex-wrap: wrap;    width: 90% !important;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 35px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #ecaa00;    border-bottom: 1px solid #fee6b8;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #fee6b8;    border-right: 2px solid #fee6b8;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* FAQ Section end  */</style><div class="container-fluid">  <div class="row">    <!-- --------------------           START OF LEFT SIDE           --------------------- -->    <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">              <!-- EVENT DESCRIPTION -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  padding-bottom: 20px;                "              >                <div class="col-md-12">                  <!-- <p class="event-title-head">Events</p> -->                  <!-- Place all elements of description within their own p tags -->                  <div class="faq-container">                    <!-- Intro content -->                    <p>                      Join the University Student Union (USU) in a weeklong                      series of events to commemorate the building and all the                      fun that's been had along the years. Many of the events                      have FREE food, exciting prizes, fun activities and                      giveaways. Throughout the week, there will also be free                      gaming in the USU Games Center.                    </p>                    <p>                      The                      <a                        href="https://asicsulb.org/corporate/discover/futureu"                        target="_blank"                        ><b>Future U Project</b></a                      >                      is a bold vision to renovate and expand the USU, creating                      a modern and dynamic space to serve future generations of                      Long Beach State students. Before construction begins, we                      want to give students the opportunity to find community,                      connect and have fun.                    </p>                    <p>                      As a reminder, many of the services in the USU are not                      closing, just relocating! Check out the                      <a                        href="https://asicsulb.org/corporate/discover/futureu/future-u-food-relocation-1"                        target="_blank"                        ><b>food relocation</b></a                      >                      and                      <a                        href="https://asicsulb.org/corporate/discover/futureu/future-u-resource-relocation"                        target="_blank"                        ><b>resources relocation</b></a                      >                      pages on the Future U webpage for all the locations of                      your favorite ASI services.                    </p>                    <!-- END OF Intro content -->                    <!-- Accordion -->                    <div id="HistoryOfUniversity">                      <div class="acco">                        <!-- UFT1 (Union Farewell Tour) - Back to the 2000’s Night  -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Back to the 2000’s Night</span                            >                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 5</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Ballrooms                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">6 to 9 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Get ready to party like it's the 2000s! Join                                  us for an epic                                  <strong>Back to the 2000s</strong> celebration                                  packed with all the throwback vibes you love.                                  Jam out to your favorite millennium hits spun                                  by <strong>DJ B-Rokk</strong> while                                  challenging friends to 2000s trivia and bingo                                  for awesome prizes. Break out the board games                                  that defined the decade, snap memorable pics                                  at our photo booth, take home a custom                                  caricature and try your luck at our                                  opportunity drawing featuring a major prize!                                  Bring your crew for a night of crafts, dancing                                  and pure Y2K nostalgia. Don't miss this chance                                  to relive the era of frosted tips, flip phones                                  and unforgettable pop culture moments!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT2 (Union Farewell Tour) - Union Unplugged Block Party   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Union Unplugged Block Party                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 6</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU North Lawn                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 2 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Ready for a good time? Join us at                                  <strong>Union Unplugged</strong> for the                                  perfect afternoon of fun with friends! Enjoy                                  upbeat music from                                  <strong>22 West Media</strong>, satisfy your                                  cravings with delicious churros, acai bowls                                  and burgers. Try your luck at carnival games                                  with awesome giveaways, airbrush tattoos,                                  balloon creations, caricatures and more.                                  Connect with friends while exploring                                  interactive creative activities and learn                                  about the                                  <strong                                    ><a                                      href="https://www.asicsulb.org/corporate/discover/futureu"                                      target="_blank"                                      >Future U Project</a                                    ></strong                                  >. This block party brings all the right                                  energy to brighten your day—come experience                                  the perfect campus break!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT3 (Union Farewell Tour)  - Silent Disco   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Silent Disco </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 6</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Ballrooms                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">7 - 10 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Get your groove on through the decades at our                                  <strong>Silent Disco!</strong> Join us for a                                  night of free food, fun and dancing as you                                  switch between your favorite hits from the                                  80s, 90s and 2000s—all through wireless                                  headphones. Whether you're vibing to retro                                  beats or 2000s hits, there's a channel for                                  everyone. Don’t miss this unforgettable                                  experience where the music is in your ears and                                  the dance floor is yours!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT4 (Union Farewell Tour)  - Be a Kid Again Midday Recess   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Be a Kid Again Midday Recess                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 7</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Southwest Terrace                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11:30 am - 1:30 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Tap into your inner child with this midday                                  escape! Jam out to your favorite hits with                                  live DJ requests from DJ B-Rokk, and enjoy                                  classic activities like slime-making, chalk                                  art, hopscotch, musical chairs and so much                                  more. Get creative at our bubble making,                                  friendship bracelet and keychain making, and                                  sand jar stations. Treat yourself to all your                                  childhood favorites like—Uncrustables, Fun                                  Dip, animal cookies, goldfish, pizza and more.                                  It’s all the nostalgia you need to get through                                  for finals, you owe it to your younger self!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT5 (Union Farewell Tour)  - Movie Night featuring Wicked    -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Movie Night featuring Wicked                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 7</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Beach Auditorium                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">5:15 - 8:45 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Join us for an enchanting evening at our                                  <strong                                    >Wicked the Musical Movie Night!</strong                                  >                                  Indulge in free food and refreshments while                                  enjoying this beloved Broadway classic in a                                  cozy atmosphere. Embrace the spirit by                                  dressing as your favorite character—whether                                  you're sporting Elphaba's green or Glinda's                                  sparkle—for a chance to win our                                  <strong>Best Costume Contest</strong>. Come                                  experience the magic, music and heartwarming                                  memories with fellow fans at this special                                  screening event!                                </p>                                <p>                                  Doors open at 5:15 pm, movie begins at 6 pm.                                  Join us for <b>FREE dinner</b> from Raising                                  Canes, pre-movie trivia and exciting                                  opportunity drawings including Universal                                  Studio tickets!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT6 (Union Farewell Tour)  - Pawsitive Vibes     -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Pawsitive Vibes </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 8</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Southwest Terrace                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 2 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Recharge your spirit at our                                  <strong>Pawsitive Vibes</strong> wellness                                  event! Take a break from exam stress and                                  cuddle with puppies, explore creative                                  activities and crafts, enjoy relaxing                                  massages, listen to live music from 22 West                                  Media and savor complimentary refreshments.                                  Give yourself permission to unwind and gather                                  positive energy before finals. You deserve                                  this break!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT6 (Union Farewell Tour)  - Open Market     -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Open Market </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 9</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU NorthLawn                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 3 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Join us for our flea market-style event—a                                  sustainable, community-focused event where                                  <strong>ASI</strong> will be liquidating items                                  that won’t be relocated to our new spaces.                                </p>                                <p>What to Expect:</p>                                <ul>                                  <li>Free items from ASI/USU departments</li>                                  <li>                                    Student Lunchbox outdoor pantry and food                                    distribution                                  </li>                                  <li>                                    Thrift Club collaboration on Career Closet                                    Pop-up items                                  </li>                                  <li>                                    Free lunch for attendees (while supplies                                    last) – sandwiches, chips and cookies from                                    Brown Paper Bag!                                  </li>                                </ul>                                <p>                                  Note: All items must be taken the same day.                                  ASI will not store leftover items.                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- End of Candidates accordion -->                      </div>                    </div>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------          START OF RIGHT SIDE      --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/SP25_USU_Farewell-Tour_CalEvent.jpg"        alt="Union Farewell Tour Flier with events all week"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div>  <script>    document.addEventListener("DOMContentLoaded", function () {      document        .querySelectorAll("#HistoryOfUniversity .acco button")        .forEach((item) => item.addEventListener("click", toggleacco));      function toggleacco() {        const parentAcco = this.closest(".acco");        const itemsInThisAcco = parentAcco.querySelectorAll("button");        const currentStatus = this.getAttribute("aria-expanded");        if (currentStatus == "false") {          // Close all other items          // for (let i = 0; i < itemsInThisAcco.length; i++) {          //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");          // }          // Open the clicked item          this.setAttribute("aria-expanded", "true");        } else {          // Close the clicked item          this.setAttribute("aria-expanded", "false");        }      }    });  </script></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250501T143712Z
X-ACCESS:1
X-HITS:1185
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250507T171500
DTEND;TZID=America/Los_Angeles:20250507T204500
UID:831EB186-086B-4EA0-BB3B-84652FFB23E4
SUMMARY:Union Farewell Tour: Movie Night featuring Wicked 
DTSTAMP:20250417T170327Z
DESCRIPTION:\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  /* FAQ Section  */\N  .acco {\N    gap: 30px;\N    display: flex;\N    flex-direction: column;\N  }\N\N  .acco .acco-item {\N    border-bottom: 1px solid #fee6b8;\N    border: 1px solid #ecaa00;\N    border-radius: 5px;\N    box-shadow: 3px 3px 0px 0 rgb(0 0 0);\N    box-sizing: border-box;\N    background-color: #fff;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: rgb(0 0 0) !important;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #ecaa00 !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N    font-weight: 500;\N    display: flex;\N    flex-wrap: wrap;\N    width: 90% !important;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 35px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #ecaa00;\N    border-bottom: 1px solid #fee6b8;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #fee6b8;\N    border-right: 2px solid #fee6b8;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* FAQ Section end  */\N\N\N  \N    \N    \N      \N          \N            \N              \N              \N                  !-- Events -->\N                  \N                  \N                    \N                    \N                      Join the University Student Union (USU) in a weeklong\N                      series of events to commemorate the building and all the\N                      fun that's been had along the years. Many of the events\N                      have FREE food, exciting prizes, fun activities and\N                      giveaways. Throughout the week, there will also be free\N                      gaming in the USU Games Center.\N                    \N                    \N                      The\N                      \N                      \N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 5\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Ballrooms\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  6 to 9 pm\N                                \N                              \N                              \N                                \N                                  Get ready to party like it's the 2000s! Join\N                                  us for an epic\N                                  Back to the 2000s celebration\N                                  packed with all the throwback vibes you love.\N                                  Jam out to your favorite millennium hits spun\N                                  by DJ B-Rokk while\N                                  challenging friends to 2000s trivia and bingo\N                                  for awesome prizes. Break out the board games\N                                  that defined the decade, snap memorable pics\N                                  at our photo booth, take home a custom\N                                  caricature and try your luck at our\N                                  opportunity drawing featuring a major prize!\N                                  Bring your crew for a night of crafts, dancing\N                                  and pure Y2K nostalgia. Don't miss this chance\N                                  to relive the era of frosted tips, flip phones\N                                  and unforgettable pop culture moments!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 6\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU North Lawn\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 2 pm\N                                \N                              \N                              \N                                \N                                  Ready for a good time? Join us at\N                                  Union Unplugged for the\N                                  perfect afternoon of fun with friends! Enjoy\N                                  upbeat music from\N                                  22 West Media, satisfy your\N                                  cravings with delicious churros, acai bowls\N                                  and burgers. Try your luck at carnival games\N                                  with awesome giveaways, airbrush tattoos,\N                                  balloon creations, caricatures and more.\N                                  Connect with friends while exploring\N                                  interactive creative activities and learn\N                                  about the\N                                  \N                          \N                            Silent Disco \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 6\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Ballrooms\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  7 - 10 pm\N                                \N                              \N                              \N                                \N                                  Get your groove on through the decades at our\N                                  Silent Disco! Join us for a\N                                  night of free food, fun and dancing as you\N                                  switch between your favorite hits from the\N                                  80s, 90s and 2000s—all through wireless\N                                  headphones. Whether you're vibing to retro\N                                  beats or 2000s hits, there's a channel for\N                                  everyone. Don’t miss this unforgettable\N                                  experience where the music is in your ears and\N                                  the dance floor is yours!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 7\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Southwest Terrace\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11:30 am - 1:30 pm\N                                \N                              \N                              \N                                \N                                  Tap into your inner child with this midday\N                                  escape! Jam out to your favorite hits with\N                                  live DJ requests from DJ B-Rokk, and enjoy\N                                  classic activities like slime-making, chalk\N                                  art, hopscotch, musical chairs and so much\N                                  more. Get creative at our bubble making,\N                                  friendship bracelet and keychain making, and\N                                  sand jar stations. Treat yourself to all your\N                                  childhood favorites like—Uncrustables, Fun\N                                  Dip, animal cookies, goldfish, pizza and more.\N                                  It’s all the nostalgia you need to get through\N                                  for finals, you owe it to your younger self!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 7\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Beach Auditorium\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  5:15 - 8:45 pm\N                                \N                              \N                              \N                                \N                                  Join us for an enchanting evening at our\N                                  Wicked the Musical Movie Night!\N                                  Indulge in free food and refreshments while\N                                  enjoying this beloved Broadway classic in a\N                                  cozy atmosphere. Embrace the spirit by\N                                  dressing as your favorite character—whether\N                                  you're sporting Elphaba's green or Glinda's\N                                  sparkle—for a chance to win our\N                                  Best Costume Contest. Come\N                                  experience the magic, music and heartwarming\N                                  memories with fellow fans at this special\N                                  screening event!\N                                \N                                \N                                  Doors open at 5:15 pm, movie begins at 6 pm.\N                                  Join us for FREE dinner from Raising\N                                  Canes, pre-movie trivia and exciting\N                                  opportunity drawings including Universal\N                                  Studio tickets!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            Pawsitive Vibes \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 8\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Southwest Terrace\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 2 pm\N                                \N                              \N                              \N                                \N                                  Recharge your spirit at our\N                                  Pawsitive Vibes wellness\N                                  event! Take a break from exam stress and\N                                  cuddle with puppies, explore creative\N                                  activities and crafts, enjoy relaxing\N                                  massages, listen to live music from 22 West\N                                  Media and savor complimentary refreshments.\N                                  Give yourself permission to unwind and gather\N                                  positive energy before finals. You deserve\N                                  this break!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            Open Market \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 9\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU NorthLawn\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 3 pm\N                                \N                              \N                              \N                                \N                                  Join us for our flea market-style event—a\N                                  sustainable, community-focused event where\N                                  ASI will be liquidating items\N                                  that won’t be relocated to our new spaces.\N                                \N                                What to Expect:\N                                \N                                  Free items from ASI/USU departments\N                                  \N                                    Student Lunchbox outdoor pantry and food\N                                    distribution\N                                  \N                                  \N                                    Thrift Club collaboration on Career Closet\N                                    Pop-up items\N                                  \N                                  \N                                    Free lunch for attendees (while supplies\N                                    last) – sandwiches, chips and cookies from\N                                    Brown Paper Bag!\N                                  \N                                \N                                \N                                  Note: All items must be taken the same day.\N                                  ASI will not store leftover items.\N                                \N                              \N                            \N                          \N                        \N\N                        \N                      \N                    \N                  \N\N                  \N                  \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/SP25_USU_Farewell-Tour_CalEvent.jpg&quot;\N        alt=&quot;Union Farewell Tour Flier with events all week&quot;\N      /&gt;\N      {loadmoduleid 368}\N    &lt;/div&gt;\N    &lt;!-- Technically end of right side --&gt;\N  &lt;/div&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&lt;/div&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;  }  .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);  }  /* FAQ Section  */  .acco {    gap: 30px;    display: flex;    flex-direction: column;  }  .acco .acco-item {    border-bottom: 1px solid #fee6b8;    border: 1px solid #ecaa00;    border-radius: 5px;    box-shadow: 3px 3px 0px 0 rgb(0 0 0);    box-sizing: border-box;    background-color: #fff;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: rgb(0 0 0) !important;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #ecaa00 !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;    font-weight: 500;    display: flex;    flex-wrap: wrap;    width: 90% !important;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 35px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #ecaa00;    border-bottom: 1px solid #fee6b8;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #fee6b8;    border-right: 2px solid #fee6b8;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* FAQ Section end  */</style><div class="container-fluid">  <div class="row">    <!-- --------------------           START OF LEFT SIDE           --------------------- -->    <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">              <!-- EVENT DESCRIPTION -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  padding-bottom: 20px;                "              >                <div class="col-md-12">                  <!-- <p class="event-title-head">Events</p> -->                  <!-- Place all elements of description within their own p tags -->                  <div class="faq-container">                    <!-- Intro content -->                    <p>                      Join the University Student Union (USU) in a weeklong                      series of events to commemorate the building and all the                      fun that's been had along the years. Many of the events                      have FREE food, exciting prizes, fun activities and                      giveaways. Throughout the week, there will also be free                      gaming in the USU Games Center.                    </p>                    <p>                      The                      <a                        href="https://asicsulb.org/corporate/discover/futureu"                        target="_blank"                        ><b>Future U Project</b></a                      >                      is a bold vision to renovate and expand the USU, creating                      a modern and dynamic space to serve future generations of                      Long Beach State students. Before construction begins, we                      want to give students the opportunity to find community,                      connect and have fun.                    </p>                    <p>                      As a reminder, many of the services in the USU are not                      closing, just relocating! Check out the                      <a                        href="https://asicsulb.org/corporate/discover/futureu/future-u-food-relocation-1"                        target="_blank"                        ><b>food relocation</b></a                      >                      and                      <a                        href="https://asicsulb.org/corporate/discover/futureu/future-u-resource-relocation"                        target="_blank"                        ><b>resources relocation</b></a                      >                      pages on the Future U webpage for all the locations of                      your favorite ASI services.                    </p>                    <!-- END OF Intro content -->                    <!-- Accordion -->                    <div id="HistoryOfUniversity">                      <div class="acco">                        <!-- UFT1 (Union Farewell Tour) - Back to the 2000’s Night  -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Back to the 2000’s Night</span                            >                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 5</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Ballrooms                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">6 to 9 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Get ready to party like it's the 2000s! Join                                  us for an epic                                  <strong>Back to the 2000s</strong> celebration                                  packed with all the throwback vibes you love.                                  Jam out to your favorite millennium hits spun                                  by <strong>DJ B-Rokk</strong> while                                  challenging friends to 2000s trivia and bingo                                  for awesome prizes. Break out the board games                                  that defined the decade, snap memorable pics                                  at our photo booth, take home a custom                                  caricature and try your luck at our                                  opportunity drawing featuring a major prize!                                  Bring your crew for a night of crafts, dancing                                  and pure Y2K nostalgia. Don't miss this chance                                  to relive the era of frosted tips, flip phones                                  and unforgettable pop culture moments!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT2 (Union Farewell Tour) - Union Unplugged Block Party   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Union Unplugged Block Party                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 6</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU North Lawn                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 2 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Ready for a good time? Join us at                                  <strong>Union Unplugged</strong> for the                                  perfect afternoon of fun with friends! Enjoy                                  upbeat music from                                  <strong>22 West Media</strong>, satisfy your                                  cravings with delicious churros, acai bowls                                  and burgers. Try your luck at carnival games                                  with awesome giveaways, airbrush tattoos,                                  balloon creations, caricatures and more.                                  Connect with friends while exploring                                  interactive creative activities and learn                                  about the                                  <strong                                    ><a                                      href="https://www.asicsulb.org/corporate/discover/futureu"                                      target="_blank"                                      >Future U Project</a                                    ></strong                                  >. This block party brings all the right                                  energy to brighten your day—come experience                                  the perfect campus break!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT3 (Union Farewell Tour)  - Silent Disco   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Silent Disco </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 6</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Ballrooms                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">7 - 10 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Get your groove on through the decades at our                                  <strong>Silent Disco!</strong> Join us for a                                  night of free food, fun and dancing as you                                  switch between your favorite hits from the                                  80s, 90s and 2000s—all through wireless                                  headphones. Whether you're vibing to retro                                  beats or 2000s hits, there's a channel for                                  everyone. Don’t miss this unforgettable                                  experience where the music is in your ears and                                  the dance floor is yours!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT4 (Union Farewell Tour)  - Be a Kid Again Midday Recess   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Be a Kid Again Midday Recess                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 7</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Southwest Terrace                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11:30 am - 1:30 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Tap into your inner child with this midday                                  escape! Jam out to your favorite hits with                                  live DJ requests from DJ B-Rokk, and enjoy                                  classic activities like slime-making, chalk                                  art, hopscotch, musical chairs and so much                                  more. Get creative at our bubble making,                                  friendship bracelet and keychain making, and                                  sand jar stations. Treat yourself to all your                                  childhood favorites like—Uncrustables, Fun                                  Dip, animal cookies, goldfish, pizza and more.                                  It’s all the nostalgia you need to get through                                  for finals, you owe it to your younger self!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT5 (Union Farewell Tour)  - Movie Night featuring Wicked    -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Movie Night featuring Wicked                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 7</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Beach Auditorium                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">5:15 - 8:45 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Join us for an enchanting evening at our                                  <strong                                    >Wicked the Musical Movie Night!</strong                                  >                                  Indulge in free food and refreshments while                                  enjoying this beloved Broadway classic in a                                  cozy atmosphere. Embrace the spirit by                                  dressing as your favorite character—whether                                  you're sporting Elphaba's green or Glinda's                                  sparkle—for a chance to win our                                  <strong>Best Costume Contest</strong>. Come                                  experience the magic, music and heartwarming                                  memories with fellow fans at this special                                  screening event!                                </p>                                <p>                                  Doors open at 5:15 pm, movie begins at 6 pm.                                  Join us for <b>FREE dinner</b> from Raising                                  Canes, pre-movie trivia and exciting                                  opportunity drawings including Universal                                  Studio tickets!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT6 (Union Farewell Tour)  - Pawsitive Vibes     -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Pawsitive Vibes </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 8</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Southwest Terrace                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 2 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Recharge your spirit at our                                  <strong>Pawsitive Vibes</strong> wellness                                  event! Take a break from exam stress and                                  cuddle with puppies, explore creative                                  activities and crafts, enjoy relaxing                                  massages, listen to live music from 22 West                                  Media and savor complimentary refreshments.                                  Give yourself permission to unwind and gather                                  positive energy before finals. You deserve                                  this break!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT6 (Union Farewell Tour)  - Open Market     -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Open Market </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 9</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU NorthLawn                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 3 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Join us for our flea market-style event—a                                  sustainable, community-focused event where                                  <strong>ASI</strong> will be liquidating items                                  that won’t be relocated to our new spaces.                                </p>                                <p>What to Expect:</p>                                <ul>                                  <li>Free items from ASI/USU departments</li>                                  <li>                                    Student Lunchbox outdoor pantry and food                                    distribution                                  </li>                                  <li>                                    Thrift Club collaboration on Career Closet                                    Pop-up items                                  </li>                                  <li>                                    Free lunch for attendees (while supplies                                    last) – sandwiches, chips and cookies from                                    Brown Paper Bag!                                  </li>                                </ul>                                <p>                                  Note: All items must be taken the same day.                                  ASI will not store leftover items.                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- End of Candidates accordion -->                      </div>                    </div>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------          START OF RIGHT SIDE      --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/SP25_USU_Farewell-Tour_CalEvent.jpg"        alt="Union Farewell Tour Flier with events all week"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div>  <script>    document.addEventListener("DOMContentLoaded", function () {      document        .querySelectorAll("#HistoryOfUniversity .acco button")        .forEach((item) => item.addEventListener("click", toggleacco));      function toggleacco() {        const parentAcco = this.closest(".acco");        const itemsInThisAcco = parentAcco.querySelectorAll("button");        const currentStatus = this.getAttribute("aria-expanded");        if (currentStatus == "false") {          // Close all other items          // for (let i = 0; i < itemsInThisAcco.length; i++) {          //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");          // }          // Open the clicked item          this.setAttribute("aria-expanded", "true");        } else {          // Close the clicked item          this.setAttribute("aria-expanded", "false");        }      }    });  </script></div>
LOCATION:
GEO:33.78137240;-118.11306790
LAST-MODIFIED:20250501T143458Z
X-ACCESS:1
X-HITS:877
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250508T110000
DTEND;TZID=America/Los_Angeles:20250508T140000
UID:6E0882C1-D494-4A97-BA7D-70AD8AE26C33
SUMMARY:Union Farewell Tour: Pawsitive Vibes 
DTSTAMP:20250417T170327Z
DESCRIPTION:\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  /* FAQ Section  */\N  .acco {\N    gap: 30px;\N    display: flex;\N    flex-direction: column;\N  }\N\N  .acco .acco-item {\N    border-bottom: 1px solid #fee6b8;\N    border: 1px solid #ecaa00;\N    border-radius: 5px;\N    box-shadow: 3px 3px 0px 0 rgb(0 0 0);\N    box-sizing: border-box;\N    background-color: #fff;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: rgb(0 0 0) !important;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #ecaa00 !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N    font-weight: 500;\N    display: flex;\N    flex-wrap: wrap;\N    width: 90% !important;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 35px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #ecaa00;\N    border-bottom: 1px solid #fee6b8;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #fee6b8;\N    border-right: 2px solid #fee6b8;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* FAQ Section end  */\N\N\N  \N    \N    \N      \N          \N            \N              \N              \N                  !-- Events -->\N                  \N                  \N                    \N                    \N                      Join the University Student Union (USU) in a weeklong\N                      series of events to commemorate the building and all the\N                      fun that's been had along the years. Many of the events\N                      have FREE food, exciting prizes, fun activities and\N                      giveaways. Throughout the week, there will also be free\N                      gaming in the USU Games Center.\N                    \N                    \N                      The\N                      \N                      \N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 5\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Ballrooms\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  6 to 9 pm\N                                \N                              \N                              \N                                \N                                  Get ready to party like it's the 2000s! Join\N                                  us for an epic\N                                  Back to the 2000s celebration\N                                  packed with all the throwback vibes you love.\N                                  Jam out to your favorite millennium hits spun\N                                  by DJ B-Rokk while\N                                  challenging friends to 2000s trivia and bingo\N                                  for awesome prizes. Break out the board games\N                                  that defined the decade, snap memorable pics\N                                  at our photo booth, take home a custom\N                                  caricature and try your luck at our\N                                  opportunity drawing featuring a major prize!\N                                  Bring your crew for a night of crafts, dancing\N                                  and pure Y2K nostalgia. Don't miss this chance\N                                  to relive the era of frosted tips, flip phones\N                                  and unforgettable pop culture moments!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 6\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU North Lawn\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 2 pm\N                                \N                              \N                              \N                                \N                                  Ready for a good time? Join us at\N                                  Union Unplugged for the\N                                  perfect afternoon of fun with friends! Enjoy\N                                  upbeat music from\N                                  22 West Media, satisfy your\N                                  cravings with delicious churros, acai bowls\N                                  and burgers. Try your luck at carnival games\N                                  with awesome giveaways, airbrush tattoos,\N                                  balloon creations, caricatures and more.\N                                  Connect with friends while exploring\N                                  interactive creative activities and learn\N                                  about the\N                                  \N                          \N                            Silent Disco \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 6\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Ballrooms\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  7 - 10 pm\N                                \N                              \N                              \N                                \N                                  Get your groove on through the decades at our\N                                  Silent Disco! Join us for a\N                                  night of free food, fun and dancing as you\N                                  switch between your favorite hits from the\N                                  80s, 90s and 2000s—all through wireless\N                                  headphones. Whether you're vibing to retro\N                                  beats or 2000s hits, there's a channel for\N                                  everyone. Don’t miss this unforgettable\N                                  experience where the music is in your ears and\N                                  the dance floor is yours!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 7\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Southwest Terrace\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11:30 am - 1:30 pm\N                                \N                              \N                              \N                                \N                                  Tap into your inner child with this midday\N                                  escape! Jam out to your favorite hits with\N                                  live DJ requests from DJ B-Rokk, and enjoy\N                                  classic activities like slime-making, chalk\N                                  art, hopscotch, musical chairs and so much\N                                  more. Get creative at our bubble making,\N                                  friendship bracelet and keychain making, and\N                                  sand jar stations. Treat yourself to all your\N                                  childhood favorites like—Uncrustables, Fun\N                                  Dip, animal cookies, goldfish, pizza and more.\N                                  It’s all the nostalgia you need to get through\N                                  for finals, you owe it to your younger self!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 7\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Beach Auditorium\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  5:15 - 8:45 pm\N                                \N                              \N                              \N                                \N                                  Join us for an enchanting evening at our\N                                  Wicked the Musical Movie Night!\N                                  Indulge in free food and refreshments while\N                                  enjoying this beloved Broadway classic in a\N                                  cozy atmosphere. Embrace the spirit by\N                                  dressing as your favorite character—whether\N                                  you're sporting Elphaba's green or Glinda's\N                                  sparkle—for a chance to win our\N                                  Best Costume Contest. Come\N                                  experience the magic, music and heartwarming\N                                  memories with fellow fans at this special\N                                  screening event!\N                                \N                                \N                                  Doors open at 5:15 pm, movie begins at 6 pm.\N                                  Join us for FREE dinner from Raising\N                                  Canes, pre-movie trivia and exciting\N                                  opportunity drawings including Universal\N                                  Studio tickets!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            Pawsitive Vibes \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 8\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Southwest Terrace\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 2 pm\N                                \N                              \N                              \N                                \N                                  Recharge your spirit at our\N                                  Pawsitive Vibes wellness\N                                  event! Take a break from exam stress and\N                                  cuddle with puppies, explore creative\N                                  activities and crafts, enjoy relaxing\N                                  massages, listen to live music from 22 West\N                                  Media and savor complimentary refreshments.\N                                  Give yourself permission to unwind and gather\N                                  positive energy before finals. You deserve\N                                  this break!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            Open Market \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 9\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU NorthLawn\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 3 pm\N                                \N                              \N                              \N                                \N                                  Join us for our flea market-style event—a\N                                  sustainable, community-focused event where\N                                  ASI will be liquidating items\N                                  that won’t be relocated to our new spaces.\N                                \N                                What to Expect:\N                                \N                                  Free items from ASI/USU departments\N                                  \N                                    Student Lunchbox outdoor pantry and food\N                                    distribution\N                                  \N                                  \N                                    Thrift Club collaboration on Career Closet\N                                    Pop-up items\N                                  \N                                  \N                                    Free lunch for attendees (while supplies\N                                    last) – sandwiches, chips and cookies from\N                                    Brown Paper Bag!\N                                  \N                                \N                                \N                                  Note: All items must be taken the same day.\N                                  ASI will not store leftover items.\N                                \N                              \N                            \N                          \N                        \N\N                        \N                      \N                    \N                  \N\N                  \N                  \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/SP25_USU_Farewell-Tour_CalEvent.jpg&quot;\N        alt=&quot;Union Farewell Tour Flier with events all week&quot;\N      /&gt;\N      {loadmoduleid 368}\N    &lt;/div&gt;\N    &lt;!-- Technically end of right side --&gt;\N  &lt;/div&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&lt;/div&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;  }  .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);  }  /* FAQ Section  */  .acco {    gap: 30px;    display: flex;    flex-direction: column;  }  .acco .acco-item {    border-bottom: 1px solid #fee6b8;    border: 1px solid #ecaa00;    border-radius: 5px;    box-shadow: 3px 3px 0px 0 rgb(0 0 0);    box-sizing: border-box;    background-color: #fff;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: rgb(0 0 0) !important;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #ecaa00 !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;    font-weight: 500;    display: flex;    flex-wrap: wrap;    width: 90% !important;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 35px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #ecaa00;    border-bottom: 1px solid #fee6b8;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #fee6b8;    border-right: 2px solid #fee6b8;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* FAQ Section end  */</style><div class="container-fluid">  <div class="row">    <!-- --------------------           START OF LEFT SIDE           --------------------- -->    <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">              <!-- EVENT DESCRIPTION -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  padding-bottom: 20px;                "              >                <div class="col-md-12">                  <!-- <p class="event-title-head">Events</p> -->                  <!-- Place all elements of description within their own p tags -->                  <div class="faq-container">                    <!-- Intro content -->                    <p>                      Join the University Student Union (USU) in a weeklong                      series of events to commemorate the building and all the                      fun that's been had along the years. Many of the events                      have FREE food, exciting prizes, fun activities and                      giveaways. Throughout the week, there will also be free                      gaming in the USU Games Center.                    </p>                    <p>                      The                      <a                        href="https://asicsulb.org/corporate/discover/futureu"                        target="_blank"                        ><b>Future U Project</b></a                      >                      is a bold vision to renovate and expand the USU, creating                      a modern and dynamic space to serve future generations of                      Long Beach State students. Before construction begins, we                      want to give students the opportunity to find community,                      connect and have fun.                    </p>                    <p>                      As a reminder, many of the services in the USU are not                      closing, just relocating! Check out the                      <a                        href="https://asicsulb.org/corporate/discover/futureu/future-u-food-relocation-1"                        target="_blank"                        ><b>food relocation</b></a                      >                      and                      <a                        href="https://asicsulb.org/corporate/discover/futureu/future-u-resource-relocation"                        target="_blank"                        ><b>resources relocation</b></a                      >                      pages on the Future U webpage for all the locations of                      your favorite ASI services.                    </p>                    <!-- END OF Intro content -->                    <!-- Accordion -->                    <div id="HistoryOfUniversity">                      <div class="acco">                        <!-- UFT1 (Union Farewell Tour) - Back to the 2000’s Night  -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Back to the 2000’s Night</span                            >                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 5</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Ballrooms                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">6 to 9 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Get ready to party like it's the 2000s! Join                                  us for an epic                                  <strong>Back to the 2000s</strong> celebration                                  packed with all the throwback vibes you love.                                  Jam out to your favorite millennium hits spun                                  by <strong>DJ B-Rokk</strong> while                                  challenging friends to 2000s trivia and bingo                                  for awesome prizes. Break out the board games                                  that defined the decade, snap memorable pics                                  at our photo booth, take home a custom                                  caricature and try your luck at our                                  opportunity drawing featuring a major prize!                                  Bring your crew for a night of crafts, dancing                                  and pure Y2K nostalgia. Don't miss this chance                                  to relive the era of frosted tips, flip phones                                  and unforgettable pop culture moments!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT2 (Union Farewell Tour) - Union Unplugged Block Party   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Union Unplugged Block Party                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 6</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU North Lawn                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 2 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Ready for a good time? Join us at                                  <strong>Union Unplugged</strong> for the                                  perfect afternoon of fun with friends! Enjoy                                  upbeat music from                                  <strong>22 West Media</strong>, satisfy your                                  cravings with delicious churros, acai bowls                                  and burgers. Try your luck at carnival games                                  with awesome giveaways, airbrush tattoos,                                  balloon creations, caricatures and more.                                  Connect with friends while exploring                                  interactive creative activities and learn                                  about the                                  <strong                                    ><a                                      href="https://www.asicsulb.org/corporate/discover/futureu"                                      target="_blank"                                      >Future U Project</a                                    ></strong                                  >. This block party brings all the right                                  energy to brighten your day—come experience                                  the perfect campus break!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT3 (Union Farewell Tour)  - Silent Disco   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Silent Disco </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 6</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Ballrooms                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">7 - 10 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Get your groove on through the decades at our                                  <strong>Silent Disco!</strong> Join us for a                                  night of free food, fun and dancing as you                                  switch between your favorite hits from the                                  80s, 90s and 2000s—all through wireless                                  headphones. Whether you're vibing to retro                                  beats or 2000s hits, there's a channel for                                  everyone. Don’t miss this unforgettable                                  experience where the music is in your ears and                                  the dance floor is yours!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT4 (Union Farewell Tour)  - Be a Kid Again Midday Recess   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Be a Kid Again Midday Recess                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 7</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Southwest Terrace                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11:30 am - 1:30 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Tap into your inner child with this midday                                  escape! Jam out to your favorite hits with                                  live DJ requests from DJ B-Rokk, and enjoy                                  classic activities like slime-making, chalk                                  art, hopscotch, musical chairs and so much                                  more. Get creative at our bubble making,                                  friendship bracelet and keychain making, and                                  sand jar stations. Treat yourself to all your                                  childhood favorites like—Uncrustables, Fun                                  Dip, animal cookies, goldfish, pizza and more.                                  It’s all the nostalgia you need to get through                                  for finals, you owe it to your younger self!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT5 (Union Farewell Tour)  - Movie Night featuring Wicked    -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Movie Night featuring Wicked                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 7</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Beach Auditorium                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">5:15 - 8:45 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Join us for an enchanting evening at our                                  <strong                                    >Wicked the Musical Movie Night!</strong                                  >                                  Indulge in free food and refreshments while                                  enjoying this beloved Broadway classic in a                                  cozy atmosphere. Embrace the spirit by                                  dressing as your favorite character—whether                                  you're sporting Elphaba's green or Glinda's                                  sparkle—for a chance to win our                                  <strong>Best Costume Contest</strong>. Come                                  experience the magic, music and heartwarming                                  memories with fellow fans at this special                                  screening event!                                </p>                                <p>                                  Doors open at 5:15 pm, movie begins at 6 pm.                                  Join us for <b>FREE dinner</b> from Raising                                  Canes, pre-movie trivia and exciting                                  opportunity drawings including Universal                                  Studio tickets!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT6 (Union Farewell Tour)  - Pawsitive Vibes     -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Pawsitive Vibes </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 8</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Southwest Terrace                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 2 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Recharge your spirit at our                                  <strong>Pawsitive Vibes</strong> wellness                                  event! Take a break from exam stress and                                  cuddle with puppies, explore creative                                  activities and crafts, enjoy relaxing                                  massages, listen to live music from 22 West                                  Media and savor complimentary refreshments.                                  Give yourself permission to unwind and gather                                  positive energy before finals. You deserve                                  this break!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT6 (Union Farewell Tour)  - Open Market     -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Open Market </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 9</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU NorthLawn                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 3 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Join us for our flea market-style event—a                                  sustainable, community-focused event where                                  <strong>ASI</strong> will be liquidating items                                  that won’t be relocated to our new spaces.                                </p>                                <p>What to Expect:</p>                                <ul>                                  <li>Free items from ASI/USU departments</li>                                  <li>                                    Student Lunchbox outdoor pantry and food                                    distribution                                  </li>                                  <li>                                    Thrift Club collaboration on Career Closet                                    Pop-up items                                  </li>                                  <li>                                    Free lunch for attendees (while supplies                                    last) – sandwiches, chips and cookies from                                    Brown Paper Bag!                                  </li>                                </ul>                                <p>                                  Note: All items must be taken the same day.                                  ASI will not store leftover items.                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- End of Candidates accordion -->                      </div>                    </div>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------          START OF RIGHT SIDE      --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/SP25_USU_Farewell-Tour_CalEvent.jpg"        alt="Union Farewell Tour Flier with events all week"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div>  <script>    document.addEventListener("DOMContentLoaded", function () {      document        .querySelectorAll("#HistoryOfUniversity .acco button")        .forEach((item) => item.addEventListener("click", toggleacco));      function toggleacco() {        const parentAcco = this.closest(".acco");        const itemsInThisAcco = parentAcco.querySelectorAll("button");        const currentStatus = this.getAttribute("aria-expanded");        if (currentStatus == "false") {          // Close all other items          // for (let i = 0; i < itemsInThisAcco.length; i++) {          //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");          // }          // Open the clicked item          this.setAttribute("aria-expanded", "true");        } else {          // Close the clicked item          this.setAttribute("aria-expanded", "false");        }      }    });  </script></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250501T143716Z
X-ACCESS:1
X-HITS:725
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250509T110000
DTEND;TZID=America/Los_Angeles:20250509T150000
UID:03FE75CE-CE67-44DC-95CB-781F12CA924F
SUMMARY:Union Farewell Tour: Open Market  
DTSTAMP:20250417T170327Z
DESCRIPTION:\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  /* FAQ Section  */\N  .acco {\N    gap: 30px;\N    display: flex;\N    flex-direction: column;\N  }\N\N  .acco .acco-item {\N    border-bottom: 1px solid #fee6b8;\N    border: 1px solid #ecaa00;\N    border-radius: 5px;\N    box-shadow: 3px 3px 0px 0 rgb(0 0 0);\N    box-sizing: border-box;\N    background-color: #fff;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: rgb(0 0 0) !important;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #ecaa00 !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N    font-weight: 500;\N    display: flex;\N    flex-wrap: wrap;\N    width: 90% !important;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 35px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #ecaa00;\N    border-bottom: 1px solid #fee6b8;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #fee6b8;\N    border-right: 2px solid #fee6b8;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* FAQ Section end  */\N\N\N  \N    \N    \N      \N          \N            \N              \N              \N                  !-- Events -->\N                  \N                  \N                    \N                    \N                      Join the University Student Union (USU) in a weeklong\N                      series of events to commemorate the building and all the\N                      fun that's been had along the years. Many of the events\N                      have FREE food, exciting prizes, fun activities and\N                      giveaways. Throughout the week, there will also be free\N                      gaming in the USU Games Center.\N                    \N                    \N                      The\N                      \N                      \N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 5\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Ballrooms\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  6 to 9 pm\N                                \N                              \N                              \N                                \N                                  Get ready to party like it's the 2000s! Join\N                                  us for an epic\N                                  Back to the 2000s celebration\N                                  packed with all the throwback vibes you love.\N                                  Jam out to your favorite millennium hits spun\N                                  by DJ B-Rokk while\N                                  challenging friends to 2000s trivia and bingo\N                                  for awesome prizes. Break out the board games\N                                  that defined the decade, snap memorable pics\N                                  at our photo booth, take home a custom\N                                  caricature and try your luck at our\N                                  opportunity drawing featuring a major prize!\N                                  Bring your crew for a night of crafts, dancing\N                                  and pure Y2K nostalgia. Don't miss this chance\N                                  to relive the era of frosted tips, flip phones\N                                  and unforgettable pop culture moments!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 6\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU North Lawn\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 2 pm\N                                \N                              \N                              \N                                \N                                  Ready for a good time? Join us at\N                                  Union Unplugged for the\N                                  perfect afternoon of fun with friends! Enjoy\N                                  upbeat music from\N                                  22 West Media, satisfy your\N                                  cravings with delicious churros, acai bowls\N                                  and burgers. Try your luck at carnival games\N                                  with awesome giveaways, airbrush tattoos,\N                                  balloon creations, caricatures and more.\N                                  Connect with friends while exploring\N                                  interactive creative activities and learn\N                                  about the\N                                  \N                          \N                            Silent Disco \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 6\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Ballrooms\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  7 - 10 pm\N                                \N                              \N                              \N                                \N                                  Get your groove on through the decades at our\N                                  Silent Disco! Join us for a\N                                  night of free food, fun and dancing as you\N                                  switch between your favorite hits from the\N                                  80s, 90s and 2000s—all through wireless\N                                  headphones. Whether you're vibing to retro\N                                  beats or 2000s hits, there's a channel for\N                                  everyone. Don’t miss this unforgettable\N                                  experience where the music is in your ears and\N                                  the dance floor is yours!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 7\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Southwest Terrace\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11:30 am - 1:30 pm\N                                \N                              \N                              \N                                \N                                  Tap into your inner child with this midday\N                                  escape! Jam out to your favorite hits with\N                                  live DJ requests from DJ B-Rokk, and enjoy\N                                  classic activities like slime-making, chalk\N                                  art, hopscotch, musical chairs and so much\N                                  more. Get creative at our bubble making,\N                                  friendship bracelet and keychain making, and\N                                  sand jar stations. Treat yourself to all your\N                                  childhood favorites like—Uncrustables, Fun\N                                  Dip, animal cookies, goldfish, pizza and more.\N                                  It’s all the nostalgia you need to get through\N                                  for finals, you owe it to your younger self!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 7\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Beach Auditorium\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  5:15 - 8:45 pm\N                                \N                              \N                              \N                                \N                                  Join us for an enchanting evening at our\N                                  Wicked the Musical Movie Night!\N                                  Indulge in free food and refreshments while\N                                  enjoying this beloved Broadway classic in a\N                                  cozy atmosphere. Embrace the spirit by\N                                  dressing as your favorite character—whether\N                                  you're sporting Elphaba's green or Glinda's\N                                  sparkle—for a chance to win our\N                                  Best Costume Contest. Come\N                                  experience the magic, music and heartwarming\N                                  memories with fellow fans at this special\N                                  screening event!\N                                \N                                \N                                  Doors open at 5:15 pm, movie begins at 6 pm.\N                                  Join us for FREE dinner from Raising\N                                  Canes, pre-movie trivia and exciting\N                                  opportunity drawings including Universal\N                                  Studio tickets!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            Pawsitive Vibes \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 8\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU Southwest Terrace\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 2 pm\N                                \N                              \N                              \N                                \N                                  Recharge your spirit at our\N                                  Pawsitive Vibes wellness\N                                  event! Take a break from exam stress and\N                                  cuddle with puppies, explore creative\N                                  activities and crafts, enjoy relaxing\N                                  massages, listen to live music from 22 West\N                                  Media and savor complimentary refreshments.\N                                  Give yourself permission to unwind and gather\N                                  positive energy before finals. You deserve\N                                  this break!\N                                \N                              \N                            \N                          \N                        \N\N                        \N                        \N                          \N                            Open Market \N                            \N                          \N                          \N                            \N                              \N                                    Date\N                                  \N                                  May 9\N                                \N\N                                \N                                \N                                  \N                                      Location\N                                    \N                                    \N                                      USU NorthLawn\N                                    \N                                  \N                                \N\N                                \N                                \N                                    Time\N                                  \N                                  11 am - 3 pm\N                                \N                              \N                              \N                                \N                                  Join us for our flea market-style event—a\N                                  sustainable, community-focused event where\N                                  ASI will be liquidating items\N                                  that won’t be relocated to our new spaces.\N                                \N                                What to Expect:\N                                \N                                  Free items from ASI/USU departments\N                                  \N                                    Student Lunchbox outdoor pantry and food\N                                    distribution\N                                  \N                                  \N                                    Thrift Club collaboration on Career Closet\N                                    Pop-up items\N                                  \N                                  \N                                    Free lunch for attendees (while supplies\N                                    last) – sandwiches, chips and cookies from\N                                    Brown Paper Bag!\N                                  \N                                \N                                \N                                  Note: All items must be taken the same day.\N                                  ASI will not store leftover items.\N                                \N                              \N                            \N                          \N                        \N\N                        \N                      \N                    \N                  \N\N                  \N                  \N                \N                \N              \N              \N            \N            \N          \N          \N        \N        \N      \N      \N    \N    \N\N    \N    \N      img\N        style="width: 100%&quot;\N        src=&quot;images/SP25_USU_Farewell-Tour_CalEvent.jpg&quot;\N        alt=&quot;Union Farewell Tour Flier with events all week&quot;\N      /&gt;\N      {loadmoduleid 368}\N    &lt;/div&gt;\N    &lt;!-- Technically end of right side --&gt;\N  &lt;/div&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&lt;/div&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;  }  .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);  }  /* FAQ Section  */  .acco {    gap: 30px;    display: flex;    flex-direction: column;  }  .acco .acco-item {    border-bottom: 1px solid #fee6b8;    border: 1px solid #ecaa00;    border-radius: 5px;    box-shadow: 3px 3px 0px 0 rgb(0 0 0);    box-sizing: border-box;    background-color: #fff;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: rgb(0 0 0) !important;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #ecaa00 !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;    font-weight: 500;    display: flex;    flex-wrap: wrap;    width: 90% !important;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 35px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #ecaa00;    border-bottom: 1px solid #fee6b8;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #fee6b8;    border-right: 2px solid #fee6b8;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* FAQ Section end  */</style><div class="container-fluid">  <div class="row">    <!-- --------------------           START OF LEFT SIDE           --------------------- -->    <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">              <!-- EVENT DESCRIPTION -->              <div                class="row"                style="                  background-color: white;                  border-radius: 20px;                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;                  padding-bottom: 20px;                "              >                <div class="col-md-12">                  <!-- <p class="event-title-head">Events</p> -->                  <!-- Place all elements of description within their own p tags -->                  <div class="faq-container">                    <!-- Intro content -->                    <p>                      Join the University Student Union (USU) in a weeklong                      series of events to commemorate the building and all the                      fun that's been had along the years. Many of the events                      have FREE food, exciting prizes, fun activities and                      giveaways. Throughout the week, there will also be free                      gaming in the USU Games Center.                    </p>                    <p>                      The                      <a                        href="https://asicsulb.org/corporate/discover/futureu"                        target="_blank"                        ><b>Future U Project</b></a                      >                      is a bold vision to renovate and expand the USU, creating                      a modern and dynamic space to serve future generations of                      Long Beach State students. Before construction begins, we                      want to give students the opportunity to find community,                      connect and have fun.                    </p>                    <p>                      As a reminder, many of the services in the USU are not                      closing, just relocating! Check out the                      <a                        href="https://asicsulb.org/corporate/discover/futureu/future-u-food-relocation-1"                        target="_blank"                        ><b>food relocation</b></a                      >                      and                      <a                        href="https://asicsulb.org/corporate/discover/futureu/future-u-resource-relocation"                        target="_blank"                        ><b>resources relocation</b></a                      >                      pages on the Future U webpage for all the locations of                      your favorite ASI services.                    </p>                    <!-- END OF Intro content -->                    <!-- Accordion -->                    <div id="HistoryOfUniversity">                      <div class="acco">                        <!-- UFT1 (Union Farewell Tour) - Back to the 2000’s Night  -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Back to the 2000’s Night</span                            >                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 5</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Ballrooms                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">6 to 9 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Get ready to party like it's the 2000s! Join                                  us for an epic                                  <strong>Back to the 2000s</strong> celebration                                  packed with all the throwback vibes you love.                                  Jam out to your favorite millennium hits spun                                  by <strong>DJ B-Rokk</strong> while                                  challenging friends to 2000s trivia and bingo                                  for awesome prizes. Break out the board games                                  that defined the decade, snap memorable pics                                  at our photo booth, take home a custom                                  caricature and try your luck at our                                  opportunity drawing featuring a major prize!                                  Bring your crew for a night of crafts, dancing                                  and pure Y2K nostalgia. Don't miss this chance                                  to relive the era of frosted tips, flip phones                                  and unforgettable pop culture moments!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT2 (Union Farewell Tour) - Union Unplugged Block Party   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Union Unplugged Block Party                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 6</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU North Lawn                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 2 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Ready for a good time? Join us at                                  <strong>Union Unplugged</strong> for the                                  perfect afternoon of fun with friends! Enjoy                                  upbeat music from                                  <strong>22 West Media</strong>, satisfy your                                  cravings with delicious churros, acai bowls                                  and burgers. Try your luck at carnival games                                  with awesome giveaways, airbrush tattoos,                                  balloon creations, caricatures and more.                                  Connect with friends while exploring                                  interactive creative activities and learn                                  about the                                  <strong                                    ><a                                      href="https://www.asicsulb.org/corporate/discover/futureu"                                      target="_blank"                                      >Future U Project</a                                    ></strong                                  >. This block party brings all the right                                  energy to brighten your day—come experience                                  the perfect campus break!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT3 (Union Farewell Tour)  - Silent Disco   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Silent Disco </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 6</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Ballrooms                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">7 - 10 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Get your groove on through the decades at our                                  <strong>Silent Disco!</strong> Join us for a                                  night of free food, fun and dancing as you                                  switch between your favorite hits from the                                  80s, 90s and 2000s—all through wireless                                  headphones. Whether you're vibing to retro                                  beats or 2000s hits, there's a channel for                                  everyone. Don’t miss this unforgettable                                  experience where the music is in your ears and                                  the dance floor is yours!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT4 (Union Farewell Tour)  - Be a Kid Again Midday Recess   -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Be a Kid Again Midday Recess                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 7</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Southwest Terrace                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11:30 am - 1:30 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Tap into your inner child with this midday                                  escape! Jam out to your favorite hits with                                  live DJ requests from DJ B-Rokk, and enjoy                                  classic activities like slime-making, chalk                                  art, hopscotch, musical chairs and so much                                  more. Get creative at our bubble making,                                  friendship bracelet and keychain making, and                                  sand jar stations. Treat yourself to all your                                  childhood favorites like—Uncrustables, Fun                                  Dip, animal cookies, goldfish, pizza and more.                                  It’s all the nostalgia you need to get through                                  for finals, you owe it to your younger self!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT5 (Union Farewell Tour)  - Movie Night featuring Wicked    -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title"                              >Movie Night featuring Wicked                            </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 7</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Beach Auditorium                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">5:15 - 8:45 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Join us for an enchanting evening at our                                  <strong                                    >Wicked the Musical Movie Night!</strong                                  >                                  Indulge in free food and refreshments while                                  enjoying this beloved Broadway classic in a                                  cozy atmosphere. Embrace the spirit by                                  dressing as your favorite character—whether                                  you're sporting Elphaba's green or Glinda's                                  sparkle—for a chance to win our                                  <strong>Best Costume Contest</strong>. Come                                  experience the magic, music and heartwarming                                  memories with fellow fans at this special                                  screening event!                                </p>                                <p>                                  Doors open at 5:15 pm, movie begins at 6 pm.                                  Join us for <b>FREE dinner</b> from Raising                                  Canes, pre-movie trivia and exciting                                  opportunity drawings including Universal                                  Studio tickets!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT6 (Union Farewell Tour)  - Pawsitive Vibes     -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Pawsitive Vibes </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 8</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU Southwest Terrace                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 2 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Recharge your spirit at our                                  <strong>Pawsitive Vibes</strong> wellness                                  event! Take a break from exam stress and                                  cuddle with puppies, explore creative                                  activities and crafts, enjoy relaxing                                  massages, listen to live music from 22 West                                  Media and savor complimentary refreshments.                                  Give yourself permission to unwind and gather                                  positive energy before finals. You deserve                                  this break!                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- UFT6 (Union Farewell Tour)  - Open Market     -->                        <div class="acco-item">                          <button id="faq1" aria-expanded="false">                            <span class="acco-title">Open Market </span>                            <span class="icon" aria-hidden="true"></span>                          </button>                          <div class="acco-content">                            <div class="col-md-12 col-xs-12">                              <div                                class="row"                                style="                                  background-color: white;                                  border-radius: 20px;                                  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px                                    2.6px;                                  margin: 10px 5px;                                  margin-top: 15px;                                "                              >                                <!-- DATE -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Date</p>                                  <!-- Update the date per each event -->                                  <p class="event-title-text">May 9</p>                                </div>                                <!-- LOCATION -->                                <div>                                  <div                                    class="col-sm-4"                                    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>                                    <p class="event-title-head">Location</p>                                    <!-- Update the date per each event -->                                    <p class="event-title-text">                                      USU NorthLawn                                    </p>                                  </div>                                </div>                                <!-- TIME -->                                <div                                  class="col-sm-4"                                  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>                                  <p class="event-title-head">Time</p>                                  <!-- MUST INCLUDE "." IN A.M./P.M. -->                                  <p class="event-title-text">11 am - 3 pm<br /></p>                                </div>                              </div>                              <div class="panel-body">                                <p>                                  Join us for our flea market-style event—a                                  sustainable, community-focused event where                                  <strong>ASI</strong> will be liquidating items                                  that won’t be relocated to our new spaces.                                </p>                                <p>What to Expect:</p>                                <ul>                                  <li>Free items from ASI/USU departments</li>                                  <li>                                    Student Lunchbox outdoor pantry and food                                    distribution                                  </li>                                  <li>                                    Thrift Club collaboration on Career Closet                                    Pop-up items                                  </li>                                  <li>                                    Free lunch for attendees (while supplies                                    last) – sandwiches, chips and cookies from                                    Brown Paper Bag!                                  </li>                                </ul>                                <p>                                  Note: All items must be taken the same day.                                  ASI will not store leftover items.                                </p>                              </div>                            </div>                          </div>                        </div>                        <!-- End of Candidates accordion -->                      </div>                    </div>                  </div>                  <!-- TEchnically the end of the accordion -->                  <!-- Technically the end of the "description" -->                </div>                <!-- md12 end -->              </div>              <!-- End event Description and content -->            </div>            <!-- end container fluid -->          </div>          <!-- end mdcol12 -->        </div>        <!-- End row -->      </div>      <!-- End of Grey box -->    </div>    <!-- end of left side -->    <!-- -------------------          START OF RIGHT SIDE      --------------------- -->    <div class="col-md-6">      <img        style="width: 100%"        src="images/SP25_USU_Farewell-Tour_CalEvent.jpg"        alt="Union Farewell Tour Flier with events all week"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div>  <script>    document.addEventListener("DOMContentLoaded", function () {      document        .querySelectorAll("#HistoryOfUniversity .acco button")        .forEach((item) => item.addEventListener("click", toggleacco));      function toggleacco() {        const parentAcco = this.closest(".acco");        const itemsInThisAcco = parentAcco.querySelectorAll("button");        const currentStatus = this.getAttribute("aria-expanded");        if (currentStatus == "false") {          // Close all other items          // for (let i = 0; i < itemsInThisAcco.length; i++) {          //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");          // }          // Open the clicked item          this.setAttribute("aria-expanded", "true");        } else {          // Close the clicked item          this.setAttribute("aria-expanded", "false");        }      }    });  </script></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250501T143720Z
X-ACCESS:1
X-HITS:920
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250818T100000
DTEND;TZID=America/Los_Angeles:20250818T140000
RRULE:FREQ=WEEKLY;BYDAY=MO,TU,WE,TH;INTERVAL=1;UNTIL=20251219T235900Z
UID:C408CA75-0953-4773-A800-0569A41D610C
SUMMARY:Weekly Farmers Market
DTSTAMP:20250814T182520Z
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        Monday through Thursday, Fall & Spring Semesters\N      \N \N      \N      \N        \N            Location\N          \N          Friendship Walk\N        \N      \N \N      \N      \N        \N          Time\N        \N        10 a.m. to 2 p.m.\N      \N    \N \N    \N    \N      \N        Description\N        \N        \N          \N            Swing by the Associated Students, Inc. (ASI) Weekly Farmers Market! This market offers fresh and natural food items, as well as drinks and crafts from independent vendors and farmers. This event aims to help students make healthy food choices while supporting local businesses and farmers. \N          \N          \N            Join us for our newly extended days, Monday through Thursday, during the fall and spring semesters. Please note, there will be no Farmer's Market during fall and spring break.\N          \N          \N            The event is open to the entire Long Beach State University (LBSU) community, including surrounding neighbors. Don't forget to bring your reusable shopping bag! No RSVP is required. A parking permit is required for all on-campus parking.\N          \N        \N        \N      \N    \N    \N  \N  \N \N  \N  \N    img\N      class="event-img&quot;\N      src=&quot;images/cal/Fall-2025/F25_USU_Farmers-Market_dgtl-CalEvent.jpg&quot;\N      alt=&quot;Weekly Farmers Market\NMonday through Thursday, Fall & Spring Semesters\N10 a.m. to 2 p.m.\NFriendship Walk\N&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">Monday through Thursday, Fall & Spring Semesters</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">Friendship Walk</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">10 a.m. to 2 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>            Swing by the Associated Students, Inc. (ASI) Weekly Farmers Market! This market offers fresh and natural food items, as well as drinks and crafts from independent vendors and farmers. This event aims to help students make healthy food choices while supporting local businesses and farmers.           </p>          <p>            Join us for our newly extended days, Monday through Thursday, during the fall and spring semesters. Please note, there will be no Farmer's Market during fall and spring break.          </p>          <p>            The event is open to the entire Long Beach State University (LBSU) community, including surrounding neighbors. Don't forget to bring your reusable shopping bag! No RSVP is required. A parking permit is required for all on-campus parking.          </p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->   <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img      class="event-img"      src="images/cal/Fall-2025/F25_USU_Farmers-Market_dgtl-CalEvent.jpg"      alt="Weekly Farmers MarketMonday through Thursday, Fall & Spring Semesters10 a.m. to 2 p.m.Friendship Walk"    />     {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:20251210T170253Z
X-ACCESS:1
X-HITS:1
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250826T160000
DTEND;TZID=America/Los_Angeles:20250826T180000
UID:1A34B089-F461-4B47-8CC5-DCB150C00048
SUMMARY:Grill & Chill
DTSTAMP:20250725T195757Z
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        Aug. 26\N      \N\N      \N      \N        \N            Location\N          \N          ASI Beach Kitchen\N        \N      \N\N      \N      \N        \N          Time\N        \N        4 to 6 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          The ASI Beach Kitchen is grilling up hot dogs to welcome you back to campus! Swing by Aug. 27 at 4 p.m. for a tasty summer staple, while supplies last. No RSVP is required, just bring your student ID and your appetite!\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">Aug. 26</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">ASI Beach Kitchen</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">4 to 6 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 ASI Beach Kitchen is grilling up hot dogs to welcome you back to campus! Swing by Aug. 27 at 4 p.m. for a tasty summer staple, while supplies last. No RSVP is required, just bring your student ID and your appetite!</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/SM25_Beach-Pantry-and-Kitchen_Grill-and-Chill_dgtl-CalEvent-v2.jpg" alt="Grill & ChillAug. 274 to 6 p.m.ASI Beach Kitchen" />    {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:20250825T215516Z
X-ACCESS:1
X-HITS:1022
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250902T090000
DTEND;TZID=America/Los_Angeles:20250902T170000
RRULE:FREQ=WEEKLY;BYDAY=TH,SA,SU;INTERVAL=1;UNTIL=20250919T235900Z
UID:E267E00C-3668-425C-BE7C-F67F49F94A8A
SUMMARY:Career Clothing Closet Donation Drive
DTSTAMP:20250210T170641Z
DESCRIPTION:\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    /* _____________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: 10px;\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          Sep. 02 - Sep 19\N        \N  \N        \N        \N          \N              Location\N            \N            Various Locations\N          \N        \N  \N        \N        \N          \N            Time\N          \N          9 a.m. to 5 p.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            Help Long Beach State University (LBSU) students look their best! Donate your gently used business attire and accessories to help others feel ready to conquer interviews, business events and professional development.\N.\N            We are accepting donations, Monday through Friday, at the following locations:\N            \N                Laurén Chalmers '83 Beach Pantry (SHS 115A))\N                Career Development Center (BH 250)\N                Basic Needs Office (PH1 127)\N                University Library\N                University Bookstore\N                Student Recreation & Wellness Center (SRWC)\N                Downtown Long Beach Alliance (DLBA)\N            \N            Clean out your closet; make a difference; and help the students of LBSU look their best!\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 Sep 2025 --><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);    }    /* _____________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: 10px;      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>          <p class="event-title-head">Date</p>          <!-- Update the date per each event -->          <p class="event-title-text">Sep. 02 - Sep 19</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>            <p class="event-title-head">Location</p>            <!-- Update the date per each event -->            <p class="event-title-text">Various Locations</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>          <p class="event-title-head">Time</p>          <!-- MUST INCLUDE "." IN A.M./P.M. -->          <p class="event-title-text">9 a.m. to 5 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>Help Long Beach State University (LBSU) students look their best! Donate your gently used business attire and accessories to help others feel ready to conquer interviews, business events and professional development..</p>            <p><b>We are accepting donations, Monday through Friday, at the following locations:</b></p>            <ul>                <li>Laurén Chalmers '83 Beach Pantry (SHS 115A))</li>                <li>Career Development Center (BH 250)</li>                <li>Basic Needs Office (PH1 127)</li>                <li>University Library</li>                <li>University Bookstore</li>                <li>Student Recreation & Wellness Center (SRWC)</li>                <li>Downtown Long Beach Alliance (DLBA)</li>            </ul>            <p>Clean out your closet; make a difference; and help the students of LBSU look their best!</p>          </div>          <!-- Technically the end of the "description" -->        </div>      </div>      <!-- End of Event Description -->    </div>    <!-- end of left-container -->      <!-- -------------------        START OF RIGHT SIDE    --------------------- -->    <div class="right-container">      <img class="event-img" src="images/cal/Fall-2025/F25_ASGV_Meet-your-ASI-SenatorS-at-Large_dgtl-CalEvent-copy_1.jpg" alt="Career Clothing Donation Drive      Feb. 10 - March 11      9 a.m. to 6 p.m.      Various Locations" />        {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:20250915T224156Z
X-ACCESS:1
X-HITS:10
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250902T090000
DTEND;TZID=America/Los_Angeles:20250902T170000
UID:E267E00C-3668-425C-BE7C-F67F49F94A8A
RECURRENCE-ID:20250902T160000Z
SUMMARY:Career Clothing Closet Donation Drive
DTSTAMP:20250210T170641Z
DESCRIPTION:\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    /* _____________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: 10px;\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          Sep. 02 - Sep 19\N        \N  \N        \N        \N          \N              Location\N            \N            Various Locations\N          \N        \N  \N        \N        \N          \N            Time\N          \N          9 a.m. to 5 p.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            Help Long Beach State University (LBSU) students look their best! Donate your gently used business attire and accessories to help others feel ready to conquer interviews, business events and professional development.\N.\N            We are accepting donations, Monday through Friday, at the following locations:\N            \N                Laurén Chalmers '83 Beach Pantry (SHS 115A))\N                Career Development Center (BH 250)\N                Basic Needs Office (PH1 127)\N                University Library\N                University Bookstore\N                Student Recreation & Wellness Center (SRWC)\N                Downtown Long Beach Alliance (DLBA)\N            \N            Clean out your closet; make a difference; and help the students of LBSU look their best!\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 Sep 2025 --><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);    }    /* _____________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: 10px;      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>          <p class="event-title-head">Date</p>          <!-- Update the date per each event -->          <p class="event-title-text">Sep. 02 - Sep 19</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>            <p class="event-title-head">Location</p>            <!-- Update the date per each event -->            <p class="event-title-text">Various Locations</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>          <p class="event-title-head">Time</p>          <!-- MUST INCLUDE "." IN A.M./P.M. -->          <p class="event-title-text">9 a.m. to 5 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>Help Long Beach State University (LBSU) students look their best! Donate your gently used business attire and accessories to help others feel ready to conquer interviews, business events and professional development..</p>            <p><b>We are accepting donations, Monday through Friday, at the following locations:</b></p>            <ul>                <li>Laurén Chalmers '83 Beach Pantry (SHS 115A))</li>                <li>Career Development Center (BH 250)</li>                <li>Basic Needs Office (PH1 127)</li>                <li>University Library</li>                <li>University Bookstore</li>                <li>Student Recreation & Wellness Center (SRWC)</li>                <li>Downtown Long Beach Alliance (DLBA)</li>            </ul>            <p>Clean out your closet; make a difference; and help the students of LBSU look their best!</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="images/cal/Fall-2025/F25_BPKitchen_Career-Clothing-Donation-Drive_dgtl-CalEvent_1.jpg" alt="Career Clothing Donation Drive      Feb. 10 - March 11      9 a.m. to 6 p.m.      Various Locations" />        {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:20250917T155526Z
X-ACCESS:1
X-HITS:39
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250906T090000
DTEND;TZID=America/Los_Angeles:20250906T170000
UID:E267E00C-3668-425C-BE7C-F67F49F94A8A
RECURRENCE-ID:20250906T160000Z
SUMMARY:Career Clothing Closet Donation Drive
DTSTAMP:20250210T170641Z
DESCRIPTION:\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    /* _____________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: 10px;\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          Sep. 02 - Sep 19\N        \N  \N        \N        \N          \N              Location\N            \N            Various Locations\N          \N        \N  \N        \N        \N          \N            Time\N          \N          9 a.m. to 5 p.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            Help Long Beach State University (LBSU) students look their best! Donate your gently used business attire and accessories to help others feel ready to conquer interviews, business events and professional development.\N.\N            We are accepting donations, Monday through Friday, at the following locations:\N            \N                Laurén Chalmers '83 Beach Pantry (SHS 115A))\N                Career Development Center (BH 250)\N                Basic Needs Office (PH1 127)\N                University Library\N                University Bookstore\N                Student Recreation & Wellness Center (SRWC)\N                Downtown Long Beach Alliance (DLBA)\N            \N            Clean out your closet; make a difference; and help the students of LBSU look their best!\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 Sep 2025 --><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);    }    /* _____________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: 10px;      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>          <p class="event-title-head">Date</p>          <!-- Update the date per each event -->          <p class="event-title-text">Sep. 02 - Sep 19</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>            <p class="event-title-head">Location</p>            <!-- Update the date per each event -->            <p class="event-title-text">Various Locations</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>          <p class="event-title-head">Time</p>          <!-- MUST INCLUDE "." IN A.M./P.M. -->          <p class="event-title-text">9 a.m. to 5 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>Help Long Beach State University (LBSU) students look their best! Donate your gently used business attire and accessories to help others feel ready to conquer interviews, business events and professional development..</p>            <p><b>We are accepting donations, Monday through Friday, at the following locations:</b></p>            <ul>                <li>Laurén Chalmers '83 Beach Pantry (SHS 115A))</li>                <li>Career Development Center (BH 250)</li>                <li>Basic Needs Office (PH1 127)</li>                <li>University Library</li>                <li>University Bookstore</li>                <li>Student Recreation & Wellness Center (SRWC)</li>                <li>Downtown Long Beach Alliance (DLBA)</li>            </ul>            <p>Clean out your closet; make a difference; and help the students of LBSU look their best!</p>          </div>          <!-- Technically the end of the "description" -->        </div>      </div>      <!-- End of Event Description -->    </div>    <!-- end of left-container -->      <!-- -------------------        START OF RIGHT SIDE    --------------------- -->    <div class="right-container">      <img class="event-img" src="images/cal/Fall-2025/F25_BPKitchen_Career-Clothing-Donation-Drive_dgtl-CalEvent_1.jpg" alt="Career Clothing Donation Drive      Feb. 10 - March 11      9 a.m. to 6 p.m.      Various Locations" />        {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:20250917T155822Z
X-ACCESS:1
X-HITS:13
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250907T090000
DTEND;TZID=America/Los_Angeles:20250907T170000
UID:E267E00C-3668-425C-BE7C-F67F49F94A8A
RECURRENCE-ID:20250907T160000Z
SUMMARY:Career Clothing Closet Donation Drive
DTSTAMP:20250210T170641Z
DESCRIPTION:\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    /* _____________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: 10px;\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          Sep. 02 - Sep 19\N        \N  \N        \N        \N          \N              Location\N            \N            Various Locations\N          \N        \N  \N        \N        \N          \N            Time\N          \N          9 a.m. to 5 p.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            Help Long Beach State University (LBSU) students look their best! Donate your gently used business attire and accessories to help others feel ready to conquer interviews, business events and professional development.\N.\N            We are accepting donations, Monday through Friday, at the following locations:\N            \N                Laurén Chalmers '83 Beach Pantry (SHS 115A))\N                Career Development Center (BH 250)\N                Basic Needs Office (PH1 127)\N                University Library\N                University Bookstore\N                Student Recreation & Wellness Center (SRWC)\N                Downtown Long Beach Alliance (DLBA)\N            \N            Clean out your closet; make a difference; and help the students of LBSU look their best!\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 Sep 2025 --><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);    }    /* _____________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: 10px;      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>          <p class="event-title-head">Date</p>          <!-- Update the date per each event -->          <p class="event-title-text">Sep. 02 - Sep 19</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>            <p class="event-title-head">Location</p>            <!-- Update the date per each event -->            <p class="event-title-text">Various Locations</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>          <p class="event-title-head">Time</p>          <!-- MUST INCLUDE "." IN A.M./P.M. -->          <p class="event-title-text">9 a.m. to 5 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>Help Long Beach State University (LBSU) students look their best! Donate your gently used business attire and accessories to help others feel ready to conquer interviews, business events and professional development..</p>            <p><b>We are accepting donations, Monday through Friday, at the following locations:</b></p>            <ul>                <li>Laurén Chalmers '83 Beach Pantry (SHS 115A))</li>                <li>Career Development Center (BH 250)</li>                <li>Basic Needs Office (PH1 127)</li>                <li>University Library</li>                <li>University Bookstore</li>                <li>Student Recreation & Wellness Center (SRWC)</li>                <li>Downtown Long Beach Alliance (DLBA)</li>            </ul>            <p>Clean out your closet; make a difference; and help the students of LBSU look their best!</p>          </div>          <!-- Technically the end of the "description" -->        </div>      </div>      <!-- End of Event Description -->    </div>    <!-- end of left-container -->      <!-- -------------------        START OF RIGHT SIDE    --------------------- -->    <div class="right-container">      <img class="event-img" src="images/cal/Fall-2025/F25_BPKitchen_Career-Clothing-Donation-Drive_dgtl-CalEvent_1.jpg" alt="Career Clothing Donation Drive      Feb. 10 - March 11      9 a.m. to 6 p.m.      Various Locations" />        {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:20250917T160108Z
X-ACCESS:1
X-HITS:16
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250911T090000
DTEND;TZID=America/Los_Angeles:20250911T170000
UID:E267E00C-3668-425C-BE7C-F67F49F94A8A
RECURRENCE-ID:20250911T160000Z
SUMMARY:Career Clothing Closet Donation Drive
DTSTAMP:20250210T170641Z
DESCRIPTION:\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    /* _____________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: 10px;\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          Sep. 02 - Sep 19\N        \N  \N        \N        \N          \N              Location\N            \N            Various Locations\N          \N        \N  \N        \N        \N          \N            Time\N          \N          9 a.m. to 5 p.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            Help Long Beach State University (LBSU) students look their best! Donate your gently used business attire and accessories to help others feel ready to conquer interviews, business events and professional development.\N.\N            We are accepting donations, Monday through Friday, at the following locations:\N            \N                Laurén Chalmers '83 Beach Pantry (SHS 115A))\N                Career Development Center (BH 250)\N                Basic Needs Office (PH1 127)\N                University Library\N                University Bookstore\N                Student Recreation & Wellness Center (SRWC)\N                Downtown Long Beach Alliance (DLBA)\N            \N            Clean out your closet; make a difference; and help the students of LBSU look their best!\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 Sep 2025 --><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);    }    /* _____________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: 10px;      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>          <p class="event-title-head">Date</p>          <!-- Update the date per each event -->          <p class="event-title-text">Sep. 02 - Sep 19</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>            <p class="event-title-head">Location</p>            <!-- Update the date per each event -->            <p class="event-title-text">Various Locations</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>          <p class="event-title-head">Time</p>          <!-- MUST INCLUDE "." IN A.M./P.M. -->          <p class="event-title-text">9 a.m. to 5 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>Help Long Beach State University (LBSU) students look their best! Donate your gently used business attire and accessories to help others feel ready to conquer interviews, business events and professional development..</p>            <p><b>We are accepting donations, Monday through Friday, at the following locations:</b></p>            <ul>                <li>Laurén Chalmers '83 Beach Pantry (SHS 115A))</li>                <li>Career Development Center (BH 250)</li>                <li>Basic Needs Office (PH1 127)</li>                <li>University Library</li>                <li>University Bookstore</li>                <li>Student Recreation & Wellness Center (SRWC)</li>                <li>Downtown Long Beach Alliance (DLBA)</li>            </ul>            <p>Clean out your closet; make a difference; and help the students of LBSU look their best!</p>          </div>          <!-- Technically the end of the "description" -->        </div>      </div>      <!-- End of Event Description -->    </div>    <!-- end of left-container -->      <!-- -------------------        START OF RIGHT SIDE    --------------------- -->    <div class="right-container">      <img class="event-img" src="images/cal/Fall-2025/F25_BPKitchen_Career-Clothing-Donation-Drive_dgtl-CalEvent_1.jpg" alt="Career Clothing Donation Drive      Feb. 10 - March 11      9 a.m. to 6 p.m.      Various Locations" />        {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:20250917T160014Z
X-ACCESS:1
X-HITS:16
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250913T090000
DTEND;TZID=America/Los_Angeles:20250913T170000
UID:E267E00C-3668-425C-BE7C-F67F49F94A8A
RECURRENCE-ID:20250913T160000Z
SUMMARY:Career Clothing Closet Donation Drive
DTSTAMP:20250210T170641Z
DESCRIPTION:\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    /* _____________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: 10px;\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          Sep. 02 - Sep 19\N        \N  \N        \N        \N          \N              Location\N            \N            Various Locations\N          \N        \N  \N        \N        \N          \N            Time\N          \N          9 a.m. to 5 p.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            Help Long Beach State University (LBSU) students look their best! Donate your gently used business attire and accessories to help others feel ready to conquer interviews, business events and professional development.\N.\N            We are accepting donations, Monday through Friday, at the following locations:\N            \N                Laurén Chalmers '83 Beach Pantry (SHS 115A))\N                Career Development Center (BH 250)\N                Basic Needs Office (PH1 127)\N                University Library\N                University Bookstore\N                Student Recreation & Wellness Center (SRWC)\N                Downtown Long Beach Alliance (DLBA)\N            \N            Clean out your closet; make a difference; and help the students of LBSU look their best!\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 Sep 2025 --><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);    }    /* _____________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: 10px;      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>          <p class="event-title-head">Date</p>          <!-- Update the date per each event -->          <p class="event-title-text">Sep. 02 - Sep 19</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>            <p class="event-title-head">Location</p>            <!-- Update the date per each event -->            <p class="event-title-text">Various Locations</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>          <p class="event-title-head">Time</p>          <!-- MUST INCLUDE "." IN A.M./P.M. -->          <p class="event-title-text">9 a.m. to 5 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>Help Long Beach State University (LBSU) students look their best! Donate your gently used business attire and accessories to help others feel ready to conquer interviews, business events and professional development..</p>            <p><b>We are accepting donations, Monday through Friday, at the following locations:</b></p>            <ul>                <li>Laurén Chalmers '83 Beach Pantry (SHS 115A))</li>                <li>Career Development Center (BH 250)</li>                <li>Basic Needs Office (PH1 127)</li>                <li>University Library</li>                <li>University Bookstore</li>                <li>Student Recreation & Wellness Center (SRWC)</li>                <li>Downtown Long Beach Alliance (DLBA)</li>            </ul>            <p>Clean out your closet; make a difference; and help the students of LBSU look their best!</p>          </div>          <!-- Technically the end of the "description" -->        </div>      </div>      <!-- End of Event Description -->    </div>    <!-- end of left-container -->      <!-- -------------------        START OF RIGHT SIDE    --------------------- -->    <div class="right-container">      <img class="event-img" src="images/cal/Fall-2025/F25_BPKitchen_Career-Clothing-Donation-Drive_dgtl-CalEvent_1.jpg" alt="Career Clothing Donation Drive      Feb. 10 - March 11      9 a.m. to 6 p.m.      Various Locations" />        {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:20250917T155923Z
X-ACCESS:1
X-HITS:15
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250914T090000
DTEND;TZID=America/Los_Angeles:20250914T170000
UID:E267E00C-3668-425C-BE7C-F67F49F94A8A
RECURRENCE-ID:20250914T160000Z
SUMMARY:Career Clothing Closet Donation Drive
DTSTAMP:20250210T170641Z
DESCRIPTION:\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    /* _____________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: 10px;\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          Sep. 02 - Sep 19\N        \N  \N        \N        \N          \N              Location\N            \N            Various Locations\N          \N        \N  \N        \N        \N          \N            Time\N          \N          9 a.m. to 5 p.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            Help Long Beach State University (LBSU) students look their best! Donate your gently used business attire and accessories to help others feel ready to conquer interviews, business events and professional development.\N.\N            We are accepting donations, Monday through Friday, at the following locations:\N            \N                Laurén Chalmers '83 Beach Pantry (SHS 115A))\N                Career Development Center (BH 250)\N                Basic Needs Office (PH1 127)\N                University Library\N                University Bookstore\N                Student Recreation & Wellness Center (SRWC)\N                Downtown Long Beach Alliance (DLBA)\N            \N            Clean out your closet; make a difference; and help the students of LBSU look their best!\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 Sep 2025 --><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);    }    /* _____________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: 10px;      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>          <p class="event-title-head">Date</p>          <!-- Update the date per each event -->          <p class="event-title-text">Sep. 02 - Sep 19</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>            <p class="event-title-head">Location</p>            <!-- Update the date per each event -->            <p class="event-title-text">Various Locations</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>          <p class="event-title-head">Time</p>          <!-- MUST INCLUDE "." IN A.M./P.M. -->          <p class="event-title-text">9 a.m. to 5 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>Help Long Beach State University (LBSU) students look their best! Donate your gently used business attire and accessories to help others feel ready to conquer interviews, business events and professional development..</p>            <p><b>We are accepting donations, Monday through Friday, at the following locations:</b></p>            <ul>                <li>Laurén Chalmers '83 Beach Pantry (SHS 115A))</li>                <li>Career Development Center (BH 250)</li>                <li>Basic Needs Office (PH1 127)</li>                <li>University Library</li>                <li>University Bookstore</li>                <li>Student Recreation & Wellness Center (SRWC)</li>                <li>Downtown Long Beach Alliance (DLBA)</li>            </ul>            <p>Clean out your closet; make a difference; and help the students of LBSU look their best!</p>          </div>          <!-- Technically the end of the "description" -->        </div>      </div>      <!-- End of Event Description -->    </div>    <!-- end of left-container -->      <!-- -------------------        START OF RIGHT SIDE    --------------------- -->    <div class="right-container">      <img class="event-img" src="images/cal/Fall-2025/F25_BPKitchen_Career-Clothing-Donation-Drive_dgtl-CalEvent_1.jpg" alt="Career Clothing Donation Drive      Feb. 10 - March 11      9 a.m. to 6 p.m.      Various Locations" />        {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:20250917T155851Z
X-ACCESS:1
X-HITS:15
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250918T090000
DTEND;TZID=America/Los_Angeles:20250918T170000
UID:E267E00C-3668-425C-BE7C-F67F49F94A8A
RECURRENCE-ID:20250918T160000Z
SUMMARY:Career Clothing Closet Donation Drive
DTSTAMP:20250210T170641Z
DESCRIPTION:\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    /* _____________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: 10px;\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          Sep. 02 - Sep 19\N        \N  \N        \N        \N          \N              Location\N            \N            Various Locations\N          \N        \N  \N        \N        \N          \N            Time\N          \N          9 a.m. to 5 p.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            Help Long Beach State University (LBSU) students look their best! Donate your gently used business attire and accessories to help others feel ready to conquer interviews, business events and professional development.\N.\N            We are accepting donations, Monday through Friday, at the following locations:\N            \N                Laurén Chalmers '83 Beach Pantry (SHS 115A))\N                Career Development Center (BH 250)\N                Basic Needs Office (PH1 127)\N                University Library\N                University Bookstore\N                Student Recreation & Wellness Center (SRWC)\N                Downtown Long Beach Alliance (DLBA)\N            \N            Clean out your closet; make a difference; and help the students of LBSU look their best!\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 Sep 2025 --><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);    }    /* _____________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: 10px;      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>          <p class="event-title-head">Date</p>          <!-- Update the date per each event -->          <p class="event-title-text">Sep. 02 - Sep 19</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>            <p class="event-title-head">Location</p>            <!-- Update the date per each event -->            <p class="event-title-text">Various Locations</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>          <p class="event-title-head">Time</p>          <!-- MUST INCLUDE "." IN A.M./P.M. -->          <p class="event-title-text">9 a.m. to 5 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>Help Long Beach State University (LBSU) students look their best! Donate your gently used business attire and accessories to help others feel ready to conquer interviews, business events and professional development..</p>            <p><b>We are accepting donations, Monday through Friday, at the following locations:</b></p>            <ul>                <li>Laurén Chalmers '83 Beach Pantry (SHS 115A))</li>                <li>Career Development Center (BH 250)</li>                <li>Basic Needs Office (PH1 127)</li>                <li>University Library</li>                <li>University Bookstore</li>                <li>Student Recreation & Wellness Center (SRWC)</li>                <li>Downtown Long Beach Alliance (DLBA)</li>            </ul>            <p>Clean out your closet; make a difference; and help the students of LBSU look their best!</p>          </div>          <!-- Technically the end of the "description" -->        </div>      </div>      <!-- End of Event Description -->    </div>    <!-- end of left-container -->      <!-- -------------------        START OF RIGHT SIDE    --------------------- -->    <div class="right-container">      <img class="event-img" src="images/cal/Fall-2025/F25_BPKitchen_Career-Clothing-Donation-Drive_dgtl-CalEvent_1.jpg" alt="Career Clothing Donation Drive      Feb. 10 - March 11      9 a.m. to 6 p.m.      Various Locations" />        {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:20250917T155700Z
X-ACCESS:1
X-HITS:658
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;VALUE=DATE:20250907
DTEND;VALUE=DATE:20250908
RRULE:FREQ=WEEKLY;BYDAY=SU;INTERVAL=1;UNTIL=20251214T235900Z
EXDATE:20250914,20250921,20250928,20251005,20251012,20251019,20251026,20251102,20251109,20251116,20251123,20251130,20251207,20251214
UID:6BCACD58-F8E2-4561-8EAE-26E9030F8F01
SUMMARY:Let's Get Cooking at ASI Beach Kitchen (2)
DTSTAMP:20250903T222517Z
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        Various Dates\N      \N\N      \N      \N        \N            Location\N          \N          ASI Beach Kitchen\N        \N      \N\N      \N      \N        \N          Time\N        \N        Various Times\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          \N            ASI Beach Kitchen (located next to The Nugget) is hosting fun\N              cooking demonstrations this semester featuring:\N            \N          \N          \N            \N              Meal Prep Mondays – Kickstart your week with easy, affordable meal\N              prep ideas! Learn how to plan, portion and prep nutritious meals\N              that save time and money.\N            \N            \N              Global Grub Series – Travel the world without leaving campus!\N              Explore diverse cuisines and cultures through simple, flavorful\N              recipes from around the globe.\N            \N            \N              Eat Well, Live Well Series – Level-up your meals with tips for\N              balanced eating! Learn how to build nutrient-dense plates, upgrade\N              your drinks and add more whole foods to your day. No diets, just\N              better choices.\N            \N            \N              Campus Cookin' – Easy ingredients, real meals, dorm approved.\N              Discover creative, budget-friendly recipes using minimal\N              equipment. Perfect for anyone with limited kitchen access.\N            \N            \N              Recipe Bag Fridays – Grab. Cook. Enjoy. Pick up a free recipe kit\N              with pre-portioned ingredients and step-by-step instructions to\N              make a delicious meal at home!\N            \N            \N              Beach Fuel – Fuel your body, Beach style! Learn quick, energizing\N              snack and meal ideas that keep you powered through classes,\N              workouts and everything in between.\N            \N          \N          \N            Visit Events & Orgs to reserve your free spot and get cooking!\N            \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>        <!-- Update the date per each event -->        <p class="event-title-text">Various Dates</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">ASI Beach Kitchen</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">Various Times</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>            <b              >ASI Beach Kitchen (located next to The Nugget) is hosting fun              cooking demonstrations this semester featuring:            </b>          </p>          <ul>            <li>              Meal Prep Mondays – Kickstart your week with easy, affordable meal              prep ideas! Learn how to plan, portion and prep nutritious meals              that save time and money.            </li>            <li>              Global Grub Series – Travel the world without leaving campus!              Explore diverse cuisines and cultures through simple, flavorful              recipes from around the globe.            </li>            <li>              Eat Well, Live Well Series – Level-up your meals with tips for              balanced eating! Learn how to build nutrient-dense plates, upgrade              your drinks and add more whole foods to your day. No diets, just              better choices.            </li>            <li>              Campus Cookin' – Easy ingredients, real meals, dorm approved.              Discover creative, budget-friendly recipes using minimal              equipment. Perfect for anyone with limited kitchen access.            </li>            <li>              Recipe Bag Fridays – Grab. Cook. Enjoy. Pick up a free recipe kit              with pre-portioned ingredients and step-by-step instructions to              make a delicious meal at home!            </li>            <li>              Beach Fuel – Fuel your body, Beach style! Learn quick, energizing              snack and meal ideas that keep you powered through classes,              workouts and everything in between.            </li>          </ul>          <p>            <em              >Visit Events & Orgs to reserve your free spot and get cooking!            </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-2025/SM25_BeachKitchen_Lets-Get-Cooking_dgtl-CalEvent.jpg" alt="Let's Get Cooking at ASI Beach KitchenVarious DatesVarious TimesASI Beach Kitchen" />    {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:0
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;VALUE=DATE:20250911
DTEND;VALUE=DATE:20250919
RRULE:FREQ=WEEKLY;BYDAY=MO,TU,WE,TH,FR;INTERVAL=1;UNTIL=20200101T000000Z
UID:DE6CCCD8-229A-47CC-8268-E22251A9714A
SUMMARY:Long Beach Gives
DTSTAMP:20230912T201825Z
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    flex-direction: column;\N    justify-content: center;\N    margin-top: 20px;\Nmargin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        \N        Sept. 11 - 18\N      \N\N      \N      \N        \N            Location\N          \N          Online\N        \N      \N\N      \N      \N        \N          Time\N        \N        All Day\N      \N    \N\N    \N    \N      \N        Description\N        \N        \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;    flex-direction: column;    justify-content: center;    margin-top: 20px;margin-bottom: 20px;  }  .history-btn {    display: flex;    justify-content: center;  }  .button-71 {    background-color: #007daa;    border: 0;    border-radius: 56px;    color: #fff;    cursor: pointer;    display: inline-block;    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */    font-size: 18px;    font-weight: 600;    outline: 0;    padding: 16px 21px;    position: relative;    text-align: center;    text-decoration: none;    transition: all 0.3s;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;  }  .button-71:before {    background-color: initial;    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);    border-radius: 125px;    content: "";    height: 50%;    left: 4%;    opacity: 0.5;    position: absolute;    top: 0;    transition: all 0.3s;    width: 92%;  }  .button-71:hover {    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;    transform: scale(1.05);  }  /* _____________Accordian Section CSS+_______________ */  .acco .acco-item {    border-bottom: 1px solid #e5e5e5;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: #8800ad;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #8700ad !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 18px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #8800ad;    border-bottom: 1px solid #8800ad;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #8800ad3f;    border-right: 2px solid #8800ad3f;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* ______________Accordian CSS Ends__________ */  .main-container {    display: flex;    gap: 20px;    max-width: 1600px;    margin: 0 auto;  }  .left-container {    width: 50%;  }  .right-container {    width: 50%;  }  .event-dtl {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    margin-bottom: 20px;    padding: 10px 20px;    display: flex;    justify-content: space-between;  }  .event-description {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    padding: 10px 20px;  }  .event-img {    width: 100%;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    border-radius: 10px;  }  @media (max-width: 960px) {    .main-container {      flex-direction: column;    }    .left-container {      width: 100%;      width: 10px -20px;    }    .right-container {      width: 100%;    }  }  @media (max-width: 500px) {    .event-dtl {      flex-direction: column;      text-align: center;    }    .event-title-icon {      justify-content: center;    }  }</style><div class="main-container">  <!-- --------------------     START OF LEFT SIDE   --------------------- -->  <div class="left-container">    <div class="event-dtl">      <!-- DATE -->      <div itemprop="startDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Date</h3>        <!-- Update the date per each event -->        <p class="event-title-text">Sept. 11 - 18</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">Online</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">All Day</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">          <!-- VIDEO LINK -->                  <div class="event-video-main">                    <iframe                      width="560"                      height="315"                      src="https://www.youtube.com/embed/R0qqHsPozE0?si=GAOrxubDOyD3h8MU"                      title="YouTube video player"                      frameborder="0"                      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"                      allowfullscreen                      style="border-radius: 12px"                    ></iframe>                    <p>                      Long Beach Gives is an annual, citywide giving event where                      individuals and organizations come together to invest in                      our community. The campaign kicks off with early giving,                      Sept. 11, and culminates with a 24-hour day of giving,                      Sept. 18!                    </p>                    <p>                      The ASI Beach Pantry is accepting donations through the                      Long Beach Gives donation drive. The Beach Pantry operates                      as the official food pantry for Long Beach State students.                      They provide food, fresh produce, toiletries and school                      supplies for students experiencing food and housing                      insecurity. Unfortunately, one in five students on CSU                      campuses experience food insecurity while in college.                    </p>                    <p>                      We encourage you to donate whatever you can spare! Even                      the smallest donations benefit students experiencing                      hardship. For more information, and/or to donate, visit                      <a href="https://asicsulb.org/lbgives"                        ><b>asicsulb.org/lbgives.</b></a                      >                    </p>                  </div>        </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/Long_Beach_Gives_Logo_-_Red_Heart-v2.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:20250912T213209Z
X-ACCESS:1
X-HITS:0
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250924T110000
DTEND;TZID=America/Los_Angeles:20250924T160000
UID:38D1CD84-A36C-4889-A10F-C7E644F0BA47
SUMMARY:Career Clothing Closet Pop Up
DTSTAMP:20250918T152848Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N \N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N \N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N \N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N \N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N \N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N \N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N \N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N \N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N \N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N \N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N \N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N \N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N \N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N \N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N \N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N \N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N \N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N \N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N \N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N \N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N \N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N \N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N \N\N  \N  \N    \N      \N      \N        \N          Date\N        \N        Sept. 24\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 4 p.m.\N      \N    \N \N    \N    \N      \N        Description\N        \N        \N          Are you ready to shine and stand out from the competition at the upcoming Career Development Center Job Fair? We’ve got you covered!\N\N          Look and feel your best at no cost when you discover your professional style at the Career Clothing Closet Pop-Up. From blazers to accessories, this is your go-to destination for FREE professional attire that will help you make a lasting impression on your future employer.\N\N          What’s in store for you?\N          Choose up to FIVE items from a wide selection, including, but not limited to:\N          \N            Crisp button-up shirts\N            Stylish blazers\N            Sleek dress pants\N            Elegant pencil skirts\N            Chic blouses\N            Trendy belts\N            Fashionable purses\N            Classy dress shoes\N          \N          And so much more!\N\N          What to bring\N          \N            Your Long Beach State University (LBSU) Student ID\N            Your sense of style!\N          \N\N          All items are available on a first-come, first-served basis. Don’t miss out on this incredible opportunity to upgrade your professional wardrobe brought to you by ASI, Basic Needs, the Career Development Center and Student Lunchbox. Dress for success and secure your dream job with confidence!\N  \N        \N        \N      \N    \N    \N  \N  \N \N  \N  \N    img\N      class="event-img&quot;\N      src=&quot;images/cal/Fall-2025/F25_BPKitchen_Career-Clothing-Pop-Up_dgtl-CalEvent.jpg&quot;\N      alt=&quot;Career Clothing Closet Pop Up\NSept. 24\N11 a.m. to 4 p.m.\NSpeaker's Platform&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">Sept. 24</p>      </div>       <!-- LOCATION -->      <div>        <div          itemprop="location"          itemscope="itemscope"          itemtype="http://schema.org/Place"        >          <div class="event-title-icon">            <img              src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png"              style="height: 20px; width: 25px"            />          </div>          <h3 class="event-title-head">Location</h3>          <!-- Update the date per each event -->          <p class="event-title-text">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 4 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>Are you ready to shine and stand out from the competition at the upcoming Career Development Center Job Fair? We’ve got you covered!</p>          <p>Look and feel your best at no cost when you discover your professional style at the Career Clothing Closet Pop-Up. From blazers to accessories, this is your go-to destination for FREE professional attire that will help you make a lasting impression on your future employer.</p>          <h2>What’s in store for you?</h2>          <p>Choose up to <strong>FIVE</strong> items from a wide selection, including, but not limited to:</p>          <ul>            <li>Crisp button-up shirts</li>            <li>Stylish blazers</li>            <li>Sleek dress pants</li>            <li>Elegant pencil skirts</li>            <li>Chic blouses</li>            <li>Trendy belts</li>            <li>Fashionable purses</li>            <li>Classy dress shoes</li>          </ul>          <p>And so much more!</p>          <h2>What to bring</h2>          <ul>            <li>Your Long Beach State University (LBSU) Student ID</li>            <li>Your sense of style!</li>          </ul>          <p>All items are available on a first-come, first-served basis. Don’t miss out on this incredible opportunity to upgrade your professional wardrobe brought to you by ASI, Basic Needs, the Career Development Center and Student Lunchbox. Dress for success and secure your dream job with confidence!</p>          </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->   <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img      class="event-img"      src="images/cal/Fall-2025/F25_BPKitchen_Career-Clothing-Pop-Up_dgtl-CalEvent.jpg"      alt="Career Clothing Closet Pop UpSept. 2411 a.m. to 4 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
LAST-MODIFIED:20250918T153045Z
X-ACCESS:1
X-HITS:821
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250925T183800
DTEND;TZID=America/Los_Angeles:20250925T213000
UID:1185C9A0-824C-4E9E-B7B7-7628F51FF8CF
SUMMARY:Long Beach State Night at Anaheim Angel's 
DTSTAMP:20250919T155847Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        \N        Sept. 25\N      \N\N      \N      \N        \N            Location\N          \N          Angel's Stadium\N\N        \N      \N\N      \N      \N        \N          Time\N        \N        Gates Open: 5:08 PM\NFirst Pitch: 6:38 PM\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          \N            Come join us for Long Beach State Night at the Big A! Don’t miss this exciting opportunity to join fellow LBSU students, staff, faculty, alumni and fans for a memorable evening.\N\N          \N          ASI will be selling a limited number of discounted tickets on a first-come, first-served basis at the ASI Info Desk in Peterson Hall 1 (PH1) 103 from 8 AM - 6 PM, limit one ticket per student. Get your tickets now and join us for a thrilling evening of baseball and Beach spirit!\N\NEach ticket purchased through ASI includes a co-branded Angels and Long Beach State JERSEY! Be sure to join us at the Gate 5 Courtyard to pick up your one-of-a-kind jersey. \N\NOnce ASI’s discounted tickets are sold out, you can still purchase tickets using the following link:\N\NLong Beach State Night | Los Angeles Angels\N        \N        \N      \N    \N    \N  \N  \N\N  \N  \N    img\N      class="event-img&quot;\N      src=&quot;images/cal/Fall-2025/LBSU_night_angels_stadium-flier.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">Sept. 25</p>      </div>      <!-- LOCATION -->      <div>        <div          itemprop="location"          itemscope="itemscope"          itemtype="http://schema.org/Place"        >          <div class="event-title-icon">            <img              src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png"              style="height: 20px; width: 25px"            />          </div>          <h3 class="event-title-head">Location</h3>          <!-- Update the date per each event -->          <p class="event-title-text">Angel's Stadium</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">Gates Open: 5:08 PM<br />First Pitch: 6:38 PM</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>            Come join us for Long Beach State Night at the Big A! Don’t miss this exciting opportunity to join fellow LBSU students, staff, faculty, alumni and fans for a memorable evening.          </p>          <p>ASI will be selling a limited number of discounted tickets on a first-come, first-served basis at the ASI Info Desk in Peterson Hall 1 (PH1) 103 from 8 AM - 6 PM, limit one ticket per student. Get your tickets now and join us for a thrilling evening of baseball and Beach spirit!</p><p>Each ticket purchased through ASI includes a co-branded Angels and Long Beach State JERSEY! Be sure to join us at the Gate 5 Courtyard to pick up your one-of-a-kind jersey. </p><p>Once ASI’s discounted tickets are sold out, you can still purchase tickets using the following link:</p><div><a href="https://www.mlb.com/angels/tickets/specials/csulb?msockid=190c813c956a69e00ffb952a9400682d" style="text-decoration: underline;"><b>Long Beach State Night | Los Angeles Angels</b></a></div>        </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/LBSU_night_angels_stadium-flier.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:20250919T160404Z
X-ACCESS:1
X-HITS:2908
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251020T123000
DTEND;TZID=America/Los_Angeles:20251020T190000
UID:9655FC87-4B84-4263-93F1-1A00DBF11EA5
SUMMARY:Mobile Market with Student LunchBox
DTSTAMP:20251015T165723Z
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        Oct. 20\N      \N\N      \N      \N        \N            Location\N          Beach Circle (by COB)\N        \N      \N\N      \N      \N        \N          Time\N        12:30 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N\N              \N                The Laurén Chalmers ’83 Beach Pantry invites all Long Beach State students to stop by for a special Mobile Market in collaboration with Student LunchBox!\N              \N\N              \N                Swing by Beach Circle to stock up on fresh, seasonal fruits and vegetables, along with a variety of pantry essentials to help you stay nourished and energized throughout the semester.\N              \N\N              \N                All items are free and available on a first-come, first-served basis, while supplies last. Don’t forget to bring your reusable bag to help us keep the event sustainable.\N              \N\N              Come connect, shop, and support food sustainability at The Beach!\N\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">Oct. 20</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">Beach Circle (by COB)</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:30 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 Laurén Chalmers ’83 Beach Pantry invites all Long Beach State students to stop by for a special Mobile Market in collaboration with <a href="https://www.studentlunchbox.org/" target="_blank" rel="noopener noreferrer"><b>Student LunchBox</b></a>!              </p>              <p>                Swing by Beach Circle to stock up on fresh, seasonal fruits and vegetables, along with a variety of pantry essentials to help you stay nourished and energized throughout the semester.              </p>              <p>                All items are free and available on a first-come, first-served basis, while supplies last. Don’t forget to bring your reusable bag to help us keep the event sustainable.              </p>              <p>Come connect, shop, and support food sustainability at The Beach!</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/F25_Beach-Pantry--Kitchen_Mobile-Pantry_dgtl-CalEvent.jpg" alt="Mobile Market with Student LunchBoxOct. 2012:30 p.m.Beach Circle (by COB)" />    {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:20251015T203127Z
X-ACCESS:1
X-HITS:1454
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251026T143000
DTEND;TZID=America/Los_Angeles:20251026T173000
UID:D7248147-B54A-47B2-B2D6-5A07EC4D4A4F
SUMMARY:Long Beach CROP Hunger Walk
DTSTAMP:20250903T220035Z
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        Oct. 26\N      \N\N      \N      \N        \N            Location\N          \N          Los Altos UMC \N5950 E Willow St., Long Beach\N        \N      \N\N      \N      \N        \N          Time\N        \N        2:30 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          The Laurén Chalmers '83 Beach Pantry was selected as a beneficiary of the annual Long Beach CROP Hunger Walk, which takes place on Sunday, Oct. 26. This humanitarian event has been raising funds since 1975 for multiple local hunger relief programs, while also supporting the national and international initiatives of Church World Service.\N          Please consider donating to our team on the CROP Hunger website. Every dollar raised goes back into providing essential food and hygiene items at the Pantry. \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">Oct. 26</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">Los Altos UMC<br /> 5950 E Willow St., Long Beach</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">2:30 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 Laurén Chalmers '83 Beach Pantry was selected as a beneficiary of the annual Long Beach CROP Hunger Walk, which takes place on Sunday, Oct. 26. This humanitarian event has been raising funds since 1975 for multiple local hunger relief programs, while also supporting the national and international initiatives of Church World Service.</p>          <p>Please consider donating to our team on the <a href="https://events.crophungerwalk.org/crophungerwalks/team/the-beach-pantry-pacers" target="_blank" rel="noopener noreferrer"><b>CROP Hunger website</b></a>. Every dollar raised goes back into providing essential food and hygiene items at the Pantry. </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/SP25_BeachPantryKitchen_50th-Anniversary-Long-Beach-Crop-Hunger_dgtl-CalEvent.jpg" alt="Long Beach CROP Hunger WalkOct. 262:30 p.m.Los Altos UMC 5950 E Willow St., Long Beach" />    {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:663
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251101T100000
DTEND;TZID=America/Los_Angeles:20251101T180000
RRULE:FREQ=WEEKLY;BYDAY=SU;INTERVAL=1;UNTIL=20251130T235900Z
UID:93C9694F-79FC-476C-8D98-317B57653614
SUMMARY:Help Us Fill the Shelves
DTSTAMP:20250811T210916Z
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        Nov.\N      \N\N      \N      \N        \N          \N            \N          \N          Location\N          Parking Lot G3\N        \N      \N\N      \N      \N        \N          \N        \N        Time\N        10 to 6 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N\N\N\N          To meet an unprecedented need, we are accepting donations for the Laurén Chalmers ’83 Beach Pantry.\N\N          With recent federal funding interruptions affecting CalFresh benefits, many students are experiencing\N            additional stress. Students have already begun reaching out to the Beach Pantry in preparation for the\N            month, and we are seeing a significant increase in usage.\N\N          If you’d like to help, visit our Donations page.\N\N          How to Help:\N\N          \N            Donate Food: Visit our Amazon Wishlist to view our most-needed items.\N            Make a Monetary Gift: Donations can be made online to help us purchase\N              fresh and\N              shelf-stable food for students.\N            Host a Food Drive: Organize a collection with your department, organization, or club.\N            Drive-Up Drop-Offs or Pickups: Donations can be dropped off directly at the Beach Pantry, or to schedule\N              a pickup.\N          \N\N          Every contribution helps us care for our students and ensure no one goes hungry during this uncertain time.\N          \N\N          For more information, please contact us at asi-pantry@csulb.edu\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
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.</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">Parking Lot G3</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 to 6 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>To meet an unprecedented need, we are accepting donations for the Laurén Chalmers ’83 Beach Pantry.</p>          <p>With recent federal funding interruptions affecting CalFresh benefits, many students are experiencing            additional stress. Students have already begun reaching out to the Beach Pantry in preparation for the            month, and we are seeing a significant increase in usage.</p>          <p>If you’d like to help, visit our <a              href="https://asicsulb.org/corporate/discover/beach-pantry/donations">Donations page</a>.</p>          <p><b>How to Help:</b></p>          <ul>            <li>Donate Food: Visit our <a href="https://www.amazon.com/hz/wishlist/ls/3DOVCDFHWFB8U?sort=default"">Amazon Wishlist</a> to view our most-needed items.</li>            <li>Make a Monetary Gift: Donations can be made <a href="                https://giveto.csulb.edu/cn/(S(05rho0xvgzd43wusnxrgprrk))/?fund=DSSBAS04">online</a> to help us purchase              fresh and              shelf-stable food for students.</li>            <li>Host a Food Drive: Organize a collection with your department, organization, or club.</li>            <li>Drive-Up Drop-Offs or Pickups: Donations can be dropped off directly at the Beach Pantry, or to schedule              a pickup.</li>          </ul>          <p>Every contribution helps us care for our students and ensure no one goes hungry during this uncertain time.          </p>          <p>For more information, please contact us at <a href="mailto:asi-pantry@csulb.edu">asi-pantry@csulb.edu</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/Fall-2025/F25_Beach-Pantry--Kitchen_Help-Us-Fill-the-Shelves_dgtl-CalEvent_1.jpg"      alt="Astronomy Night" />    {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:20251110T164212Z
X-ACCESS:1
X-HITS:236
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251119T180000
DTEND;TZID=America/Los_Angeles:20251119T200000
UID:8E152541-ED89-4E7A-99EE-34F38A8A2CB4
SUMMARY:Grocery Bingo
DTSTAMP:20251112T170135Z
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. 19\N\N      \N\N      \N      \N        \N            Location\N          SHS 118\N\N        \N      \N\N      \N      \N        \N          Time\N        6 to 8 p.m.\N\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          Brought to you by the Laurén Chalmers ‘83 Beach Pantry, join us for Grocery Bingo! You can win FREE prizes while raising awareness for Hunger and Homelessness Awareness Week. This week is dedicated to encouraging our community to take action and make a difference through raising awareness about the challenges of those experiencing food insecurity and/or homelessness. Don’t miss your chance to have fun and support this important cause!\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. 19</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">SHS 118</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">6 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>Brought to you by the Laurén Chalmers ‘83 Beach Pantry, join us for Grocery Bingo! You can win <b><em>FREE</em></b> prizes while raising awareness for Hunger and Homelessness Awareness Week. This week is dedicated to encouraging our community to take action and make a difference through raising awareness about the challenges of those experiencing food insecurity and/or homelessness. Don’t miss your chance to have fun and support this important cause!</p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img class="event-img" src="images/cal/Fall-2025/F25_BeachPantryKitchen_Grocery_Bingo_dgtl-CalEvent_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:20251112T170149Z
X-ACCESS:1
X-HITS:509
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260120T100000
DTEND;TZID=America/Los_Angeles:20260120T140000
RRULE:FREQ=WEEKLY;BYDAY=MO,TU,WE,TH;INTERVAL=1;UNTIL=20260507T235900Z
EXDATE:20260330T170000Z,20260331T170000Z,20260401T170000Z,20260402T170000Z,20260430T170000Z
UID:423ED24C-661B-4FB9-91D2-F821D6C59C54
SUMMARY:Farmers Market
DTSTAMP:20260121T163015Z
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        Jan. 20 - May 7\N      \N\N      \N      \N        \N            Location\N          Friendship Walk & Central Quad\N        \N      \N\N      \N      \N        \N          Time\N        10 AM - 2 PM\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N              Swing by the Associated Students, Inc. (ASI) Weekly Farmers Market! This market offers fresh and natural food items, as well as drinks and crafts from independent vendors and farmers. This event aims to help students make healthy food choices while supporting local businesses and farmers.\N\N              The event is open to the entire Long Beach State University (LBSU) community, including surrounding neighbors. Don't forget to bring your reusable shopping bag!  A parking permit is required for all on-campus parking.\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">Jan. 20 - May 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">Friendship Walk & Central Quad</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 AM - 2 PM</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>Swing by the Associated Students, Inc. (ASI) Weekly Farmers Market! This market offers fresh and natural food items, as well as drinks and crafts from independent vendors and farmers. This event aims to help students make healthy food choices while supporting local businesses and farmers.</p>              <p>The event is open to the entire Long Beach State University (LBSU) community, including surrounding neighbors. Don't forget to bring your reusable shopping bag!  A parking permit is required for all on-campus parking.</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/SP26_USU_Farmers-Market_dgtl-CalEvent.jpg" alt="Farmers MarketJan. 20 - May 7Friendship Walk & Central Quad10 AM - 2 PM" />    {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:20260122T213354Z
X-ACCESS:1
X-HITS:2
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260209T090000
DTEND;TZID=America/Los_Angeles:20260209T170000
RRULE:FREQ=WEEKLY;BYDAY=SU;INTERVAL=1;UNTIL=20260225T235900Z
UID:235B86E3-A62E-4282-AD82-EB96D6EA6B60
SUMMARY:Career Clothing Closet Donation Drive
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        Feb. 9 - 25\N      \N\N      \N      \N        \N          \N            \N          \N          Location\N          Various Locations\N\N        \N      \N\N      \N      \N        \N          \N        \N        Time\N        9 a.m. to 2 p.m..\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          Help Long Beach State University (LBSU) students look their best at the upcoming Career Fair! Donate your gently used business attire and accessories to help others feel ready to conquer interviews, business events and professional development.\N\NWe are accepting donations, Monday to Friday, at the following locations:\N\N\N  Lauren Chalmers '83 Beach Pantry (SHS 115A)\N  The Mini (PH1 213)\N  Career Development Center (BH 250)\N  Basic Needs Office (PH1 127)\N  University Library\N  University Bookstore\N  Student Recreation & Wellness Center (SRWC)\N  Downtown Long Beach Alliance (DLBA)\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
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">Feb. 9 - 25</p>      </div>      <!-- LOCATION -->      <div>        <div itemprop="location" itemscope="itemscope" itemtype="http://schema.org/Place">          <div class="event-title-icon">            <img src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png" style="height: 20px; width: 25px" />          </div>          <h3 class="event-title-head">Location</h3>          <p class="event-title-text">Various Locations</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 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>Help Long Beach State University (LBSU) students look their best at the upcoming Career Fair! Donate your gently used business attire and accessories to help others feel ready to conquer interviews, business events and professional development.</p><p>We are accepting donations, Monday to Friday, at the following locations:</p><ul>  <li>Lauren Chalmers '83 Beach Pantry (SHS 115A)</li>  <li>The Mini (PH1 213)</li>  <li>Career Development Center (BH 250)</li>  <li>Basic Needs Office (PH1 127)</li>  <li>University Library</li>  <li>University Bookstore</li>  <li>Student Recreation &amp; Wellness Center (SRWC)</li>  <li>Downtown Long Beach Alliance (DLBA)</li></ul>        </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/SP26_Beach-Pantry--Kitchen_Career-Clothing-Closet-Donation-Drive_dgtl-CalEvent_1.jpg"g" 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:20260115T210501Z
X-ACCESS:1
X-HITS:10
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260217T170000
DTEND;TZID=America/Los_Angeles:20260217T190000
UID:07D248ED-E9D5-49E9-91C9-FF4F6AE62648
SUMMARY:Movies on the House: "Stomp the Yard"
DTSTAMP:20260209T165206Z
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        Feb. 17\N      \N\N      \N      \N        \N            Location\N          PH1 141\N        \N      \N\N      \N      \N        \N          Time\N        5 to 7 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N              Join ASI and the Mu Chi Chapter of Alpha Phi Alpha Fraternity, Inc. for a special Movies on the House screening of "Stomp the Yard" in celebration of Black History Month. Learn about the rich history of Black traditions like stepping and the legacy of Divine 9 organizations that continue to uplift culture, community, and excellence.\N\N               Come early, bring a blanket or lawn chair, and enjoy a FREE outdoor movie night with good vibes and FREE popcorn. This event is open to all Long Beach State University (LBSU) students.\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">Feb. 17</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">PH1 141</p>        </div>      </div>      <!-- TIME -->      <div itemprop="endDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Time</h3>        <p class="event-title-text">5 to 7 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 ASI and the Mu Chi Chapter of Alpha Phi Alpha Fraternity, Inc. for a special Movies on the House screening of "Stomp the Yard" in celebration of Black History Month. Learn about the rich history of Black traditions like stepping and the legacy of Divine 9 organizations that continue to uplift culture, community, and excellence.</p>              <p> Come early, bring a blanket or lawn chair, and enjoy a FREE outdoor movie night with good vibes and FREE popcorn. This event is open to all Long Beach State University (LBSU) students.</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/2_ASI_x_MX_Movie_Night__750_x_1170_px.jpg"     alt="Movies on the House: 'Stomp the Yard'Feb. 175 to 7 p.m.PH-141" />    {loadmoduleid 368}  </div>  <!-- Technically end of right side --></div><!-- End of main-container --><!-- Accordion Test --><script>  document.addEventListener("DOMContentLoaded", function () {    document      .querySelectorAll("#HistoryOfUniversity .acco button")      .forEach((item) => item.addEventListener("click", toggleacco));    function toggleacco() {      const parentAcco = this.closest(".acco");      const itemsInThisAcco = parentAcco.querySelectorAll("button");      const currentStatus = this.getAttribute("aria-expanded");      if (currentStatus == "false") {        // Close all other items        // for (let i = 0; i < itemsInThisAcco.length; i++) {        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");        // }        // Open the clicked item        this.setAttribute("aria-expanded", "true");      } else {        // Close the clicked item        this.setAttribute("aria-expanded", "false");      }    }  });</script>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20260213T214537Z
X-ACCESS:1
X-HITS:618
X-URL:
X-COLOR:E75434
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260303T110000
DTEND;TZID=America/Los_Angeles:20260303T160000
UID:06D6C468-BD90-497E-B98A-D48D0087A302
SUMMARY:Career Clothing Closet Pop-Up
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 3\N      \N\N      \N      \N        \N          \N            \N          \N          Location\N          Speaker's Platform\N\N        \N      \N\N      \N      \N        \N          \N        \N        Time\N         11 a.m. to 4 p.m.\N \N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          Are you ready to shine and stand out from the competition at the upcoming Career Development Center Job Fair? We've got you covered at no cost to you—just bring your student ID! From blazers to accessories, this is your go-to destination for FREE professional attire that will help you make a lasting impression on your future employer.\N\NWhat's in store for you? Choose up to FIVE items from a wide selection, including, but not limited to:\N\N\N  Crisp button-up shirts\N  Stylish blazers\N  Sleek dress pants\N  Elegant pencil skirts\N  Chic blouses\N  Trendy belts\N  Fashionable purses\N  Classy dress shoes\N  And so much more!\N\N\NAll items are available on a first-come, first-served basis. Don't miss out on this incredible opportunity to upgrade your professional wardrobe brought to you by ASI, Basic Needs, the Career Development Center and Student Lunchbox. Dress for success and secure your dream job with confidence!\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 3</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 4 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>Are you ready to shine and stand out from the competition at the upcoming Career Development Center Job Fair? We've got you covered at no cost to you—just bring your student ID! From blazers to accessories, this is your go-to destination for FREE professional attire that will help you make a lasting impression on your future employer.</p><p>What's in store for you? Choose up to FIVE items from a wide selection, including, but not limited to:</p><ul>  <li>Crisp button-up shirts</li>  <li>Stylish blazers</li>  <li>Sleek dress pants</li>  <li>Elegant pencil skirts</li>  <li>Chic blouses</li>  <li>Trendy belts</li>  <li>Fashionable purses</li>  <li>Classy dress shoes</li>  <li>And so much more!</li></ul><p>All items are available on a first-come, first-served basis. Don't miss out on this incredible opportunity to upgrade your professional wardrobe brought to you by ASI, Basic Needs, the Career Development Center and Student Lunchbox. Dress for success and secure your dream job with confidence!</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/SP26_Beach-Pantry--Kitchen_Career-Clothing-Closet-Pop-Up_CalEvent_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:20260113T190337Z
X-ACCESS:1
X-HITS:880
X-URL:
X-COLOR:E75434
END:VEVENT
END:VCALENDAR