BEGIN:VCALENDAR
VERSION:2.0
PRODID:DPCALENDAR
CALSCALE:GREGORIAN
BEGIN:VTIMEZONE
TZID:America/Los_Angeles
X-MICROSOFT-CDO-TZID:13
BEGIN:STANDARD
DTSTART:20251102T090000
TZOFFSETFROM:-0700
TZOFFSETTO:-0800
TZNAME:PST
END:STANDARD
BEGIN:DAYLIGHT
DTSTART:20260308T100000
TZOFFSETFROM:-0800
TZOFFSETTO:-0700
TZNAME:PDT
END:DAYLIGHT
BEGIN:STANDARD
DTSTART:20261101T090000
TZOFFSETFROM:-0700
TZOFFSETTO:-0800
TZNAME:PST
END:STANDARD
END:VTIMEZONE
X-WR-TIMEZONE:America/Los_Angeles
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20230221T140000
DTEND;TZID=America/Los_Angeles:20230221T150000
UID:23322896-00E7-4130-9E1B-40F8BC26F88A
SUMMARY:Emotions on the Ocean
DTSTAMP:20230208T232302Z
DESCRIPTION:\N    \N        \N            \N                    \N                        \N                            \N                                \N                                \N                                    Description\N                                    \N                                        \N                                            Ocean pollution affects us more than\N                                            we think and is definitely more than\N                                            dirty beaches and at-risk marine\N                                            life! Most people do not realize the\N                                            effect of microplastic pollution\N                                            because it is not always visible.\N                                            That's where Sustain U comes in.\N                                            With the Emoceans on the Oceans\N                                            workshop, participants will learn\N                                            about the physiological harm that\N                                            plastic has on animals and humans,\N                                            the sources of pollution that\N                                            contribute to oceanic toxicity, and\N                                            the solutions and new inventions\N                                            that can help fight against further\N                                            destruction of our oceans. Join\N                                            Sustain U Feb. 21 from 2 to 3 p.m.\N                                            in USU 205 to learn ways to live\N                                            sustainably with our beloved oceans.\N                                        \N                                    \N                                \N                            \N                        \N                    \N                \N            \N        \N        \N            img\N                src="images/enjoy/calendar/spring-2023/SP23_SustainU_motions-on-the-Ocean_dgtl-CalEvent.jpg&quot;\N                alt=&quot;Emotion on the Ocean 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. 21                                    </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 205                                    </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;                                        "                                    >                                        2 to 3 p.m.                                    </p>                                </div>                            </div>                            <div class="row">                                <div class="col-md-12">                                    <small>Description</small>                                    <div itemprop="description">                                        <p>                                            Ocean pollution affects us more than                                            we think and is definitely more than                                            dirty beaches and at-risk marine                                            life! Most people do not realize the                                            effect of microplastic pollution                                            because it is not always visible.                                            That's where Sustain U comes in.                                            With the Emoceans on the Oceans                                            workshop, participants will learn                                            about the physiological harm that                                            plastic has on animals and humans,                                            the sources of pollution that                                            contribute to oceanic toxicity, and                                            the solutions and new inventions                                            that can help fight against further                                            destruction of our oceans. Join                                            Sustain U Feb. 21 from 2 to 3 p.m.                                            in USU 205 to learn ways to live                                            sustainably with our beloved oceans.                                        </p>                                    </div>                                </div>                            </div>                        </div>                    </div>                </div>            </div>        </div>        <div class="col-md-6">            <img                src="images/enjoy/calendar/spring-2023/SP23_SustainU_motions-on-the-Ocean_dgtl-CalEvent.jpg"                alt="Emotion on the Ocean Poster"            />        </div>    </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20230208T234703Z
X-ACCESS:1
X-HITS:1220
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20230309T140000
DTEND;TZID=America/Los_Angeles:20230309T150000
UID:A147F04F-E7A3-4223-9C34-E52205159B7F
SUMMARY:Have No Fear, Plants Are Here
DTSTAMP:20230220T173913Z
DESCRIPTION:\N\N\N    \N    \N    \N    \N    \N    \N    \N    Date\N    \N    March 9\N    \N    Location\N    \N    USU 205\N    \N    Time\N    \N    2 - 3 p.m.\N    \N    \N    \N    Description\N    \N    \N        \N        \N            Gardening is a purposeful pastime that benefits both the environment and those who partake in it. \N            At the No Fear Plants Are Here workshop, participants will learn about the environmental issues that gardening can help ease. \N            Open to all Long Beach State University (LBSU) students, join Sustain U March 9 from 2 to 3 p.m. in USU 205. \N            Learn about the blooming benefits that gardening offers all the while discovering sustainable ways of nurturing a plant or garden.\N        \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;">March 9</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">USU 205</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;">2 - 3 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>            Gardening is a purposeful pastime that benefits both the environment and those who partake in it.             At the No Fear Plants Are Here workshop, participants will learn about the environmental issues that gardening can help ease.             Open to all Long Beach State University (LBSU) students, join Sustain U March 9 from 2 to 3 p.m. in USU 205.             Learn about the blooming benefits that gardening offers all the while discovering sustainable ways of nurturing a plant or garden.        </p>        <!-- <p></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_SustainU_Have_No_Fear_Plants_Are_Here_dgtl-CalEvent.jpg" alt="poet lounge poster" />        </div>    </div>    </div>
LAST-MODIFIED:20230220T180928Z
X-ACCESS:1
X-HITS:270
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20230321T140000
DTEND;TZID=America/Los_Angeles:20230321T150000
UID:E0F6617B-2539-4DF9-8504-8EA11A9E2644
SUMMARY:Don't Be Wild, Save the Wild!
DTSTAMP:20230228T203452Z
DESCRIPTION:\N    \N        \N            \N                    \N                        \N                            \N                                \N                                \N                                    Description\N                                    \N                                        Every year, thousands of animals and plants become endangered. Learn more about how habitat loss, climate change and disease contribute to the endangerment of these species. Join Sustain U during Don't Be Wild, Save the Wild! March 21 from 2 to 3 p.m. in USU 205 to earn the chance to win prizes! \N                                    \N                                \N                            \N                        \N                    \N                \N            \N        \N        \N            img\N                src="images/enjoy/calendar/spring-2023/SP23_Sustain_U_Dont_Be_Wild_Save_the_Wild_dgtl-CalEvent.jpg&quot;\N                alt=&quot;sustain u 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;                                        "                                    >                                        March 21                                    </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 205                                    </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;                                        "                                    >                                        2 to 3 p.m.                                    </p>                                </div>                            </div>                            <div class="row">                                <div class="col-md-12">                                    <small>Description</small>                                    <div itemprop="description">                                        <p>Every year, thousands of animals and plants become endangered. Learn more about how habitat loss, climate change and disease contribute to the endangerment of these species. Join Sustain U during Don't Be Wild, Save the Wild! March 21 from 2 to 3 p.m. in USU 205 to earn the chance to win prizes! </p>                                    </div>                                </div>                            </div>                        </div>                    </div>                </div>            </div>        </div>        <div class="col-md-6">            <img                src="images/enjoy/calendar/spring-2023/SP23_Sustain_U_Dont_Be_Wild_Save_the_Wild_dgtl-CalEvent.jpg"                alt="sustain u poster"            />        </div>    </div></div>
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:1144
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20230411T140000
DTEND;TZID=America/Los_Angeles:20230411T150000
UID:5800140E-7D7E-41A1-9FE0-7E2C3A939C82
SUMMARY:Seeds of Greed
DTSTAMP:20230313T171339Z
DESCRIPTION:\N\N\N    \N    \N    \N    \N    \N    \N    \N    Date\N    \N    April 11\N    \N    Location\N    \N    USU 205\N    \N    Time\N    \N    2 to 3 p.m.\N    \N    \N    \N    Description\N    \N    \N        \N            Food production in the United States is a significant commodity, accounting for $1.055 trillion of the Gross Domestic Product (GDP). \N            America has turned to factory farming to produce a majority of the country's food, feeding 330 million citizens in the process. \N            Yet, this major food source comes with undeniable consequences that seep into our everyday life.\N        \N        \N            Join Sustain U's Seeds of Greed workshop, April 11, from 2 to 3 p.m. in USU 205 and learn all about the side effects of factory agricultural production in the United States. \N            Register for the event on BeachSync.\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;">April 11</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">USU 205</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;">2 to 3 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>            Food production in the United States is a significant commodity, accounting for $1.055 trillion of the Gross Domestic Product (GDP).             America has turned to factory farming to produce a majority of the country's food, feeding 330 million citizens in the process.             Yet, this major food source comes with undeniable consequences that seep into our everyday life.        </p>        <p>            Join Sustain U's Seeds of Greed workshop, April 11, from 2 to 3 p.m. in USU 205 and learn all about the side effects of factory agricultural production in the United States.             Register for the event on BeachSync.        </p>    <!-- <p></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_SustainU_Seeds-of-Greed_dgtl-CalEvent.jpg" alt="seeds of greed poster" />        </div>    </div>    </div>
X-ACCESS:1
X-HITS:599
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20230418T170000
DTEND;TZID=America/Los_Angeles:20230418T183000
UID:84A38279-052E-408E-B9DA-CF7F0AB98F93
SUMMARY:Plant-a-Plant
DTSTAMP:20230406T183544Z
DESCRIPTION:\N    \N        \N            \N                    \N                        \N                            \N                                \N                                \N                                    Description\N                                    \N                                        Become a better plant parent when you grow happy and healthy plant babies! Join Beach Balance and Sustain U at Plant-a-Plant April 18 from 5 to 6:30 p.m. Plant your very own houseplant, learn how to take care of it and bring it home! Open to all Long Beach State University (LBSU) students who have a Student Recreation & Wellness Center (SRWC) membership. Brighten your green thumb and register on the SRWC GO app! \N                                    \N                                \N                            \N                        \N                    \N                \N            \N        \N        \N            img\N                src="images/enjoy/calendar/spring-2023/SP23_SRWC_Plant_a_plant_dgtl-ASICalendarEvent.jpg&quot;\N                alt=&quot;plant a plant 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="2023-04-18T19:00"                                >                                    <small>Date</small>                                    <p                                        style="                                            font-weight: 500;                                            font-size: 1.2em;                                        "                                    >                                        April 18                                    </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"                                    >                                        SRWC Entry Plaza                                    </p>                                </div>                                <div                                    class="col-md-4"                                    itemprop="endDate"                                    content="2023-04-18T21:00"                                >                                    <small>Time</small>                                    <p                                        style="                                            font-weight: 500;                                            font-size: 1.2em;                                        "                                    >                                        5 to 6:30 p.m.                                    </p>                                </div>                            </div>                            <div class="row">                                <div class="col-md-12">                                    <small>Description</small>                                    <div itemprop="description">                                        <p>Become a better plant parent when you grow happy and healthy plant babies! Join Beach Balance and Sustain U at Plant-a-Plant April 18 from 5 to 6:30 p.m. Plant your very own houseplant, learn how to take care of it and bring it home! Open to all Long Beach State University (LBSU) students who have a Student Recreation & Wellness Center (SRWC) membership. Brighten your green thumb and register on the SRWC GO app! </p>                                    </div>                                </div>                            </div>                        </div>                    </div>                </div>            </div>        </div>        <div class="col-md-6">            <img                src="images/enjoy/calendar/spring-2023/SP23_SRWC_Plant_a_plant_dgtl-ASICalendarEvent.jpg"                alt="plant a plant poster"            />        </div>    </div></div>
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:1025
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20230419T120000
DTEND;TZID=America/Los_Angeles:20230419T140000
UID:D2F186BE-E1F5-4292-A259-CC3CBD86C010
SUMMARY:Grow Your Own Spinach
DTSTAMP:20230419T185650Z
DESCRIPTION:\N    \N        \N            \N                    \N                        \N                            \N                                \N                                \N                                    Description\N                                    \N                                        \N                                            ASI is all about sustainability, which is why Sustain U presents Grow Your Own Spinach! Plant your own spinach seeds and personalize your pot April 19 from 12 to 2 p.m. in the USU Center Courtyard. Bring a friend and learn all about sustainable planting and eco-friendly decoration techniques! In addition, those who attend will be given the opportunity to win a FREE swag bag. Open to all Long Beach State University (LBSU) students, make sure you don't miss out and RSVP through BeachSync to secure your spot!\N                                        \N                                    \N                                \N                            \N                        \N                    \N                \N            \N        \N        \N            img\N                src="images/enjoy/calendar/spring-2023/SP23_SustainU_Spinach_dgtl-CalEvent.jpg&quot;\N                alt=&quot;Spring Grow Your Own Spinach&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="2023-04-19T12:00"                                >                                    <small>Date</small>                                    <p                                        style="                                            font-weight: 500;                                            font-size: 1.2em;                                        "                                    >                                        April 19                                    </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 Center Courtyard                                    </p>                                </div>                                <div                                    class="col-md-4"                                    itemprop="endDate"                                    content="2023-04-19T14:00"                                >                                    <small>Time</small>                                    <p                                        style="                                            font-weight: 500;                                            font-size: 1.2em;                                        "                                    >                                        12 - 2 p.m.                                    </p>                                </div>                            </div>                            <div class="row">                                <div class="col-md-12">                                    <small>Description</small>                                    <div itemprop="description">                                        <p>                                            ASI is all about sustainability, which is why Sustain U presents Grow Your Own Spinach! Plant your own spinach seeds and personalize your pot April 19 from 12 to 2 p.m. in the USU Center Courtyard. Bring a friend and learn all about sustainable planting and eco-friendly decoration techniques! In addition, those who attend will be given the opportunity to win a FREE swag bag. Open to all Long Beach State University (LBSU) students, make sure you don't miss out and RSVP through BeachSync to secure your spot!                                        </p>                                    </div>                                </div>                            </div>                        </div>                    </div>                </div>            </div>        </div>        <div class="col-md-6">            <img                src="images/enjoy/calendar/spring-2023/SP23_SustainU_Spinach_dgtl-CalEvent.jpg"                alt="Spring Grow Your Own Spinach"            />        </div>    </div></div>
LAST-MODIFIED:20230419T185837Z
X-ACCESS:1
X-HITS:83
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20230420T120000
DTEND;TZID=America/Los_Angeles:20230420T140000
UID:2A8BCCC6-48D0-43F6-8767-87A131A24E3D
SUMMARY:Grow Beach Grand Opening
DTSTAMP:20230417T182551Z
DESCRIPTION:\N    \N        \N            \N                    \N                        \N                            \N                                \N                                \N                                    Description\N                                    \N                                        ASI is proud to announce the grand opening of the ASI Grow Beach Garden April 20 from 12 to 2 p.m. The Grow Beach Garden, located next to the stairs on the Friendship Walk, aims to provide organic produce to the Beach Pantry, enhance gardening education and facilitate community engagement/programming. We invite you to join us for the grand opening which includes interactive programming activities, tours of the new garden space and a ribbon-cutting ceremony. FREE for all Long Beach State University (LBSU) students, enjoy free food and the chance to win special giveaways. You won't want to miss out on this event!\N                                    \N                                \N                            \N                        \N                    \N                \N            \N        \N        \N            img\N                src="images/enjoy/calendar/spring-2023/SP23_SustainU_Grow-Beach-Grand-Opening_dgtl-CalEvent.jpg&quot;\N                alt=&quot;Beach Clean Up&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="2023-04-18T19:00"                                >                                    <small>Date</small>                                    <p                                        style="                                            font-weight: 500;                                            font-size: 1.2em;                                        "                                    >                                        April 20                                    </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"                                    >                                    Grow Beach Garden                                    </p>                                </div>                                <div                                    class="col-md-4"                                    itemprop="endDate"                                    content="2023-04-18T21:00"                                >                                    <small>Time</small>                                    <p                                        style="                                            font-weight: 500;                                            font-size: 1.2em;                                        "                                    >                                    12 to 2 p.m.                                    </p>                                </div>                            </div>                            <div class="row">                                <div class="col-md-12">                                    <small>Description</small>                                    <div itemprop="description">                                        <p>ASI is proud to announce the grand opening of the ASI Grow Beach Garden April 20 from 12 to 2 p.m. The Grow Beach Garden, located next to the stairs on the Friendship Walk, aims to provide organic produce to the Beach Pantry, enhance gardening education and facilitate community engagement/programming. We invite you to join us for the grand opening which includes interactive programming activities, tours of the new garden space and a ribbon-cutting ceremony. FREE for all Long Beach State University (LBSU) students, enjoy free food and the chance to win special giveaways. You won't want to miss out on this event!</p>                                    </div>                                </div>                            </div>                        </div>                    </div>                </div>            </div>        </div>        <div class="col-md-6">            <img                src="images/enjoy/calendar/spring-2023/SP23_SustainU_Grow-Beach-Grand-Opening_dgtl-CalEvent.jpg"                alt="Beach Clean Up"            />        </div>    </div></div>
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:1808
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20230905T140000
DTEND;TZID=America/Los_Angeles:20230905T150000
UID:7730D07A-3FD1-41E0-B52F-036CC94B41CA
SUMMARY:Trash Talkers
DTSTAMP:20230905T202918Z
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                  Sept. 5\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  2 to 3 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N           Did you know that a substantial part of our daily waste comes from organic materials like food scraps and yard waste? Join ASI at Sustain U's Trash Talkers to learn all about the environmental impact of our waste! Meeting various dates throughout the semester, join Sustain U from 2 to 3 p.m. at the West Patio and discover the art of composting, recycling and proper waste disposal, all while countering the harmful effects it creates. With an engaging twist, we're on a mission to make learning fun. Let's come together to champion a more sustainable world!\N                    \NEvent Calendar\N                    See below for scheduled Trash Talkers event dates and times:\N\N             \NSept. 5\NSept. 19\NOct. 3\NOct. 17\NOct. 31\NNov. 14\NNov. 28\NNov. 5\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/enjoy/calendar/fall-2023/F23_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Trash Talkers&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">Sept. 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">USU West Patio</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">2 to 3 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>           Did you know that a substantial part of our daily waste comes from organic materials like food scraps and yard waste? Join ASI at Sustain U's Trash Talkers to learn all about the environmental impact of our waste! Meeting various dates throughout the semester, join Sustain U from 2 to 3 p.m. at the West Patio and discover the art of composting, recycling and proper waste disposal, all while countering the harmful effects it creates. With an engaging twist, we're on a mission to make learning fun. Let's come together to champion a more sustainable world!                    </p><a href="https://www.asicsulb.org/corporate/enjoy/event-calendar/8125" onclick="gtag('event', 'click', {'event_category': 'Subpage Click', 'event_label': 'Event Calendar'});">Event Calendar</a>                    <p><b>See below for scheduled Trash Talkers event dates and times:</b></p>             <ul><li>Sept. 5</li><li>Sept. 19</li><li>Oct. 3</li><li>Oct. 17</li><li>Oct. 31</li><li>Nov. 14</li><li>Nov. 28</li><li>Nov. 5</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/enjoy/calendar/fall-2023/F23_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"        alt="Trash Talkers"      />     {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240409T201319Z
X-ACCESS:1
X-HITS:1026
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20230911T150000
DTEND;TZID=America/Los_Angeles:20230911T160000
UID:EFD68FD2-73AA-47E2-A8F4-E67535D45F29
SUMMARY:Gardening and Harvest 101
DTSTAMP:20230908T215402Z
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\N\N    \N        \N        \N            \N                \N                    \N                        \N                            \N                                \N                                \N                                    \N                                        \N                                    \N                                    Date\N                                    \N                                    Sept. 11 \N                                \N\N                                \N                                \N                                    \N                                        \N                                            \N                                        \N                                        Location\N                                        \N                                        Grow Beach Garden\N                                    \N                                \N\N                                \N                                \N                                    \N                                        \N                                    \N                                    Time\N                                    \N                                    3 to 4 p.m.\N                                \N                            \N\N                            \N                            \N                                \N                                    Description\N                                    \N                                    \N                                        \N                                            Calling all Beach plant enthusiasts! Join Sustain U for an immersive Grow\N                                            Beach garden series that covers all aspects of planting produce, produce\N                                            harvesting and post-harvesting care! Learn how to grow, care and nurture\N                                            your plants Sept, 11 from 3 to 4 p.m. at the Grow Beach Garden, located on\N                                            the East Friendship Walk strip. Bring a friend and make this the perfect\N                                            afternoon while you gain practical gardening skills that will in turn\N                                            support the produce supply at ASI's Beach Pantry! Let's grow together as we\N                                            make our campus a more sustainable place.\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            {loadmoduleid 368}\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;    }    .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">Sept. 11 </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">Grow Beach Garden</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">3 to 4 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>                                            Calling all Beach plant enthusiasts! Join Sustain U for an immersive Grow                                            Beach garden series that covers all aspects of planting produce, produce                                            harvesting and post-harvesting care! Learn how to grow, care and nurture                                            your plants Sept, 11 from 3 to 4 p.m. at the Grow Beach Garden, located on                                            the East Friendship Walk strip. Bring a friend and make this the perfect                                            afternoon while you gain practical gardening skills that will in turn                                            support the produce supply at ASI's Beach Pantry! Let's grow together as we                                            make our campus a more sustainable place.                                        </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/SP23_SustainU_Gardening-101_dgtl-CalEvent.jpg"                alt="Gardening and Harvesting Banner" />            {loadmoduleid 368}        </div>        <!-- Technically end of right side -->    </div></div>
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:90
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20230919T140000
DTEND;TZID=America/Los_Angeles:20230919T150000
UID:8B1FCDAA-42E4-4D60-84D1-679A55B9BCEC
SUMMARY:Trash Talkers
DTSTAMP:20230905T203120Z
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                  Sept. 19\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  2 to 3 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N           Did you know that a substantial part of our daily waste comes from organic materials like food scraps and yard waste? Join ASI at Sustain U's Trash Talkers to learn all about the environmental impact of our waste! Meeting various dates throughout the semester, join Sustain U from 2 to 3 p.m. at the West Patio and discover the art of composting, recycling and proper waste disposal, all while countering the harmful effects it creates. With an engaging twist, we're on a mission to make learning fun. Let's come together to champion a more sustainable world!\N                    \N                    See below for scheduled Trash Talkers event dates and times:\N\N             \NSept. 5\NSept. 19\NOct. 3\NOct. 17\NOct. 31\NNov. 14\NNov. 28\NNov. 5\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/enjoy/calendar/fall-2023/F23_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Trash Talkers&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">Sept. 19</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 West Patio</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">2 to 3 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>           Did you know that a substantial part of our daily waste comes from organic materials like food scraps and yard waste? Join ASI at Sustain U's Trash Talkers to learn all about the environmental impact of our waste! Meeting various dates throughout the semester, join Sustain U from 2 to 3 p.m. at the West Patio and discover the art of composting, recycling and proper waste disposal, all while countering the harmful effects it creates. With an engaging twist, we're on a mission to make learning fun. Let's come together to champion a more sustainable world!                    </p>                    <p><b>See below for scheduled Trash Talkers event dates and times:</b></p>             <ul><li>Sept. 5</li><li>Sept. 19</li><li>Oct. 3</li><li>Oct. 17</li><li>Oct. 31</li><li>Nov. 14</li><li>Nov. 28</li><li>Nov. 5</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/enjoy/calendar/fall-2023/F23_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"        alt="Trash Talkers"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20230919T195610Z
X-ACCESS:1
X-HITS:1471
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20230921T140000
DTEND;TZID=America/Los_Angeles:20230921T150000
UID:B744F416-A4A3-499E-985D-FDA01232FED0
SUMMARY:Eco-Home, Happy Home
DTSTAMP:20230907T174513Z
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\N\N    \N        \N        \N            \N                \N                    \N                        \N                            \N                                \N                                \N                                    \N                                        \N                                    \N                                    Date\N                                    \N                                    Sept. 21\N                                \N\N                                \N                                \N                                    \N                                        \N                                            \N                                        \N                                        Location\N                                        \N                                        USU 303\N                                    \N                                \N\N                                \N                                \N                                    \N                                        \N                                    \N                                    Time\N                                    \N                                    2 to 3 p.m.\N                                \N                            \N\N                            \N                            \N                                \N                                    Description\N                                    \N                                    \N                                        \N                                            In the midst of the last decade, witnessing the five hottest years on\N                                            record, it's imperative for us to adopt a more eco-conscious lifestyle,\N                                            beginning with our homes. Join Sustain U's Eco-Home, Happy Home to explore\N                                            the path towards creating an environmentally friendly home!\N                                        \N                                        \N                                            Delve into the adverse effects of excessive water and energy use, discover\N                                            the hazards of toxic cleaning agents and the learn how our collective\N                                            efforts can pave the way to a greener and brighter future. Your efforts have\N                                            the power to shape the world - take the first step by joining the\N                                            conversation Sept. 21 from 2 to 3 p.m. in USU 303!\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            {loadmoduleid 368}\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;    }    .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">Sept. 21</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 303</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">2 to 3 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>                                            In the midst of the last decade, witnessing the five hottest years on                                            record, it's imperative for us to adopt a more eco-conscious lifestyle,                                            beginning with our homes. Join Sustain U's Eco-Home, Happy Home to explore                                            the path towards creating an environmentally friendly home!                                        </p>                                        <p>                                            Delve into the adverse effects of excessive water and energy use, discover                                            the hazards of toxic cleaning agents and the learn how our collective                                            efforts can pave the way to a greener and brighter future. Your efforts have                                            the power to shape the world - take the first step by joining the                                            conversation Sept. 21 from 2 to 3 p.m. in USU 303!                                        </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/SP23_SustainU_Eco-Home-Happy-Home_dgtl-CalEvent.jpg"                alt="Home Happy Home Banner" />            {loadmoduleid 368}        </div>        <!-- Technically end of right side -->    </div></div>
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:452
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20230927T123000
DTEND;TZID=America/Los_Angeles:20230927T130000
UID:D66508A6-B032-4E90-9B1F-EC6DB5D53A74
SUMMARY:Sustain U Outreach Meetings
DTSTAMP:20230921T183643Z
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                      Zoom\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12:30 - 1 PM\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                        Calling all Long Beach State University (LBSU) students. The power to shape Sustain U rests in your hands! Seize the opportunity to make your mark on campus when you join Sustain U's Outreach Meetings. Your voice is crucial; share your thoughts, opinions and feedback about Sustain U during our monthly meetings. When you get involved, you'll not only be looped in on all our events, but you'll play a vital role in forging a more sustainable, vibrant future for our Beach community!\N                      \N                      \N                        \N                            See below for upcoming Sustain U Outreach Meeting dates and times:\N                        \N                        \N                      \N                        \N                            \N                                Sept. 27\N                            \N                            12:30 to 1 p.m.\N                            \N                            https://csulb.zoom.us/s/89983926267\N                            \N                        \N                        \N                            \N                                Oct. 24\N                            \N                            12:30 to 1 p.m.\N                            \N                            https://csulb.zoom.us/s/89983926267\N                            \N                        \N                        \N                            \N                                Nov. 29\N                            \N                            12:30 to 1 p.m.\N                            \N                            https://csulb.zoom.us/s/89983926267\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/enjoy/calendar/fall-2023/F23_SustainU_Outreach_Meetings-dgtl-CalEvent.jpg&quot;\N          alt=&quot;Astronomy Night 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">Zoom</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">12:30 - 1 PM</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>                        Calling all Long Beach State University (LBSU) students. The power to shape Sustain U rests in your hands! Seize the opportunity to make your mark on campus when you join Sustain U's Outreach Meetings. Your voice is crucial; share your thoughts, opinions and feedback about Sustain U during our monthly meetings. When you get involved, you'll not only be looped in on all our events, but you'll play a vital role in forging a more sustainable, vibrant future for our Beach community!                      </p>                      <p>                        <b>                            See below for upcoming Sustain U Outreach Meeting dates and times:                        </b>                      </p>                        <ul>                        <li>                            <p>                                Sept. 27                            <br>                            12:30 to 1 p.m.                            <br>                            <a style="word-wrap: break-word;" href="https://csulb.zoom.us/s/89983926267" target="_blank">https://csulb.zoom.us/s/89983926267</a>                            </p>                        </li>                        <li>                            <p>                                Oct. 24                            <br>                            12:30 to 1 p.m.                            <br>                            <a style="word-wrap: break-word;" href="https://csulb.zoom.us/s/89983926267" target="_blank">https://csulb.zoom.us/s/89983926267</a>                            </p>                        </li>                        <li>                            <p>                                Nov. 29                            <br>                            12:30 to 1 p.m.                            <br>                            <a style="word-wrap: break-word;" href="https://csulb.zoom.us/s/89983926267" target="_blank">https://csulb.zoom.us/s/89983926267</a>                            </p>                        </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/enjoy/calendar/fall-2023/F23_SustainU_Outreach_Meetings-dgtl-CalEvent.jpg"          alt="Astronomy Night flier"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LAST-MODIFIED:20230921T185419Z
X-ACCESS:1
X-HITS:942
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20230928T140000
DTEND;TZID=America/Los_Angeles:20230928T150000
UID:EE18FE82-D434-4A99-99B4-99C21C30E15E
SUMMARY:Pass the Plate: Stuffed Bell Peppers & Brazilian Lemonade
DTSTAMP:20230918T162503Z
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                    Sept. 28\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      ASI Beach Kitchen\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    2 to 3 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                        Join Sustain U on a culinary adventure like no other with Pass the Plate! Savor the flavors from cultures around the world when you learn how to create various recipes throughout the semester! Register on Events & Orgs (formerly BeachSync). \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/enjoy/calendar/fall-2023/SustainU_dgtl-CalEvent-1.jpg&quot;\N          alt=&quot;Astronomy Night 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">Sept. 28</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="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">2 to 3 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>                        Join Sustain U on a culinary adventure like no other with Pass the Plate! Savor the flavors from cultures around the world when you learn how to create various recipes throughout the semester! Register on <a href="https://csulb.campuslabs.com/engage/organization/asi-sustain-u" target="_blank">Events & Orgs</a> (formerly BeachSync).                       </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/SustainU_dgtl-CalEvent-1.jpg"          alt="Astronomy Night flier"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:33.78112505;-118.11376656
LAST-MODIFIED:20230925T163615Z
X-ACCESS:1
X-HITS:570
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20231003T140000
DTEND;TZID=America/Los_Angeles:20231003T150000
UID:3DDFBD7C-BC66-4809-A3CA-C93861518D1B
SUMMARY:Trash Talkers
DTSTAMP:20230905T203158Z
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                  Oct. 3\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  2 to 3 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N           Did you know that a substantial part of our daily waste comes from organic materials like food scraps and yard waste? Join ASI at Sustain U's Trash Talkers to learn all about the environmental impact of our waste! Meeting various dates throughout the semester, join Sustain U from 2 to 3 p.m. at the West Patio and discover the art of composting, recycling and proper waste disposal, all while countering the harmful effects it creates. With an engaging twist, we're on a mission to make learning fun. Let's come together to champion a more sustainable world!\N                    \N                    See below for scheduled Trash Talkers event dates and times:\N\N             \NSept. 5\NSept. 19\NOct. 3\NOct. 17\NOct. 31\NNov. 14\NNov. 28\NNov. 5\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/enjoy/calendar/fall-2023/F23_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Trash Talkers&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">Oct. 3</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 West Patio</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">2 to 3 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>           Did you know that a substantial part of our daily waste comes from organic materials like food scraps and yard waste? Join ASI at Sustain U's Trash Talkers to learn all about the environmental impact of our waste! Meeting various dates throughout the semester, join Sustain U from 2 to 3 p.m. at the West Patio and discover the art of composting, recycling and proper waste disposal, all while countering the harmful effects it creates. With an engaging twist, we're on a mission to make learning fun. Let's come together to champion a more sustainable world!                    </p>                    <p><b>See below for scheduled Trash Talkers event dates and times:</b></p>             <ul><li>Sept. 5</li><li>Sept. 19</li><li>Oct. 3</li><li>Oct. 17</li><li>Oct. 31</li><li>Nov. 14</li><li>Nov. 28</li><li>Nov. 5</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/enjoy/calendar/fall-2023/F23_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"        alt="Trash Talkers"      />     {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20230906T231223Z
X-ACCESS:1
X-HITS:727
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20231005T140000
DTEND;TZID=America/Los_Angeles:20231005T150000
UID:6024582C-358F-4530-9ADC-C50962B4DE2A
SUMMARY:Saving the Planet - One step at a time
DTSTAMP:20230905T193624Z
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                  Oct. 5\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU 205\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  2 - 3 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                 Did you know that the average U.S. household generates 48 metric tons of CO2 annually? Embark on a journey with Sustain U to learn all about the environmental effects of carbon emissions and explore actionable steps you can take to make a difference at Saving The Planet One Step At A Time! Discover how even the smallest tweaks in our daily routines can collaboratively shape a more sustainable future, not just for ourselves, but for the entire planet.\N                    \N                    \N                Now, more than ever, our planet calls for our united efforts to learn, empower ourselves and enact meaningful change, ensuring a vibrant Earth for generations to come. This event is an opportunity you won't want to miss, and it's FREE for all Long Beach State University (LBSU) students. Join hands and take the leap on Oct. 5 from 2 to 3 p.m. in USU 205, as we join hands to take a leap towards creating a greener, more sustainable tomorrow!\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/enjoy/SM23_SustainU_Carbon_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Saving the Planet&quot;\N      /&gt;\N\N\N\N{loadmoduleid 368}\N\N\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">Oct. 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">USU 205</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">2 - 3 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>                 Did you know that the average U.S. household generates 48 metric tons of CO2 annually? Embark on a journey with Sustain U to learn all about the environmental effects of carbon emissions and explore actionable steps you can take to make a difference at Saving The Planet One Step At A Time! Discover how even the smallest tweaks in our daily routines can collaboratively shape a more sustainable future, not just for ourselves, but for the entire planet.                    </p>                    <p>                Now, more than ever, our planet calls for our united efforts to learn, empower ourselves and enact meaningful change, ensuring a vibrant Earth for generations to come. This event is an opportunity you won't want to miss, and it's FREE for all Long Beach State University (LBSU) students. Join hands and take the leap on Oct. 5 from 2 to 3 p.m. in USU 205, as we join hands to take a leap towards creating a greener, more sustainable tomorrow!                    </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/SM23_SustainU_Carbon_dgtl-CalEvent.jpg"        alt="Saving the Planet"      />{loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20230914T170626Z
X-ACCESS:1
X-HITS:1057
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20231009T150000
DTEND;TZID=America/Los_Angeles:20231009T160000
UID:46822C0D-8DE5-4F9D-9641-53499BADDD8F
SUMMARY:Balcony Botany
DTSTAMP:20231003T214817Z
DESCRIPTION:\N\N\N\N    \N        \N            \N                \N                    \N                        \N                            \N                                \N                                \N\N                                    Date\N                                    \N                                    Oct. 9\N                                \N                                \N\N                                    Location\N                                    \N                                    \N                                        Friendship Walk Grow Beach Garden\N                                    \N                                \N                                \N\N                                    Time\N                                    \N                                    \N                                      3 to 4 p.m.\N                                    \N                                \N                            \N\N                            \N                                \N                                    Description\N                                    \N                                    \N\N                                        \N                                          Looking to start your very own home garden, but don't know where to start? Sustain U has you covered! Join us for an inspirational gardening experience Oct. 9, from 3 - 4 p.m., at the East Friendship Walk, Grow Beach Garden. Learn all about growing vegetables in pots perfect for apartment living and limited spacing. We won't leave you out to dry, you will receive QR code flyers with information on caring for the seeds, as well as insider tips and tricks. Additionally, you will learn about propagating certain produce for even greater benefits. RSVP on Events & Orgs (formerly BeachSync) to save your spot for this awesome event!\N\N                                        \N                                     \N                                                                                                                                                                \N                                    \N                                \N                            \N                        \N                    \N                \N            \N        \N\N        \N        \N            \N        \N{loadmoduleid 368}\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;">Oct. 9</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 Grow Beach Garden</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;">                                      3 to 4 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>                                          Looking to start your very own home garden, but don't know where to start? Sustain U has you covered! Join us for an inspirational gardening experience Oct. 9, from 3 - 4 p.m., at the East Friendship Walk, Grow Beach Garden. Learn all about growing vegetables in pots perfect for apartment living and limited spacing. We won't leave you out to dry, you will receive QR code flyers with information on caring for the seeds, as well as insider tips and tricks. Additionally, you will learn about propagating certain produce for even greater benefits. RSVP on Events & Orgs (formerly BeachSync) to save your spot for this awesome event!                                        </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 style="width:100%;" src="images/enjoy/calendar/fall-2023/F23_SustainU_Balcony_Botany_dgtl-CalEvent.jpg"                alt="Balcony Botany" />        {loadmoduleid 368}</div></div>   </div>
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:1044
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20231017T140000
DTEND;TZID=America/Los_Angeles:20231017T150000
UID:BDBC315E-1D67-4630-B1C7-0F8CDA4334C3
SUMMARY:Trash Talkers
DTSTAMP:20230905T203235Z
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                  Oct. 17\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  2 to 3 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N           Did you know that a substantial part of our daily waste comes from organic materials like food scraps and yard waste? Join ASI at Sustain U's Trash Talkers to learn all about the the environmental impact of our waste! Meeting various dates throughout the semester, join Sustain U from 2 to 3 p.m. at the West Patio and discover the art of composting, recycling and proper waste disposal, all while countering the harmful effects it creates. With an engaging twist, we're on a mission to make learning fun. Let's come together to champion a more sustainable world!\N                    \N                    See below for scheduled Trash Talkers event dates and times:\N\N             \NSept. 5\NSept. 19\NOct. 3\NOct. 17\NOct. 31\NNov. 14\NNov. 28\NNov. 5\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/enjoy/calendar/fall-2023/F23_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Trash Talkers&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">Oct. 17</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 West Patio</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">2 to 3 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>           Did you know that a substantial part of our daily waste comes from organic materials like food scraps and yard waste? Join ASI at Sustain U's Trash Talkers to learn all about the the environmental impact of our waste! Meeting various dates throughout the semester, join Sustain U from 2 to 3 p.m. at the West Patio and discover the art of composting, recycling and proper waste disposal, all while countering the harmful effects it creates. With an engaging twist, we're on a mission to make learning fun. Let's come together to champion a more sustainable world!                    </p>                    <p><b>See below for scheduled Trash Talkers event dates and times:</b></p>             <ul><li>Sept. 5</li><li>Sept. 19</li><li>Oct. 3</li><li>Oct. 17</li><li>Oct. 31</li><li>Nov. 14</li><li>Nov. 28</li><li>Nov. 5</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/enjoy/calendar/fall-2023/F23_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"        alt="Trash Talkers"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20230906T231113Z
X-ACCESS:1
X-HITS:791
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20231019T150000
DTEND;TZID=America/Los_Angeles:20231019T160000
UID:B149873B-3AA0-42E6-B8E8-199F72D7E570
SUMMARY:Pass the Plate: Spiced Chickpea Buddha Bowls
DTSTAMP:20230918T161534Z
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                  Oct. 19\N                \N\N                \N                \N                  \N                      Location\N                    \N                    ASI Beach Kitchen\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  3 to 4 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                  Join Sustain U on a culinary adventure like no other with Pass the Plate! Savor the flavors from cultures around the world when you learn how to create various recipes throughout the semester! Register on \NEvents & Orgs (formerly BeachSync). \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/enjoy/calendar/fall-2023/SustainU_dgtl-CalEvent2.jpg&quot;\N        alt=&quot;Buddha bowl 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">Oct. 19</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="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">3 to 4 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>                  Join Sustain U on a culinary adventure like no other with Pass the Plate! Savor the flavors from cultures around the world when you learn how to create various recipes throughout the semester! Register on <a href="https://csulb.campuslabs.com/engage/organization/asi-sustain-u">Events & Orgs</a> (formerly BeachSync).                     </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/SustainU_dgtl-CalEvent2.jpg"        alt="Buddha bowl flier"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:33.78112505;-118.11376656
LAST-MODIFIED:20230918T162507Z
X-ACCESS:1
X-HITS:1054
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20231024T123000
DTEND;TZID=America/Los_Angeles:20231024T130000
UID:3B9AB80E-1851-4894-85CB-F8FC0CD45CF3
SUMMARY:Sustain U Outreach Meetings
DTSTAMP:20230921T184625Z
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                      Zoom\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12:30 - 1 PM\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                        Calling all Long Beach State University (LBSU) students. The power to shape Sustain U rests in your hands! Seize the opportunity to make your mark on campus when you join Sustain U's Outreach Meetings. Your voice is crucial; share your thoughts, opinions and feedback about Sustain U during our monthly meetings. When you get involved, you'll not only be looped in on all our events, but you'll play a vital role in forging a more sustainable, vibrant future for our Beach community!\N                      \N                      \N                        \N                            See below for upcoming Sustain U Outreach Meeting dates and times:\N                        \N                        \N                      \N                        \N                            \N                                Sept. 27\N                            \N                            12:30 to 1 p.m.\N                            \N                            https://csulb.zoom.us/s/89983926267\N                            \N                        \N                        \N                            \N                                Oct. 24\N                            \N                            12:30 to 1 p.m.\N                            \N                            https://csulb.zoom.us/s/89983926267\N                            \N                        \N                        \N                            \N                                Nov. 29\N                            \N                            12:30 to 1 p.m.\N                            \N                            https://csulb.zoom.us/s/89983926267\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/enjoy/calendar/fall-2023/F23_SustainU_Outreach_Meetings-dgtl-CalEvent.jpg&quot;\N          alt=&quot;Astronomy Night 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">Zoom</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">12:30 - 1 PM</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>                        Calling all Long Beach State University (LBSU) students. The power to shape Sustain U rests in your hands! Seize the opportunity to make your mark on campus when you join Sustain U's Outreach Meetings. Your voice is crucial; share your thoughts, opinions and feedback about Sustain U during our monthly meetings. When you get involved, you'll not only be looped in on all our events, but you'll play a vital role in forging a more sustainable, vibrant future for our Beach community!                      </p>                      <p>                        <b>                            See below for upcoming Sustain U Outreach Meeting dates and times:                        </b>                      </p>                        <ul>                        <li>                            <p>                                Sept. 27                            <br>                            12:30 to 1 p.m.                            <br>                            <a href="https://csulb.zoom.us/s/89983926267" target="_blank">https://csulb.zoom.us/s/89983926267</a>                            </p>                        </li>                        <li>                            <p>                                Oct. 24                            <br>                            12:30 to 1 p.m.                            <br>                            <a href="https://csulb.zoom.us/s/89983926267" target="_blank">https://csulb.zoom.us/s/89983926267</a>                            </p>                        </li>                        <li>                            <p>                                Nov. 29                            <br>                            12:30 to 1 p.m.                            <br>                            <a href="https://csulb.zoom.us/s/89983926267" target="_blank">https://csulb.zoom.us/s/89983926267</a>                            </p>                        </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/enjoy/calendar/fall-2023/F23_SustainU_Outreach_Meetings-dgtl-CalEvent.jpg"          alt="Astronomy Night flier"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LAST-MODIFIED:20230921T184658Z
X-ACCESS:1
X-HITS:696
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20231026T140000
DTEND;TZID=America/Los_Angeles:20231026T150000
UID:495B38C0-521F-49C0-B849-A7D7AF4DDF0C
SUMMARY:Don't Be Mean, Keep the Earth Clean
DTSTAMP:20230929T200346Z
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                    Oct. 26\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU 205\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    2 - 3 PM\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                        Did you know that more than 4 in 10 people in the United States live in areas with unhealthy amounts of smog? Learn more about how overpopulation contributes to human health, plants and animals and climate change. Join Sustain U Oct. 26 from 2 to 3 p.m. in USU 205 to learn more about how overpopulation negatively affects the environment and learn ways to decrease your carbon footprint!\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/enjoy/calendar/summer-2023/SM23_Sustain-U_Dont-Be-Mean-Keep-the-Earth-Clean_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Sound Bath Meditation 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">Oct. 26</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 205</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">2 - 3 PM</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>                        Did you know that more than 4 in 10 people in the United States live in areas with unhealthy amounts of smog? Learn more about how overpopulation contributes to human health, plants and animals and climate change. Join Sustain U Oct. 26 from 2 to 3 p.m. in USU 205 to learn more about how overpopulation negatively affects the environment and learn ways to decrease your carbon footprint!                      </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/summer-2023/SM23_Sustain-U_Dont-Be-Mean-Keep-the-Earth-Clean_dgtl-CalEvent.jpg"          alt="Sound Bath Meditation flier"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:1138
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20231031T140000
DTEND;TZID=America/Los_Angeles:20231031T150000
UID:CE012D0C-BF5D-4796-8C86-57DA227900E8
SUMMARY:Trash Talkers
DTSTAMP:20230905T203318Z
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                  Oct. 31\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  2 to 3 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N           Did you know that a substantial part of our daily waste comes from organic materials like food scraps and yard waste? Join ASI at Sustain U's Trash Talkers to learn all about the environmental impact of our waste! Meeting various dates throughout the semester, join Sustain U from 2 to 3 p.m. at the West Patio and discover the art of composting, recycling and proper waste disposal, all while countering the harmful effects it creates. With an engaging twist, we're on a mission to make learning fun. Let's come together to champion a more sustainable world!\N                    \N                    See below for scheduled Trash Talkers event dates and times:\N\N             \NSept. 5\NSept. 19\NOct. 3\NOct. 17\NOct. 31\NNov. 14\NNov. 28\NNov. 5\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/enjoy/calendar/fall-2023/F23_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Trash Talkers&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">Oct. 31</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 West Patio</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">2 to 3 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>           Did you know that a substantial part of our daily waste comes from organic materials like food scraps and yard waste? Join ASI at Sustain U's Trash Talkers to learn all about the environmental impact of our waste! Meeting various dates throughout the semester, join Sustain U from 2 to 3 p.m. at the West Patio and discover the art of composting, recycling and proper waste disposal, all while countering the harmful effects it creates. With an engaging twist, we're on a mission to make learning fun. Let's come together to champion a more sustainable world!                    </p>                    <p><b>See below for scheduled Trash Talkers event dates and times:</b></p>             <ul><li>Sept. 5</li><li>Sept. 19</li><li>Oct. 3</li><li>Oct. 17</li><li>Oct. 31</li><li>Nov. 14</li><li>Nov. 28</li><li>Nov. 5</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/enjoy/calendar/fall-2023/F23_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"        alt="Trash Talkers"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20230906T230933Z
X-ACCESS:1
X-HITS:733
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20231102T150000
DTEND;TZID=America/Los_Angeles:20231102T160000
UID:4D1E5BAC-37D0-4A5F-BA9B-BDE22F2D7406
SUMMARY:Pass the Plate: Hummus Pita Pizza
DTSTAMP:20230918T163233Z
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                  Nov. 2\N                \N\N                \N                \N                  \N                      Location\N                    \N                    ASI Beach Kitchen\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  3 to 4 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N               Join Sustain U on a culinary adventure like no other with Pass the Plate! Savor the flavors from cultures around the world when you learn how to create various recipes throughout the semester! Register on \NEvents & Orgs (formerly BeachSync). \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/enjoy/calendar/fall-2023/SustainU_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Buddha bowl 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">Nov. 2</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="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">3 to 4 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>               Join Sustain U on a culinary adventure like no other with Pass the Plate! Savor the flavors from cultures around the world when you learn how to create various recipes throughout the semester! Register on <a href="https://csulb.campuslabs.com/engage/organization/asi-sustain-u" target="_blank">Events & Orgs</a> (formerly BeachSync).                     </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/SustainU_dgtl-CalEvent.jpg"        alt="Buddha bowl flier"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:33.78112505;-118.11376656
LAST-MODIFIED:20230925T162557Z
X-ACCESS:1
X-HITS:746
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20231105T140000
DTEND;TZID=America/Los_Angeles:20231105T150000
UID:0C6BD432-26BB-4E36-9E53-481AB72A126F
SUMMARY:Trash Talkers
DTSTAMP:20230905T203940Z
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                  Nov. 5\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  2 to 3 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N           Did you know that a substantial part of our daily waste comes from organic materials like food scraps and yard waste? Join ASI at Sustain U's Trash Talkers to learn all about the environmental impact of our waste! Meeting various dates throughout the semester, join Sustain U from 2 to 3 p.m. at the West Patio and discover the art of composting, recycling and proper waste disposal, all while countering the harmful effects it creates. With an engaging twist, we're on a mission to make learning fun. Let's come together to champion a more sustainable world!\N                    \N                    See below for scheduled Trash Talkers event dates and times:\N\N             \NSept. 5\NSept. 19\NOct. 3\NOct. 17\NOct. 31\NNov. 14\NNov. 28\NNov. 5\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/enjoy/calendar/fall-2023/F23_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Trash Talkers&quot;\N      /&gt;\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">Nov. 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">USU West Patio</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">2 to 3 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>           Did you know that a substantial part of our daily waste comes from organic materials like food scraps and yard waste? Join ASI at Sustain U's Trash Talkers to learn all about the environmental impact of our waste! Meeting various dates throughout the semester, join Sustain U from 2 to 3 p.m. at the West Patio and discover the art of composting, recycling and proper waste disposal, all while countering the harmful effects it creates. With an engaging twist, we're on a mission to make learning fun. Let's come together to champion a more sustainable world!                    </p>                    <p><b>See below for scheduled Trash Talkers event dates and times:</b></p>             <ul><li>Sept. 5</li><li>Sept. 19</li><li>Oct. 3</li><li>Oct. 17</li><li>Oct. 31</li><li>Nov. 14</li><li>Nov. 28</li><li>Nov. 5</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/enjoy/calendar/fall-2023/F23_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"        alt="Trash Talkers"      />{loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20230906T230915Z
X-ACCESS:1
X-HITS:495
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20231106T150000
DTEND;TZID=America/Los_Angeles:20231106T160000
UID:6F42C077-9B56-42F2-8958-516859A2E8D3
SUMMARY:Sustain U Plant Parenthood
DTSTAMP:20231023T192253Z
DESCRIPTION:\N\N\N\N    \N        \N            \N                \N                    \N                        \N                            \N                                \N                                \N\N                                    Date\N                                    \N                                    Nov. 6\N                                \N                                \N\N                                    Location\N                                    \N                                    \N                                       Grow Beach Garden Friendship Walk\N                                    \N                                \N                                \N\N                                    Time\N                                    \N                                    \N                                      3 to 4 p.m.\N                                    \N                                \N                            \N\N                            \N                                \N                                    Description\N                                    \N                                    \N                                        \N                                            \NIf you want to start or grow your plant family, this event is for you! Learn how to properly plant pre-established plants with Sustain U Plant Parenthood! Plant your baby plants in a plot or whisky barrel as you learn the plant seasons, fun facts, the chance to win FREE Sustain U and Grow Beach SWAG and more. Register via Events & Orgs and join us Nov. 6 from 3 to 4 p.m. at the Grow Beach Garden on Friendship Walk and get ready to discover the joys of plant parenthood.\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\N{loadmoduleid 368}\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;">Nov. 6</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">                                       Grow Beach Garden 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;">                                      3 to 4 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>                                            If you want to start or grow your plant family, this event is for you! Learn how to properly plant pre-established plants with Sustain U Plant Parenthood! Plant your baby plants in a plot or whisky barrel as you learn the plant seasons, fun facts, the chance to win FREE Sustain U and Grow Beach SWAG and more. Register via Events & Orgs and join us Nov. 6 from 3 to 4 p.m. at the Grow Beach Garden on Friendship Walk and get ready to discover the joys of plant parenthood. </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/fall-2023/F23_SustainU_Plant-Parenthood_dgtl-CalEvent.jpg"                alt="wow banner" />        {loadmoduleid 368}</div></div>   </div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20231023T192441Z
X-ACCESS:1
X-HITS:932
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20231114T140000
DTEND;TZID=America/Los_Angeles:20231114T150000
UID:5BD89210-C97E-4FC8-B938-04BCAC38DF33
SUMMARY:Trash Talkers
DTSTAMP:20230905T203426Z
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                  Nov. 14\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  2 to 3 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N           Did you know that a substantial part of our daily waste comes from organic materials like food scraps and yard waste? Join ASI at Sustain U's Trash Talkers to learn all about the environmental impact of our waste! Meeting various dates throughout the semester, join Sustain U from 2 to 3 p.m. at the West Patio and discover the art of composting, recycling and proper waste disposal, all while countering the harmful effects it creates. With an engaging twist, we're on a mission to make learning fun. Let's come together to champion a more sustainable world!\N                    \N                    See below for scheduled Trash Talkers event dates and times:\N\N             \NSept. 5\NSept. 19\NOct. 3\NOct. 17\NOct. 31\NNov. 14\NNov. 28\NNov. 5\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/enjoy/calendar/fall-2023/F23_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Trash Talkers&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">Nov. 14</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 West Patio</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">2 to 3 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>           Did you know that a substantial part of our daily waste comes from organic materials like food scraps and yard waste? Join ASI at Sustain U's Trash Talkers to learn all about the environmental impact of our waste! Meeting various dates throughout the semester, join Sustain U from 2 to 3 p.m. at the West Patio and discover the art of composting, recycling and proper waste disposal, all while countering the harmful effects it creates. With an engaging twist, we're on a mission to make learning fun. Let's come together to champion a more sustainable world!                    </p>                    <p><b>See below for scheduled Trash Talkers event dates and times:</b></p>             <ul><li>Sept. 5</li><li>Sept. 19</li><li>Oct. 3</li><li>Oct. 17</li><li>Oct. 31</li><li>Nov. 14</li><li>Nov. 28</li><li>Nov. 5</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/enjoy/calendar/fall-2023/F23_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"        alt="Trash Talkers"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20230906T230857Z
X-ACCESS:1
X-HITS:484
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20231116T140000
DTEND;TZID=America/Los_Angeles:20231116T150000
UID:D76D1009-46E1-4C97-9709-EA25538FFBA1
SUMMARY:Ashes to Action
DTSTAMP:20231107T190117Z
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\N\N    \N        \N        \N            \N                \N                    \N                        \N                            \N                                \N                                \N                                    \N                                        \N                                    \N                                    Date\N                                    \N                                    Nov. 16\N                                \N\N                                \N                                \N                                    \N                                        \N                                            \N                                        \N                                        Location\N                                        \N                                        USU 205\N                                    \N                                \N\N                                \N                                \N                                    \N                                        \N                                    \N                                    Time\N                                    \N                                    2 to 3 p.m.\N                                \N                            \N\N                            \N                            \N                                \N                                    Description\N                                    \N                                    \N                                        \N                                            Calling all nature enthusiasts! Join Sustain U in preserving our nation's forests for future generations with Ashes to Action! Learn about eco-friendly forestry practices and how implementing eco-friendly forestry practices plays a critical role in reducing wildfires Nov. 16 from 2 to 3 p.m. in USU 205. Together we can make our forests more friendly for all!\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            {loadmoduleid 368}\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;    }    .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">Nov. 16</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 205</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">2 to 3 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>                                            Calling all nature enthusiasts! Join Sustain U in preserving our nation's forests for future generations with Ashes to Action! Learn about eco-friendly forestry practices and how implementing eco-friendly forestry practices plays a critical role in reducing wildfires Nov. 16 from 2 to 3 p.m. in USU 205. Together we can make our forests more friendly for all!                                        </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/beachpride/F23_SustainU_Ashes-to-Action_dgtl-CalEvent.jpg"                alt="DIY Hour at the beach Banner" />            {loadmoduleid 368}        </div>        <!-- Technically end of right side -->    </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20231107T190154Z
X-ACCESS:1
X-HITS:785
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20231128T140000
DTEND;TZID=America/Los_Angeles:20231128T150000
UID:26CEF60A-9838-41E5-8594-0D4A941852EB
SUMMARY:Trash Talkers
DTSTAMP:20230905T203712Z
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                  Nov. 28\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  2 to 3 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N           Did you know that a substantial part of our daily waste comes from organic materials like food scraps and yard waste? Join ASI at Sustain U's Trash Talkers to learn all about the environmental impact of our waste! Meeting various dates throughout the semester, join Sustain U from 2 to 3 p.m. at the West Patio and discover the art of composting, recycling and proper waste disposal, all while countering the harmful effects it creates. With an engaging twist, we're on a mission to make learning fun. Let's come together to champion a more sustainable world!\N                    \N                    See below for scheduled Trash Talkers event dates and times:\N\N             \NSept. 5\NSept. 19\NOct. 3\NOct. 17\NOct. 31\NNov. 14\NNov. 28\NNov. 5\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/enjoy/calendar/fall-2023/F23_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Trash Talkers&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">Nov. 28</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 West Patio</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">2 to 3 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>           Did you know that a substantial part of our daily waste comes from organic materials like food scraps and yard waste? Join ASI at Sustain U's Trash Talkers to learn all about the environmental impact of our waste! Meeting various dates throughout the semester, join Sustain U from 2 to 3 p.m. at the West Patio and discover the art of composting, recycling and proper waste disposal, all while countering the harmful effects it creates. With an engaging twist, we're on a mission to make learning fun. Let's come together to champion a more sustainable world!                    </p>                    <p><b>See below for scheduled Trash Talkers event dates and times:</b></p>             <ul><li>Sept. 5</li><li>Sept. 19</li><li>Oct. 3</li><li>Oct. 17</li><li>Oct. 31</li><li>Nov. 14</li><li>Nov. 28</li><li>Nov. 5</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/enjoy/calendar/fall-2023/F23_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"        alt="Trash Talkers"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20230906T230832Z
X-ACCESS:1
X-HITS:634
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20231129T123000
DTEND;TZID=America/Los_Angeles:20231129T130000
UID:E2BE2C48-12FF-49E1-93F0-4F897B806377
SUMMARY:Sustain U Outreach Meetings
DTSTAMP:20230921T184749Z
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                      Zoom\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12:30 - 1 PM\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                        Calling all Long Beach State University (LBSU) students. The power to shape Sustain U rests in your hands! Seize the opportunity to make your mark on campus when you join Sustain U's Outreach Meetings. Your voice is crucial; share your thoughts, opinions and feedback about Sustain U during our monthly meetings. When you get involved, you'll not only be looped in on all our events, but you'll play a vital role in forging a more sustainable, vibrant future for our Beach community!\N                      \N                      \N                        \N                            See below for upcoming Sustain U Outreach Meeting dates and times:\N                        \N                        \N                      \N                        \N                            \N                                Sept. 27\N                            \N                            12:30 to 1 p.m.\N                            \N                            https://csulb.zoom.us/s/89983926267\N                            \N                        \N                        \N                            \N                                Oct. 24\N                            \N                            12:30 to 1 p.m.\N                            \N                            https://csulb.zoom.us/s/89983926267\N                            \N                        \N                        \N                            \N                                Nov. 29\N                            \N                            12:30 to 1 p.m.\N                            \N                            https://csulb.zoom.us/s/89983926267\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/enjoy/calendar/fall-2023/F23_SustainU_Outreach_Meetings-dgtl-CalEvent.jpg&quot;\N          alt=&quot;Astronomy Night 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">Zoom</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">12:30 - 1 PM</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>                        Calling all Long Beach State University (LBSU) students. The power to shape Sustain U rests in your hands! Seize the opportunity to make your mark on campus when you join Sustain U's Outreach Meetings. Your voice is crucial; share your thoughts, opinions and feedback about Sustain U during our monthly meetings. When you get involved, you'll not only be looped in on all our events, but you'll play a vital role in forging a more sustainable, vibrant future for our Beach community!                      </p>                      <p>                        <b>                            See below for upcoming Sustain U Outreach Meeting dates and times:                        </b>                      </p>                        <ul>                        <li>                            <p>                                Sept. 27                            <br>                            12:30 to 1 p.m.                            <br>                            <a href="https://csulb.zoom.us/s/89983926267" target="_blank">https://csulb.zoom.us/s/89983926267</a>                            </p>                        </li>                        <li>                            <p>                                Oct. 24                            <br>                            12:30 to 1 p.m.                            <br>                            <a href="https://csulb.zoom.us/s/89983926267" target="_blank">https://csulb.zoom.us/s/89983926267</a>                            </p>                        </li>                        <li>                            <p>                                Nov. 29                            <br>                            12:30 to 1 p.m.                            <br>                            <a href="https://csulb.zoom.us/s/89983926267" target="_blank">https://csulb.zoom.us/s/89983926267</a>                            </p>                        </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/enjoy/calendar/fall-2023/F23_SustainU_Outreach_Meetings-dgtl-CalEvent.jpg"          alt="Astronomy Night flier"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
X-ACCESS:1
X-HITS:813
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20231205T140000
DTEND;TZID=America/Los_Angeles:20231205T150000
UID:9D56A91A-5E90-458C-A7EE-AAC805FC0B7B
SUMMARY:Trash Talkers
DTSTAMP:20230905T203712Z
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                  Nov. 28\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  2 to 3 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N           Did you know that a substantial part of our daily waste comes from organic materials like food scraps and yard waste? Join ASI at Sustain U's Trash Talkers to learn all about the environmental impact of our waste! Meeting various dates throughout the semester, join Sustain U from 2 to 3 p.m. at the West Patio and discover the art of composting, recycling and proper waste disposal, all while countering the harmful effects it creates. With an engaging twist, we're on a mission to make learning fun. Let's come together to champion a more sustainable world!\N                    \N                    See below for scheduled Trash Talkers event dates and times:\N\N             \NSept. 5\NSept. 19\NOct. 3\NOct. 17\NOct. 31\NNov. 14\NNov. 28\NDec. 5\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/enjoy/calendar/fall-2023/F23_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Trash Talkers&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">Nov. 28</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 West Patio</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">2 to 3 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>           Did you know that a substantial part of our daily waste comes from organic materials like food scraps and yard waste? Join ASI at Sustain U's Trash Talkers to learn all about the environmental impact of our waste! Meeting various dates throughout the semester, join Sustain U from 2 to 3 p.m. at the West Patio and discover the art of composting, recycling and proper waste disposal, all while countering the harmful effects it creates. With an engaging twist, we're on a mission to make learning fun. Let's come together to champion a more sustainable world!                    </p>                    <p><b>See below for scheduled Trash Talkers event dates and times:</b></p>             <ul><li>Sept. 5</li><li>Sept. 19</li><li>Oct. 3</li><li>Oct. 17</li><li>Oct. 31</li><li>Nov. 14</li><li>Nov. 28</li><li>Dec. 5</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/enjoy/calendar/fall-2023/F23_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"        alt="Trash Talkers"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20231130T172140Z
X-ACCESS:1
X-HITS:758
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240201T120000
DTEND;TZID=America/Los_Angeles:20240201T130000
UID:A3B405A1-A3F8-4158-A7A9-33D091BA445F
SUMMARY:Sustain U Outreach Meetings
DTSTAMP:20240125T225721Z
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\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU 303\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      Interested in getting more involved on campus? Join Sustain U's Outreach Meetings where your voice can help shape Long Beach State University's (LBSU) future! When you join us Feb. 1 from 12 to 1 p.m. in USU 303, you'll be able to engage in dynamic discussions, share your feedback on past initiatives and collaborate on creating a brighter future at our eco-conscious events. This is your chance to be a part of the movement towards a greener, more impactful tomorrow! You won't want to miss out on this event! Securing your spot with an RSVP at Events & Orgs is highly recommended!\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/SP24_SustainU_Sustain_U_Outreach_Meetings_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Sustain U Outreach Meetings&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">Feb. 1</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 303</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">12 to 1 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>Interested in getting more involved on campus? Join Sustain U's Outreach Meetings where your voice can help shape Long Beach State University's (LBSU) future! When you join us Feb. 1 from 12 to 1 p.m. in USU 303, you'll be able to engage in dynamic discussions, share your feedback on past initiatives and collaborate on creating a brighter future at our eco-conscious events. This is your chance to be a part of the movement towards a greener, more impactful tomorrow! You won't want to miss out on this event! Securing your spot with an RSVP at <a href="https://csulb.campuslabs.com/engage/event/9677929" target="_blank" rel="noopener noreferrer"><b>Events & Orgs</b></a> is highly recommended!</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_SustainU_Sustain_U_Outreach_Meetings_dgtl-CalEvent.jpg"          alt="Sustain U Outreach Meetings"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240129T234247Z
X-ACCESS:1
X-HITS:974
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240207T120000
DTEND;TZID=America/Los_Angeles:20240207T130000
UID:1749490F-34F0-4765-91D6-342DC4E6891A
SUMMARY:Trash Talkers
DTSTAMP:20240130T162532Z
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. 7\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU West Patio\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      Take reduce, reuse and recycle to a whole new level when you join Sustain U for Trash Talkers! Join us Feb. 7 from 12 to 1 p.m. at the USU West Patio for an educational tabling event and learn about proper waste and disposal practices through fun activities and interactive games. Put your skills to the test when you come up with ideas to clean up, recycle and protect our environment in engaging and innovative ways. You won't want to miss out on this opportunity to build a cleaner, greener future!\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/enjoy/beachpride/SP24_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Sustain U Outreach Meetings&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">Feb. 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">USU West Patio</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">12 to 1 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>Take reduce, reuse and recycle to a whole new level when you join Sustain U for Trash Talkers! Join us Feb. 7 from 12 to 1 p.m. at the USU West Patio for an educational tabling event and learn about proper waste and disposal practices through fun activities and interactive games. Put your skills to the test when you come up with ideas to clean up, recycle and protect our environment in engaging and innovative ways. You won't want to miss out on this opportunity to build a cleaner, greener future!</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/beachpride/SP24_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"          alt="Sustain U Outreach Meetings"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:322
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240212T130000
DTEND;TZID=America/Los_Angeles:20240212T140000
UID:4C1E3F08-A7B8-475D-844A-882DCBE23D0D
SUMMARY:Terrarium Time
DTSTAMP:20240209T205152Z
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. 12\N                \N\N                \N                \N                  \N                      Location\N                    \N                    Friendship Walk: Grow Beach Garden\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  1 to 2 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                   Understand the environmental benefits of incorporating terrariums into your life! Explore how terrariums can transform living spaces Feb. 12 from 1 to 2 p.m. at the Grow Beach Garden located on the Friendship Walk as you learn the positive effects terrariums have. From stress reduction to improved air quality, terrariums are personal green havens! You won't want to miss out on the opportunity to create your own mini paradise. Securing your spot with an RSVP at Events & Orgs is highly recommended!\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/enjoy/beachpride/SP24_SustainU_Terrarium-Time_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Belay a mile&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">Feb. 12</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: Grow Beach Garden</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">1 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">                    <p>                   Understand the environmental benefits of incorporating terrariums into your life! Explore how terrariums can transform living spaces Feb. 12 from 1 to 2 p.m. at the Grow Beach Garden located on the Friendship Walk as you learn the positive effects terrariums have. From stress reduction to improved air quality, terrariums are personal green havens! You won't want to miss out on the opportunity to create your own mini paradise. Securing your spot with an RSVP at <a href="https://csulb.campuslabs.com/engage/event/9668733">Events & Orgs </a>is highly recommended!                    </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/beachpride/SP24_SustainU_Terrarium-Time_dgtl-CalEvent.jpg"        alt="Belay a mile"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240209T205612Z
X-ACCESS:1
X-HITS:1075
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240214T140000
DTEND;TZID=America/Los_Angeles:20240214T150000
UID:18D2E177-B382-479E-BA23-C5E8A1ABA5FA
SUMMARY:The Birds and the Bees
DTSTAMP:20240130T160544Z
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. 14\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU 205\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    2 to 3 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      Are you committed to preserving our planet and creating positive change? Join Sustain U for The Birds and the Bees Feb. 14 from 2 to 3 p.m. in USU 205 and learn all about the harmful effects of pesticides on our planet! From birds to bees, the delicate balance of our ecosystems hangs in the balance, urging us to take immediate action. Enhance your understanding of pesticides while acquiring practical skills that ultimately support vital species! Let's unite to safeguard our invaluable pollinators. Together, we hold the future of our planet in our hands! You won't want to miss out on this event! Securing your spot with an RSVP at Events & Orgs is highly recommended!\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/SP24_SustainU_The-Birds-and-Bees_dgtl-CalEvent.jpg&quot;\N          alt=&quot;The Birds and the Bees&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">Feb. 14</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 205</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">2 to 3 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 committed to preserving our planet and creating positive change? Join Sustain U for The Birds and the Bees Feb. 14 from 2 to 3 p.m. in USU 205 and learn all about the harmful effects of pesticides on our planet! From birds to bees, the delicate balance of our ecosystems hangs in the balance, urging us to take immediate action. Enhance your understanding of pesticides while acquiring practical skills that ultimately support vital species! Let's unite to safeguard our invaluable pollinators. Together, we hold the future of our planet in our hands! You won't want to miss out on this event! Securing your spot with an RSVP at <a href="https://csulb.campuslabs.com/engage/event/9668600" target="_blank">Events & Orgs</a> is highly recommended!</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_SustainU_The-Birds-and-Bees_dgtl-CalEvent.jpg"          alt="The Birds and the Bees"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240130T160752Z
X-ACCESS:1
X-HITS:1337
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240221T120000
DTEND;TZID=America/Los_Angeles:20240221T130000
UID:35873969-6F44-47B6-A766-93D1A7DB4700
SUMMARY:Trash Talkers
DTSTAMP:20240130T162702Z
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. 21\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU West Patio\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      Take reduce, reuse and recycle to a whole new level when you join Sustain U for Trash Talkers! Join us Feb. 21 from 12 to 1 p.m. at the USU West Patio for an educational tabling event and learn about proper waste and disposal practices through fun activities and interactive games. Put your skills to the test when you come up with ideas to clean up, recycle and protect our environment in engaging and innovative ways. You won't want to miss out on this opportunity to build a cleaner, greener future!\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/enjoy/beachpride/SP24_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Sustain U Outreach Meetings&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">Feb. 21</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 West Patio</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">12 to 1 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>Take reduce, reuse and recycle to a whole new level when you join Sustain U for Trash Talkers! Join us Feb. 21 from 12 to 1 p.m. at the USU West Patio for an educational tabling event and learn about proper waste and disposal practices through fun activities and interactive games. Put your skills to the test when you come up with ideas to clean up, recycle and protect our environment in engaging and innovative ways. You won't want to miss out on this opportunity to build a cleaner, greener future!</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/beachpride/SP24_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"          alt="Sustain U Outreach Meetings"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240219T231525Z
X-ACCESS:1
X-HITS:856
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240228T130000
DTEND;TZID=America/Los_Angeles:20240228T140000
UID:0664A07B-1888-4A10-A4A3-0AF590279A7F
SUMMARY:Pass the Plate: Vegetarian Sushi
DTSTAMP:20240214T191041Z
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. 28\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      ASI Beach Kitchen\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    1 to 2 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \NSustain U invites you to ‘Pass the Plate’ where we’ll dive into the art of sushi-making without fish! Join us for an immersive culinary experience where you'll learn to roll and create exquisite vegetarian sushi delights. From mastering the art of rice preparation to exploring a medley of fresh vegetables as fillings, embark on a flavorful journey in crafting your own delicious and sustainable sushi rolls! Secure your spot when you RSVP at Events & Orgs. Registration opens Feb. 14.\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/enjoy/calendar/Spring24/SP24_SustainU_Pass-the-Plate-Vegetarian-Sushi_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Sustain U Outreach Meetings&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">Feb. 28</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">1 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">                      <p>Sustain U invites you to ‘Pass the Plate’ where we’ll dive into the art of sushi-making without fish! Join us for an immersive culinary experience where you'll learn to roll and create exquisite vegetarian sushi delights. From mastering the art of rice preparation to exploring a medley of fresh vegetables as fillings, embark on a flavorful journey in crafting your own delicious and sustainable sushi rolls! Secure your spot when you RSVP at <a href="https://csulb.campuslabs.com/engage/organization/asi-beach-pantry/events">Events & Orgs</a>. Registration opens Feb. 14.</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/Spring24/SP24_SustainU_Pass-the-Plate-Vegetarian-Sushi_dgtl-CalEvent.jpg"          alt="Sustain U Outreach Meetings"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:33.78112505;-118.11376656
LAST-MODIFIED:20240214T191131Z
X-ACCESS:1
X-HITS:1070
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240305T110000
DTEND;TZID=America/Los_Angeles:20240305T150000
UID:DE0BCA38-F083-4E05-9486-80146843348C
SUMMARY:Career Clothing Closet Pop-Up
DTSTAMP:20240219T232324Z
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                    March 5\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU Ballrooms\N                    \N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    11 a.m. to 3 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 5 from 11 a.m. to 3 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                                        \N                                            What's in store for you?\NChoose 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                                                  \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. 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 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        img\N          style="width: 100%&quot;\N          src=&quot;images/enjoy/calendar/Spring24/SP24_USU_Career_Closet_Pop_Up_dgtl_CalEvent.jpg&quot;\N          alt=&quot;Career Closet 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">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">USU Ballrooms                    </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">11 a.m. to 3 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 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>                                            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 5 from 11 a.m. to 3 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>                                            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>                                        </ul>                                                  <p>And so much more!</p>                                                                                <p>What to bring:</p>                                        <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 and the Career Development Center. Dress for success and secure your dream job with confidence!</p>                                                                                                                                                                                                    </div>                                </div>                            </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/Spring24/SP24_USU_Career_Closet_Pop_Up_dgtl_CalEvent.jpg"          alt="Career Closet flier"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240219T232617Z
X-ACCESS:1
X-HITS:2147
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240306T120000
DTEND;TZID=America/Los_Angeles:20240306T130000
UID:34EA3E5C-3879-44C6-85DD-F2853AC7ED7B
SUMMARY:Trash Talkers
DTSTAMP:20240130T162819Z
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 6\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU West Patio\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      Take reduce, reuse and recycle to a whole new level when you join Sustain U for Trash Talkers! Join us March 6 from 12 to 1 p.m. at the USU West Patio for an educational tabling event and learn about proper waste and disposal practices through fun activities and interactive games. Put your skills to the test when you come up with ideas to clean up, recycle and protect our environment in engaging and innovative ways. You won't want to miss out on this opportunity to build a cleaner, greener future!\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/enjoy/beachpride/SP24_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Sustain U Outreach Meetings&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 6</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 West Patio</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">12 to 1 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>Take reduce, reuse and recycle to a whole new level when you join Sustain U for Trash Talkers! Join us March 6 from 12 to 1 p.m. at the USU West Patio for an educational tabling event and learn about proper waste and disposal practices through fun activities and interactive games. Put your skills to the test when you come up with ideas to clean up, recycle and protect our environment in engaging and innovative ways. You won't want to miss out on this opportunity to build a cleaner, greener future!</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/beachpride/SP24_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"          alt="Sustain U Outreach Meetings"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:819
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240307T120000
DTEND;TZID=America/Los_Angeles:20240307T130000
UID:77CD0B36-D22F-44F9-87E2-A6CDEE804F3A
SUMMARY:Sustain U Outreach Meetings
DTSTAMP:20240125T225721Z
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 7\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU 303\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      Interested in getting more involved on campus? Join Sustain U's Outreach Meetings where your voice can help shape Long Beach State University's (LBSU) future! When you join us March 7 from 12 to 1 p.m. in USU 303, you'll be able to engage in dynamic discussions, share your feedback on past initiatives and collaborate on creating a brighter future at our eco-conscious events. This is your chance to be a part of the movement towards a greener, more impactful tomorrow! You won't want to miss out on this event! Securing your spot with an RSVP at Events & Orgs is highly recommended!\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/SP24_SustainU_Sustain_U_Outreach_Meetings_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Sustain U Outreach Meetings&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 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">USU 303</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">12 to 1 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>Interested in getting more involved on campus? Join Sustain U's Outreach Meetings where your voice can help shape Long Beach State University's (LBSU) future! When you join us March 7 from 12 to 1 p.m. in USU 303, you'll be able to engage in dynamic discussions, share your feedback on past initiatives and collaborate on creating a brighter future at our eco-conscious events. This is your chance to be a part of the movement towards a greener, more impactful tomorrow! You won't want to miss out on this event! Securing your spot with an RSVP at <a href="https://csulb.campuslabs.com/engage/event/9677929" target="_blank" rel="noopener noreferrer"><b>Events & Orgs</b></a> is highly recommended!</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_SustainU_Sustain_U_Outreach_Meetings_dgtl-CalEvent.jpg"          alt="Sustain U Outreach Meetings"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240129T234233Z
X-ACCESS:1
X-HITS:1258
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240313T140000
DTEND;TZID=America/Los_Angeles:20240313T150000
UID:D056880F-F5EC-45A4-B7F7-B7166ABCBA68
SUMMARY:Beyond Barren Lands
DTSTAMP:20240221T015929Z
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 13\N                \N\N                \N                \N                  \N                      Location\N                    \N                    \N                      USU 205\N                    \N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  12 to 3 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Are you passionate about preserving our planet? Join\N                      Sustain U at Beyond Barren Lands and learn all about the\N                      Desert Conservation Program! Our world's essential\N                      ecosystems are facing unprecedented challenges and it's\N                      time for us to take action. Explore the intricate desert\N                      ecosystems and gain valuable insights and skills to\N                      actively contribute to their preservation. The fate of our\N                      planet rests in our hands - join us March 13 from 2 to 3\N                      p.m. in USU 205 and take one step closer to making\N                      significant change! You won't want to miss out on this\N                      event! Securing your spot with an RSVP at Events & Orgs is\N                      highly recommended!\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/SP24_SustainU_BeyondBarren-Lands_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Blossom and Bloom&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">March 13</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 205                    </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">12 to 3 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 passionate about preserving our planet? Join                      Sustain U at Beyond Barren Lands and learn all about the                      Desert Conservation Program! Our world's essential                      ecosystems are facing unprecedented challenges and it's                      time for us to take action. Explore the intricate desert                      ecosystems and gain valuable insights and skills to                      actively contribute to their preservation. The fate of our                      planet rests in our hands - join us March 13 from 2 to 3                      p.m. in USU 205 and take one step closer to making                      significant change! You won't want to miss out on this                      event! Securing your spot with an RSVP at <a href="https://csulb.campuslabs.com/engage/event/9668368" target="_blank" rel="noopener noreferrer"><b>Events & Orgs</b></a> is                      highly recommended!                    </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_SustainU_BeyondBarren-Lands_dgtl-CalEvent.jpg"        alt="Blossom and Bloom"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:1492
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240318T130000
DTEND;TZID=America/Los_Angeles:20240318T140000
UID:7F3360EC-28A6-47EB-9049-C9D428D1EDE9
SUMMARY:Seeds of Success
DTSTAMP:20240314T233118Z
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 18\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      Friendship Walk: Grow Beach Garden\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    1 to 2 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      Are you looking for a practical, hands-on opportunity focused on planting? Then look no further! Join Sustain U at Seeds of Success and discover the fundamentals of nurturing your vibrant green space March 18 from 1 to 2 p.m. at the Grow Beach Garden, located on the Friendship Walk. Learn about the profound environmental impact of planting seeds and how gardening plays a pivotal role in sustainable living. Embrace the chance to reduce your carbon footprint while fostering a deeper connection. You won't want to miss out on this event! Securing your spot with an RSVP at   Events & Orgs is highly recommended.\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/enjoy/calendar/Spring24/SP24_SustainU_Seeds-of-Success_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Seeds of Success&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 18</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: Grow Beach Garden</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">1 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">                      <p>Are you looking for a practical, hands-on opportunity focused on planting? Then look no further! Join Sustain U at Seeds of Success and discover the fundamentals of nurturing your vibrant green space March 18 from 1 to 2 p.m. at the Grow Beach Garden, located on the Friendship Walk. Learn about the profound environmental impact of planting seeds and how gardening plays a pivotal role in sustainable living. Embrace the chance to reduce your carbon footprint while fostering a deeper connection. You won't want to miss out on this event! Securing your spot with an RSVP at  <a href="https://csulb.campuslabs.com/engage/event/9668756" target="_blank"> Events & Orgs</a> is highly recommended.</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/Spring24/SP24_SustainU_Seeds-of-Success_dgtl-CalEvent.jpg"          alt="Seeds of Success"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240314T233156Z
X-ACCESS:1
X-HITS:657
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240320T120000
DTEND;TZID=America/Los_Angeles:20240320T130000
UID:9D2E06A2-4F98-4811-9F3C-EC48E26B2285
SUMMARY:Trash Talkers
DTSTAMP:20240130T163001Z
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 20\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU West Patio\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      Take reduce, reuse and recycle to a whole new level when you join Sustain U for Trash Talkers! Join us March 20 from 12 to 1 p.m. at the USU West Patio for an educational tabling event and learn about proper waste and disposal practices through fun activities and interactive games. Put your skills to the test when you come up with ideas to clean up, recycle and protect our environment in engaging and innovative ways. You won't want to miss out on this opportunity to build a cleaner, greener future!\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/enjoy/beachpride/SP24_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Sustain U Outreach Meetings&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 20</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 West Patio</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">12 to 1 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>Take reduce, reuse and recycle to a whole new level when you join Sustain U for Trash Talkers! Join us March 20 from 12 to 1 p.m. at the USU West Patio for an educational tabling event and learn about proper waste and disposal practices through fun activities and interactive games. Put your skills to the test when you come up with ideas to clean up, recycle and protect our environment in engaging and innovative ways. You won't want to miss out on this opportunity to build a cleaner, greener future!</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/beachpride/SP24_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"          alt="Sustain U Outreach Meetings"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:129
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240320T140000
DTEND;TZID=America/Los_Angeles:20240320T150000
UID:2F629128-533A-4867-9063-983FB403C969
SUMMARY:Pass the Plate: Vegetable Spring Rolls
DTSTAMP:20240311T194336Z
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 20\N                \N\N                \N                \N                  \N                      Location\N                    \N                    ASI Beach Kitchen\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  2 to 3 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join Sustain U for a flavorful journey with our Pass the Plate series! Unravel the secrets to crafting delicious vegetable spring rolls when you join us for an immersive experience March 20 from 2 to 3 p.m. at the ASI Beach Kitchen. Dive into the art of combining fresh, vibrant ingredients while savoring the magic of cooking flavorful dishes with fellow Long Beach State University (LBSU) students! Secure your spot when you RSVP at Events & Orgs.\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/enjoy/beachpride/SP24_SustainU_Pass-the-Plate-Veggie-Spring-Rolls_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Belay a mile&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 20</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">2 to 3 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>                      Join Sustain U for a flavorful journey with our Pass the Plate series! Unravel the secrets to crafting delicious vegetable spring rolls when you join us for an immersive experience March 20 from 2 to 3 p.m. at the ASI Beach Kitchen. Dive into the art of combining fresh, vibrant ingredients while savoring the magic of cooking flavorful dishes with fellow Long Beach State University (LBSU) students! Secure your spot when you RSVP at <a href="https://csulb.campuslabs.com/engage/organization/asi-beach-pantry/events" target="_blank">Events & Orgs.</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/beachpride/SP24_SustainU_Pass-the-Plate-Veggie-Spring-Rolls_dgtl-CalEvent.jpg"        alt="Belay a mile"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:33.78112505;-118.11376656
LAST-MODIFIED:20240311T204651Z
X-ACCESS:1
X-HITS:73
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240403T120000
DTEND;TZID=America/Los_Angeles:20240403T130000
UID:EB34E03D-0310-4705-9237-B0D34E0B3454
SUMMARY:Trash Talkers
DTSTAMP:20240130T163116Z
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 3\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU West Patio\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \NTake reduce, reuse and recycle to a whole new level when you join Sustain U for Trash Talkers! Join us April 3 from 12 to 1 p.m. at the USU West Patio for an educational tabling event and learn about proper waste and disposal practices through fun activities and interactive games. Put your skills to the test when you come up with ideas to clean up, recycle and protect our environment in engaging and innovative ways. You won't want to miss out on this opportunity to build a cleaner, greener future!\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/enjoy/beachpride/SP24_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Sustain U Outreach Meetings&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 3</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 West Patio</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">12 to 1 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>Take reduce, reuse and recycle to a whole new level when you join Sustain U for Trash Talkers! Join us April 3 from 12 to 1 p.m. at the USU West Patio for an educational tabling event and learn about proper waste and disposal practices through fun activities and interactive games. Put your skills to the test when you come up with ideas to clean up, recycle and protect our environment in engaging and innovative ways. You won't want to miss out on this opportunity to build a cleaner, greener future!</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/beachpride/SP24_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"          alt="Sustain U Outreach Meetings"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:314
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240408T093000
DTEND;TZID=America/Los_Angeles:20240408T103000
UID:D1B5CD83-B6A4-4132-B79D-78B1317E6B4D
SUMMARY:Once in an Eclipse
DTSTAMP:20240319T194051Z
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          April 8\N        \N\N        \N        \N          \N            \N              \N                \N              \N              Location\N            \N            \N              USU 205\N            \N          \N        \N\N        \N        \N          \N            \N              \N            \N            Time\N          \N          9:30 to 10:30 a.m.\N        \N      \N    \N\N    \N    \N      \N        Description\N        \N          \N          !-- Make your college experience unforgettable when you join Sustain U for Once in an Eclipse! -->\N          \N          \N            Make your college experience unforgettable when you join Sustain U for Once in\N            an Eclipse! Grab yourself a pair of special sunglasses and experience the mesmerizing phenomenon of a solar eclipse and\N            marvel at nature's wonders April 8 from 9:30 to 10:30 a.m. in USU 205. Bring a friend or ride solo and\N            deepen your connection to our planet's beauty! Space is limited, so be sure to RSVP on\N             Events & Orgs!\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">April 8</p>        </div>        <!-- LOCATION -->        <div>          <div>            <div itemprop="location" itemscope="itemscope" itemtype="http://schema.org/Place" class="event-location">              <div class="event-title-icon">                <img src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png" class="location-icon" />              </div>              <p class="event-title-head">Location</p>            </div>            <p class="event-title-text event-title-text-line">              USU 205            </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">9:30 to 10:30 a.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">Make your college experience unforgettable when you join Sustain U for Once in an Eclipse!</div> -->          <!-- EVENT CONTENT -->          <p>            Make your college experience unforgettable when you join Sustain U for Once in            an Eclipse! Grab yourself a pair of special sunglasses and experience the mesmerizing phenomenon of a solar eclipse and            marvel at nature's wonders April 8 from 9:30 to 10:30 a.m. in USU 205. Bring a friend or ride solo and            deepen your connection to our planet's beauty! Space is limited, so be sure to RSVP on            <a href="https://csulb.campuslabs.com/engage/event/9976746" target="_blank" rel="noopener noreferrer"> Events & Orgs!</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/Spring24/SP24_SustainU_Eclipse_dgtl-CalEvent.jpg" alt="Once in an Eclipse event on April 8 at USU 205 from 9:30 to 10:30 a.m" />      {loadmoduleid 368}    </div>  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240319T194338Z
X-ACCESS:1
X-HITS:1289
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240410T140000
DTEND;TZID=America/Los_Angeles:20240410T150000
UID:838B0EEF-C3A5-408A-8A7E-DF9DAD2992E7
SUMMARY:Zoos vs Sanctuaries
DTSTAMP:20240402T214202Z
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 10\N        \N\N        \N        \N          \N            \N                Location\N            \N            \N              USU 205\N            \N          \N        \N\N        \N        \N          \N            \N              Time\N          \N          2 to 3 p.m.\N        \N      \N    \N\N    \N    \N      \N        Description\N        \N          \N          !-- Lorem ipsum dolor sit amet. -->\N          \N          \N            Curious about the distinctions between zoos and sanctuaries? Join Sustain U for Zoos vs Sanctuaries and dive into the multifaceted roles these institutions play in wildlife conservation. Explore the advantages of both April 10 from 2 to 3 p.m. in USU 205 as we discuss research insights, animal care technique, misleading information and the intricacies of reintroducing endangered species back into their natural habitats! You won't want to miss out on this event! Securing your spot with an RSVP at Events & Orgs is highly recommended!\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_Zoos-vs-Sanctuaries_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Zoos vs sanctuaries&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 10</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">              USU 205            </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">2 to 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">Lorem ipsum dolor sit amet.</div> -->          <!-- EVENT CONTENT -->          <p>            Curious about the distinctions between zoos and sanctuaries? Join Sustain U for Zoos vs Sanctuaries and dive into the multifaceted roles these institutions play in wildlife conservation. Explore the advantages of both April 10 from 2 to 3 p.m. in USU 205 as we discuss research insights, animal care technique, misleading information and the intricacies of reintroducing endangered species back into their natural habitats! You won't want to miss out on this event! Securing your spot with an RSVP at <a href="https://csulb.campuslabs.com/engage/event/9668612" target="_blank" rel="noopener noreferrer">Events & Orgs</a> is highly recommended!          </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_Zoos-vs-Sanctuaries_dgtl-CalEvent.jpg"        alt="Zoos vs sanctuaries"      />      {loadmoduleid 368}    </div>  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:850
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240411T120000
DTEND;TZID=America/Los_Angeles:20240411T130000
UID:0F628439-B71F-4C11-91E0-7A8386D4A9BA
SUMMARY:Sustain U Outreach Meetings
DTSTAMP:20240125T225721Z
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 11\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU 303\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      Interested in getting more involved on campus? Join Sustain U's Outreach Meetings where your voice can help shape Long Beach State University's (LBSU) future! When you join us April 11 from 12 to 1 p.m. in USU 303, you'll be able to engage in dynamic discussions, share your feedback on past initiatives and collaborate on creating a brighter future at our eco-conscious events. This is your chance to be a part of the movement towards a greener, more impactful tomorrow! You won't want to miss out on this event! Securing your spot with an RSVP at Events & Orgs is highly recommended!\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/SP24_SustainU_Sustain_U_Outreach_Meetings_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Sustain U Outreach Meetings&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 11</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 303</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">12 to 1 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>Interested in getting more involved on campus? Join Sustain U's Outreach Meetings where your voice can help shape Long Beach State University's (LBSU) future! When you join us April 11 from 12 to 1 p.m. in USU 303, you'll be able to engage in dynamic discussions, share your feedback on past initiatives and collaborate on creating a brighter future at our eco-conscious events. This is your chance to be a part of the movement towards a greener, more impactful tomorrow! You won't want to miss out on this event! Securing your spot with an RSVP at <a href="https://csulb.campuslabs.com/engage/event/9677929" target="_blank" rel="noopener noreferrer"><b>Events & Orgs</b></a> is highly recommended!</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_SustainU_Sustain_U_Outreach_Meetings_dgtl-CalEvent.jpg"          alt="Sustain U Outreach Meetings"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240129T234218Z
X-ACCESS:1
X-HITS:724
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240415T130000
DTEND;TZID=America/Los_Angeles:20240415T140000
UID:6A06D4B9-AF0A-4E16-9FB6-E946A94E59F1
SUMMARY:From Scraps to Sprouts
DTSTAMP:20240314T161418Z
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 15\N                \N\N                \N                \N                  \N                      Location\N                    \N                    Friendship Walk: Grow Beach Garden\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  1 to 2 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                    \NUnearth the secrets of regrowing veggies from kitchen leftovers with Sustain U's From Scraps to Sprouts! Explore the versatility of regrown veggies in various living spaces April 15 from 1 to 2 p.m. at the Grow Beach Garden located on the Friendship Walk and discover the benefits of growing your greens more sustainably! From lowering carbon footprints to reducing food waste, join us in taking one step closer to a greener future. You won't want to miss out on this event! Securing your spot with an RSVP at Events & Orgs is highly recommended!\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/enjoy/calendar/Spring24/SP24_SustainU_From-Scraps-to-Sprouts_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Belay a mile&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 15</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: Grow Beach Garden</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">1 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">                    <p>                    Unearth the secrets of regrowing veggies from kitchen leftovers with Sustain U's From Scraps to Sprouts! Explore the versatility of regrown veggies in various living spaces April 15 from 1 to 2 p.m. at the Grow Beach Garden located on the Friendship Walk and discover the benefits of growing your greens more sustainably! From lowering carbon footprints to reducing food waste, join us in taking one step closer to a greener future. You won't want to miss out on this event! Securing your spot with an RSVP at<a href="https://csulb.campuslabs.com/engage/event/9668748" target="_blank"> Events & Orgs </a>is highly recommended!                    </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/Spring24/SP24_SustainU_From-Scraps-to-Sprouts_dgtl-CalEvent.jpg"        alt="Belay a mile"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240314T161504Z
X-ACCESS:1
X-HITS:781
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240417T120000
DTEND;TZID=America/Los_Angeles:20240417T130000
UID:81F51617-9BDC-4FA6-A76C-A2A713648B96
SUMMARY:Trash Talkers
DTSTAMP:20240130T163218Z
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 17\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU West Patio\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \NTake reduce, reuse and recycle to a whole new level when you join Sustain U for Trash Talkers! Join us April 17 from 12 to 1 p.m. at the USU West Patio for an educational tabling event and learn about proper waste and disposal practices through fun activities and interactive games. Put your skills to the test when you come up with ideas to clean up, recycle and protect our environment in engaging and innovative ways. You won't want to miss out on this opportunity to build a cleaner, greener future!\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/enjoy/beachpride/SP24_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Sustain U Outreach Meetings&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 17</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 West Patio</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">12 to 1 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>Take reduce, reuse and recycle to a whole new level when you join Sustain U for Trash Talkers! Join us April 17 from 12 to 1 p.m. at the USU West Patio for an educational tabling event and learn about proper waste and disposal practices through fun activities and interactive games. Put your skills to the test when you come up with ideas to clean up, recycle and protect our environment in engaging and innovative ways. You won't want to miss out on this opportunity to build a cleaner, greener future!</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/beachpride/SP24_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"          alt="Sustain U Outreach Meetings"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:330
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240417T140000
DTEND;TZID=America/Los_Angeles:20240417T150000
UID:72ED0BC8-01E6-4C5C-B06E-995F31C06EEC
SUMMARY:Pass the Plate: Paneer Butter Masala
DTSTAMP:20240410T154356Z
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 17\N        \N\N        \N        \N          \N            \N                Location\N            \N            \N              ASI Beach Kitchen\N            \N          \N        \N\N        \N        \N          \N            \N              Time\N          \N          2 to 3 p.m.\N        \N      \N    \N\N    \N    \N      \N        Description\N        \N          \N          \N          \N          \N       Join Sustain U for a flavorful journey with our Pass the Plate series! Discover the secrets behind India's famous Paneer Butter Masala as seasoned chefs guide you in a step-by-step tutorial, sharing the essential techniques and tips for perfecting its rich flavors. Engage in a hands-on experience as you indulge in the delicious results and connect with fellow food enthusiasts in a vibrant culinary atmosphere! Secure your spot when you RSVP at Events & Orgs. Registration opens April 3.\N\N \N          \N        \N      \N    \N  \N\N  \N  \N    \N      img\N        style="width: 100%; margin-bottom: 20px&quot;\N        src=&quot;images/enjoy/calendar/Spring24/SP24_SustainU_Pass-the-Plate-Paneer-Butter-Masala_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Cupid at the Beach&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"              />            </div>            <p class="event-title-head">Date</p>          </div>          <p class="event-title-text event-title-text-line">April 17</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">2 to 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 -->                    <!-- EVENT CONTENT -->          <p>       Join Sustain U for a flavorful journey with our Pass the Plate series! Discover the secrets behind India's famous Paneer Butter Masala as seasoned chefs guide you in a step-by-step tutorial, sharing the essential techniques and tips for perfecting its rich flavors. Engage in a hands-on experience as you indulge in the delicious results and connect with fellow food enthusiasts in a vibrant culinary atmosphere! Secure your spot when you RSVP at <a href="https://csulb.campuslabs.com/engage/organization/asi-beach-pantry/events" target="_blank">Events & Orgs</a>. Registration opens April 3.           </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/Spring24/SP24_SustainU_Pass-the-Plate-Paneer-Butter-Masala_dgtl-CalEvent.jpg"        alt="Cupid at the Beach"      />      {loadmoduleid 368}    </div>  </div></div>
LOCATION:
GEO:33.78112505;-118.11376656
X-ACCESS:1
X-HITS:870
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240422T130000
DTEND;TZID=America/Los_Angeles:20240422T140000
UID:A1DD3F4A-DA68-4BB2-848B-FDC3D4FD131B
SUMMARY:Go Green, Go Clean
DTSTAMP:20240408T161058Z
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          April 22\N        \N\N        \N        \N          \N            \N              \N                \N              \N              Location\N            \N            \N              USU 205\N            \N          \N        \N\N        \N        \N          \N            \N              \N            \N            Time\N          \N          1 to 2 p.m.\N        \N      \N    \N\N    \N    \N      \N        Description\N        \N          \N          !-- Make your college experience unforgettable when you join Sustain U for Once in an Eclipse! -->\N          \N          \N         Embark on an eco-adventure with Sustain U's Go Green, Go Clean! Join us April 22 from 1 to 2 p.m. in USU 205 for a hands-on workshop on crafting sustainable and eco-friendly hand sanitizer. Dive into the principles of environmental responsibility as you discover practices that are both planet-friendly and health-conscious. Join the eco-tribe and do your part in contributing to a cleaner, greener and healthier future!\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">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" />              </div>              <p class="event-title-head">Location</p>            </div>            <p class="event-title-text event-title-text-line">              USU 205            </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">1 to 2 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">Make your college experience unforgettable when you join Sustain U for Once in an Eclipse!</div> -->          <!-- EVENT CONTENT -->          <p>         Embark on an eco-adventure with Sustain U's Go Green, Go Clean! Join us April 22 from 1 to 2 p.m. in USU 205 for a hands-on workshop on crafting sustainable and eco-friendly hand sanitizer. Dive into the principles of environmental responsibility as you discover practices that are both planet-friendly and health-conscious. Join the eco-tribe and do your part in contributing to a cleaner, greener and healthier future!</p>        </div>      </div>    </div>  </div>  <!-- *********************    START OF RIGHT SIDE********************** -->  <div class="event-right">    <div>      <img style="width: 100%; margin-bottom: 20px"        src="images/enjoy/beachpride/SP24_SustainU_Go-Green-Go-Clean_dgtl-CalEvent.jpg" alt="Once in an Eclipse event on April 8 at USU 205 from 9:30 to 10:30 a.m" />      {loadmoduleid 368}    </div>  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:1216
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240424T140000
DTEND;TZID=America/Los_Angeles:20240424T150000
UID:98EA3C42-F39A-4573-BBEB-1CA6D68D63E3
SUMMARY:Powering Our Future
DTSTAMP:20240408T205235Z
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 24\N        \N\N        \N        \N          \N            \N                Location\N            \N            \N              USU 205\N            \N          \N        \N\N        \N        \N          \N            \N              Time\N          \N          2 to 3 p.m.\N        \N      \N    \N\N    \N    \N      \N        Description\N        \N          \N          \N          \N          \N         Learn about the power of renewables at our upcoming Powering Our Future workshop! We'll cover everything from solar and wind energy to biomass and hydropower. Learn how these clean energy sources work, their pros and cons, real-world case studies and future applications as we discuss the environmental and economic upside of transitioning from fossil fuels to renewables April 24 from 2 to 3 p.m. in USU 205. Everyone has a role to play! Do your part when you join us for an eye-opening workshop that will empower you towards a more sustainable future! Securing your spot with an RSVP at Events & Orgs is highly recommended!\N          \N        \N      \N    \N  \N\N  \N  \N    \N      img\N        style="width: 100%; margin-bottom: 20px&quot;\N        src=&quot;images/connect/SP24_SustainU_Powering-our-Future_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Cupid at the Beach&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"              />            </div>            <p class="event-title-head">Date</p>          </div>          <p class="event-title-text event-title-text-line">April 24</p>        </div>        <!-- LOCATION -->        <div>          <div>            <div              itemprop="location"              itemscope="itemscope"              itemtype="http://schema.org/Place"              class="event-location"            >              <div class="event-title-icon">                <img                  src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png"                  class="location-icon"                />              </div>              <p class="event-title-head">Location</p>            </div>            <p class="event-title-text event-title-text-line">              USU 205            </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">2 to 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 -->                    <!-- EVENT CONTENT -->          <p>         Learn about the power of renewables at our upcoming Powering Our Future workshop! We'll cover everything from solar and wind energy to biomass and hydropower. Learn how these clean energy sources work, their pros and cons, real-world case studies and future applications as we discuss the environmental and economic upside of transitioning from fossil fuels to renewables April 24 from 2 to 3 p.m. in USU 205. Everyone has a role to play! Do your part when you join us for an eye-opening workshop that will empower you towards a more sustainable future! Securing your spot with an RSVP at <a href="https://csulb.campuslabs.com/engage/event/9668637" target="_blank">Events & Orgs </a>is highly recommended!          </p>        </div>      </div>    </div>  </div>  <!-- *********************    START OF RIGHT SIDE********************** -->  <div class="event-right">    <div>      <img        style="width: 100%; margin-bottom: 20px"        src="images/connect/SP24_SustainU_Powering-our-Future_dgtl-CalEvent.jpg"        alt="Cupid at the Beach"      />      {loadmoduleid 368}    </div>  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:795
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240425T110000
DTEND;TZID=America/Los_Angeles:20240425T120000
UID:EEDCD3F9-3F5C-4DFF-BD2D-64838EA99258
SUMMARY:Designing a Sustainable Graduation
DTSTAMP:20240411T162618Z
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 25\N        \N\N        \N        \N          \N            \N                Location\N            \N            KIN-063\N          \N        \N\N        \N        \N          \N            \N              Time\N          \N          11 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            Attention all upcoming graduates! Take your graduation celebration\N            to the next level by honing the skill of crafting eco-friendly\N            decorations. Join Sustain U for the Designing a Sustainable\N            Graduation workshop April 25 from 11 a.m. to 2 p.m. in the\N            Kinesiology building (KIN-063). Immerse yourself in sustainable\N            techniques and design principles, and for an extra special touch,\N            treat yourself to a personalized photoshoot! Come ready with your\N            cap and gown, put on your brightest smile and enjoy a customized\N            yearbook-style photoshoot, courtesy of ASI Communications.\N          \N          \N            Open to all Long Beach State University (LBSU) students, all\N            participants will receive FREE swag and be entered into an\N            opportunity drawing the for the chance to win prizes. Make your\N            graduation a standout moment that not only enhances your celebration\N            but also contributes to building a greener, more responsible future.\N            Don't miss out on this unique opportunity, RSVPs are highly\N            recommended.\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_SU_Sustainable-Grad_actual-calevent-v2.jpg&quot;\N        alt=&quot;Zoos vs sanctuaries&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-04-25">          <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 25</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">KIN-063</p>          </div>        </div>        <!-- Time -->        <div itemprop="endDate" content="2024-04-25">          <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">11 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>            Attention all upcoming graduates! Take your graduation celebration            to the next level by honing the skill of crafting eco-friendly            decorations. Join Sustain U for the Designing a Sustainable            Graduation workshop April 25 from 11 a.m. to 2 p.m. in the            Kinesiology building (KIN-063). Immerse yourself in sustainable            techniques and design principles, and for an extra special touch,            treat yourself to a personalized photoshoot! Come ready with your            cap and gown, put on your brightest smile and enjoy a customized            yearbook-style photoshoot, courtesy of ASI Communications.          </p>          <p>            Open to all Long Beach State University (LBSU) students, all            participants will receive FREE swag and be entered into an            opportunity drawing the for the chance to win prizes. Make your            graduation a standout moment that not only enhances your celebration            but also contributes to building a greener, more responsible future.            Don't miss out on this unique opportunity, RSVPs are highly            recommended.          </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_SU_Sustainable-Grad_actual-calevent-v2.jpg"        alt="Zoos vs sanctuaries"      />      {loadmoduleid 368}    </div>  </div></div>
LOCATION:\;
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240411T205806Z
X-ACCESS:1
X-HITS:906
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240425T130000
DTEND;TZID=America/Los_Angeles:20240425T140000
UID:EE305FD9-4F5F-4462-8883-3921F6A16FC6
SUMMARY:Plant a Plant
DTSTAMP:20240327T200620Z
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 25\N        \N\N        \N        \N          \N            \N                Location\N            \N            \N              Grow Beach Garden\N            \N          \N        \N\N        \N        \N          \N            \N              Time\N          \N          1 to 2 p.m.\N        \N      \N    \N\N    \N    \N      \N        Description\N        \N          \N    \N          \N          \N          Explore the world of succulents when you join us for Plant a Plant! Get your hands dirty April 25 from 1 to 2 p.m. at the Grow Beach Garden and enjoy a hands-on experience when you plant these resilient plants! Engage in insightful discussions and unveil the benefits of succulents, highlighting their pivotal roles in air purification, stress reduction and overall environmental sustainability. Seize the chance to reconnect with nature and play a part in forging a greener, more sustainable future!\N          \N        \N      \N    \N  \N\N  \N  \N    \N      img\N        style="width: 100%; margin-bottom: 20px&quot;\N        src=&quot;images/enjoy/calendar/Spring24/SP24_SustainU_Plant-a-Plant_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Cupid at the Beach&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"              />            </div>            <p class="event-title-head">Date</p>          </div>          <p class="event-title-text event-title-text-line">April 25</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">              Grow Beach Garden            </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">1 to 2 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 -->              <!-- EVENT CONTENT -->          <p>          Explore the world of succulents when you join us for Plant a Plant! Get your hands dirty April 25 from 1 to 2 p.m. at the Grow Beach Garden and enjoy a hands-on experience when you plant these resilient plants! Engage in insightful discussions and unveil the benefits of succulents, highlighting their pivotal roles in air purification, stress reduction and overall environmental sustainability. Seize the chance to reconnect with nature and play a part in forging a greener, more sustainable future!          </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/Spring24/SP24_SustainU_Plant-a-Plant_dgtl-CalEvent.jpg"        alt="Cupid at the Beach"      />      {loadmoduleid 368}    </div>  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240327T200739Z
X-ACCESS:1
X-HITS:915
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240501T120000
DTEND;TZID=America/Los_Angeles:20240501T130000
UID:7834670A-5BB1-4FE9-9581-B58EC8F56726
SUMMARY:Trash Talkers
DTSTAMP:20240130T163328Z
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                    May 1\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU West Patio\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \NTake reduce, reuse and recycle to a whole new level when you join Sustain U for Trash Talkers! Join us May 1 from 12 to 1 p.m. at the USU West Patio for an educational tabling event and learn about proper waste and disposal practices through fun activities and interactive games. Put your skills to the test when you come up with ideas to clean up, recycle and protect our environment in engaging and innovative ways. You won't want to miss out on this opportunity to build a cleaner, greener future!\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/enjoy/beachpride/SP24_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Sustain U Outreach Meetings&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">May 1</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 West Patio</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">12 to 1 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>Take reduce, reuse and recycle to a whole new level when you join Sustain U for Trash Talkers! Join us May 1 from 12 to 1 p.m. at the USU West Patio for an educational tabling event and learn about proper waste and disposal practices through fun activities and interactive games. Put your skills to the test when you come up with ideas to clean up, recycle and protect our environment in engaging and innovative ways. You won't want to miss out on this opportunity to build a cleaner, greener future!</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/beachpride/SP24_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"          alt="Sustain U Outreach Meetings"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:285
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240502T120000
DTEND;TZID=America/Los_Angeles:20240502T130000
UID:33E5DDBF-924A-46C1-9F2F-3C84A985DDCB
SUMMARY:Sustain U Outreach Meetings
DTSTAMP:20240125T225721Z
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                  May 2\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU 303\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  12 to 1 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    Interested in getting more involved on campus? Join Sustain U's Outreach Meetings where your voice can help shape Long Beach State University's (LBSU) future! When you join us May 2 from 12 to 1 p.m. in USU 303, you'll be able to engage in dynamic discussions, share your feedback on past initiatives and collaborate on creating a brighter future at our eco-conscious events. This is your chance to be a part of the movement towards a greener, more impactful tomorrow! You won't want to miss out on this event! Securing your spot with an RSVP at Events & Orgs is highly recommended!\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/SP24_SustainU_Sustain_U_Outreach_Meetings_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Sustain U Outreach Meetings&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">May 2</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 303</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">12 to 1 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>Interested in getting more involved on campus? Join Sustain U's Outreach Meetings where your voice can help shape Long Beach State University's (LBSU) future! When you join us May 2 from 12 to 1 p.m. in USU 303, you'll be able to engage in dynamic discussions, share your feedback on past initiatives and collaborate on creating a brighter future at our eco-conscious events. This is your chance to be a part of the movement towards a greener, more impactful tomorrow! You won't want to miss out on this event! Securing your spot with an RSVP at <a href="https://csulb.campuslabs.com/engage/event/9677929" target="_blank" rel="noopener noreferrer"><b>Events & Orgs</b></a> is highly recommended!</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_SustainU_Sustain_U_Outreach_Meetings_dgtl-CalEvent.jpg"        alt="Sustain U Outreach Meetings"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240129T234138Z
X-ACCESS:1
X-HITS:737
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240910T120000
DTEND;TZID=America/Los_Angeles:20240910T130000
RRULE:FREQ=WEEKLY;BYDAY=TU;INTERVAL=2;UNTIL=20241119T235900Z
UID:91030222-BB7B-4A1D-87A0-85F2D03AC9E0
SUMMARY:Trash Talkers
DTSTAMP:20240820T220744Z
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                  Various Dates\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  12 to 1 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join us for Trash Talkers, an educational tabling event to\N                      learn about proper waste disposal practices! Through fun\N                      activities and interactive games, get ready to test your\N                      skills. Let's come together to clean up, recycle and\N                      protect our environment while having a blast. Don't miss\N                      out on this opportunity to be part of a cheerful community\N                      effort toward a cleaner, greener future!\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/SM24_SustainU_dgtl-CalEvent-01.jpg&quot;\N        alt=&quot;Trash Talkers&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">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 West Patio</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">12 to 1 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>                      Join us for Trash Talkers, an educational tabling event to                      learn about proper waste disposal practices! Through fun                      activities and interactive games, get ready to test your                      skills. Let's come together to clean up, recycle and                      protect our environment while having a blast. Don't miss                      out on this opportunity to be part of a cheerful community                      effort toward a cleaner, greener future!                    </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/SM24_SustainU_dgtl-CalEvent-01.jpg"        alt="Trash Talkers"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:8
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240910T120000
DTEND;TZID=America/Los_Angeles:20240910T130000
UID:91030222-BB7B-4A1D-87A0-85F2D03AC9E0
RECURRENCE-ID:20240910T190000Z
SUMMARY:Trash Talkers
DTSTAMP:20240820T220744Z
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. 10\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  12 to 1 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join us for Trash Talkers, an educational tabling event to\N                      learn about proper waste disposal practices! Through fun\N                      activities and interactive games, get ready to test your\N                      skills. Let's come together to clean up, recycle and\N                      protect our environment while having a blast. Don't miss\N                      out on this opportunity to be part of a cheerful community\N                      effort toward a cleaner, greener future!\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/SM24_SustainU_dgtl-CalEvent-01.jpg&quot;\N        alt=&quot;Trash Talkers&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">Sept. 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">USU West Patio</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">12 to 1 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>                      Join us for Trash Talkers, an educational tabling event to                      learn about proper waste disposal practices! Through fun                      activities and interactive games, get ready to test your                      skills. Let's come together to clean up, recycle and                      protect our environment while having a blast. Don't miss                      out on this opportunity to be part of a cheerful community                      effort toward a cleaner, greener future!                    </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/SM24_SustainU_dgtl-CalEvent-01.jpg"        alt="Trash Talkers"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240820T221002Z
X-ACCESS:1
X-HITS:1216
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240924T120000
DTEND;TZID=America/Los_Angeles:20240924T130000
UID:91030222-BB7B-4A1D-87A0-85F2D03AC9E0
RECURRENCE-ID:20240924T190000Z
SUMMARY:Trash Talkers
DTSTAMP:20240820T220744Z
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. 24\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  12 to 1 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join us for Trash Talkers, an educational tabling event to\N                      learn about proper waste disposal practices! Through fun\N                      activities and interactive games, get ready to test your\N                      skills. Let's come together to clean up, recycle and\N                      protect our environment while having a blast. Don't miss\N                      out on this opportunity to be part of a cheerful community\N                      effort toward a cleaner, greener future!\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/SM24_SustainU_dgtl-CalEvent-01.jpg&quot;\N        alt=&quot;Trash Talkers&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">Sept. 24</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 West Patio</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">12 to 1 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>                      Join us for Trash Talkers, an educational tabling event to                      learn about proper waste disposal practices! Through fun                      activities and interactive games, get ready to test your                      skills. Let's come together to clean up, recycle and                      protect our environment while having a blast. Don't miss                      out on this opportunity to be part of a cheerful community                      effort toward a cleaner, greener future!                    </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/SM24_SustainU_dgtl-CalEvent-01.jpg"        alt="Trash Talkers"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240820T221015Z
X-ACCESS:1
X-HITS:681
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241023T120000
DTEND;TZID=America/Los_Angeles:20241023T130000
UID:91030222-BB7B-4A1D-87A0-85F2D03AC9E0
RECURRENCE-ID:20241022T190000Z
SUMMARY:Trash Talkers
DTSTAMP:20240820T220744Z
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. 23\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  12 to 1 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join us for Trash Talkers, an educational tabling event to\N                      learn about proper waste disposal practices! Through fun\N                      activities and interactive games, get ready to test your\N                      skills. Let's come together to clean up, recycle and\N                      protect our environment while having a blast. Don't miss\N                      out on this opportunity to be part of a cheerful community\N                      effort toward a cleaner, greener future!\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/SM24_SustainU_dgtl-CalEvent-01.jpg&quot;\N        alt=&quot;Trash Talkers&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. 23</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 West Patio</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">12 to 1 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>                      Join us for Trash Talkers, an educational tabling event to                      learn about proper waste disposal practices! Through fun                      activities and interactive games, get ready to test your                      skills. Let's come together to clean up, recycle and                      protect our environment while having a blast. Don't miss                      out on this opportunity to be part of a cheerful community                      effort toward a cleaner, greener future!                    </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/SM24_SustainU_dgtl-CalEvent-01.jpg"        alt="Trash Talkers"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240820T220916Z
X-ACCESS:1
X-HITS:796
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241105T120000
DTEND;TZID=America/Los_Angeles:20241105T130000
UID:91030222-BB7B-4A1D-87A0-85F2D03AC9E0
RECURRENCE-ID:20241105T200000Z
SUMMARY:Trash Talkers
DTSTAMP:20240820T220744Z
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                  Nov. 5\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  12 to 1 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join us for Trash Talkers, an educational tabling event to\N                      learn about proper waste disposal practices! Through fun\N                      activities and interactive games, get ready to test your\N                      skills. Let's come together to clean up, recycle and\N                      protect our environment while having a blast. Don't miss\N                      out on this opportunity to be part of a cheerful community\N                      effort toward a cleaner, greener future!\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/SM24_SustainU_dgtl-CalEvent-01.jpg&quot;\N        alt=&quot;Trash Talkers&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">Nov. 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">USU West Patio</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">12 to 1 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>                      Join us for Trash Talkers, an educational tabling event to                      learn about proper waste disposal practices! Through fun                      activities and interactive games, get ready to test your                      skills. Let's come together to clean up, recycle and                      protect our environment while having a blast. Don't miss                      out on this opportunity to be part of a cheerful community                      effort toward a cleaner, greener future!                    </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/SM24_SustainU_dgtl-CalEvent-01.jpg"        alt="Trash Talkers"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240820T221031Z
X-ACCESS:1
X-HITS:671
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241119T120000
DTEND;TZID=America/Los_Angeles:20241119T130000
UID:91030222-BB7B-4A1D-87A0-85F2D03AC9E0
RECURRENCE-ID:20241119T200000Z
SUMMARY:Trash Talkers
DTSTAMP:20240820T220744Z
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                  Nov. 19\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  12 to 1 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join us for Trash Talkers, an educational tabling event to\N                      learn about proper waste disposal practices! Through fun\N                      activities and interactive games, get ready to test your\N                      skills. Let's come together to clean up, recycle and\N                      protect our environment while having a blast. Don't miss\N                      out on this opportunity to be part of a cheerful community\N                      effort toward a cleaner, greener future!\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/SM24_SustainU_dgtl-CalEvent-01.jpg&quot;\N        alt=&quot;Trash Talkers&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">Nov. 19</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 West Patio</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">12 to 1 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>                      Join us for Trash Talkers, an educational tabling event to                      learn about proper waste disposal practices! Through fun                      activities and interactive games, get ready to test your                      skills. Let's come together to clean up, recycle and                      protect our environment while having a blast. Don't miss                      out on this opportunity to be part of a cheerful community                      effort toward a cleaner, greener future!                    </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/SM24_SustainU_dgtl-CalEvent-01.jpg"        alt="Trash Talkers"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240820T221048Z
X-ACCESS:1
X-HITS:549
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240912T140000
DTEND;TZID=America/Los_Angeles:20240912T150000
UID:0137808C-F9BF-44B6-B74B-4DF8CD652435
SUMMARY:Pitch Perfect Planet
DTSTAMP:20240823T160939Z
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. 12\N\N            \N          \N  \N          \N          \N            \N              \N                \N                  \N                \N                Location\N              \N              \N  \N                USU 205\N            \N            \N          \N  \N          \N          \N            \N              \N                \N              \N              Time\N            \N            2 to 3 p.m.\N            \N          \N        \N      \N  \N      \N      \N        \N          Description\N          \N            \N            !-- Lorem ipsum dolor sit amet. -->\N            \N            \N                Discover the future of music at Pitch Perfect Planet! This workshop is dedicated to exploring sustainable practices within the music industry. Learn how artists and producers are reducing their environmental impact through production, distribution and live events. Engage with like-minded individuals, gain practical insights and leave with actionable steps to make your own music activities greener. Plus, enjoy a chance to win eco-friendly giveaways in our exciting opportunity drawing! \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">Sept. 12            </p>          </div>            <!-- LOCATION -->          <div>            <div>              <div itemprop="location" itemscope="itemscope" itemtype="http://schema.org/Place" class="event-location">                <div class="event-title-icon">                  <img src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png" class="location-icon" />                </div>                <p class="event-title-head">Location</p>              </div>              <p class="event-title-text event-title-text-line">                  USU 205            </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">2 to 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">Lorem ipsum dolor sit amet.</div> -->            <!-- EVENT CONTENT -->            <p>                Discover the future of music at Pitch Perfect Planet! This workshop is dedicated to exploring sustainable practices within the music industry. Learn how artists and producers are reducing their environmental impact through production, distribution and live events. Engage with like-minded individuals, gain practical insights and leave with actionable steps to make your own music activities greener. Plus, enjoy a chance to win eco-friendly giveaways in our exciting opportunity drawing!             </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_SustainU_Pitch_Perfect_Planet_dgtl-CalEvent-01.jpg"          alt="Pitch Perfect Planet - Sept 12 - USU 205" />          {loadmoduleid 368}      </div>    </div>  </div>
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:1056
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240916T120000
DTEND;TZID=America/Los_Angeles:20240916T130000
UID:C0429417-1BA8-4A0F-923B-3E585B7D4B56
SUMMARY:Plant a Plant
DTSTAMP:20240909T224722Z
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. 16\N\N                    \N                \N\N                \N                \N                    \N                        \N                            \N                                \N                            \N                            Location\N                        \N                        \N\N                            Grow Beach Garden\N\N                        \N                    \N                \N\N                \N                \N                    \N                        \N                            \N                        \N                        Time\N                    \N                    12 to 1 p.m.\N                    \N                \N            \N        \N\N        \N        \N            \N                Description\N                \N                    \N                    !-- Lorem ipsum dolor sit amet. -->\N                    \N                    \N                        Join Sustain U and Counseling and Psychological Services (CAPS) at the Grow Beach Garden to\N                        explore the mental health benefits of succulents! Learn about the calming effects of caring for\N                        succulents and create your own arrangement to take home. Plant a Plant is designed to help you\N                        relax and connect with nature! RSVP on Events & Orgs.\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">Sept. 16                    </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">                            Grow Beach Garden                        </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">12 to 1 p.m.                    </p>                </div>            </div>        </div>        <!-- ***  EVENT DESCRIPTION  *** -->        <div class="event-description">            <div style="padding: 20px">                <p class="event-title-head">Description</p>                <div itemprop="description">                    <!-- Special Announcement if needed -->                    <!-- <div class="event-announcement">Lorem ipsum dolor sit amet.</div> -->                    <!-- EVENT CONTENT -->                    <p>                        Join Sustain U and Counseling and Psychological Services (CAPS) at the Grow Beach Garden to                        explore the mental health benefits of succulents! Learn about the calming effects of caring for                        succulents and create your own arrangement to take home. Plant a Plant is designed to help you                        relax and connect with nature! RSVP on <a href="https://csulb.campuslabs.com/engage/event/10182425" target="_blank" rel="noopener noreferrer">Events & Orgs</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/F24_SustainU_Plant-a-Plant-dgtl-IGpost-01_1.jpg"                alt="Plant a Plant - Sept. 16 - Grow Beach Garden" />            {loadmoduleid 368}        </div>    </div></div>
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:361
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240918T120000
DTEND;TZID=America/Los_Angeles:20240918T130000
UID:B6902439-D5DC-41C0-BF45-3848F03444E1
SUMMARY:Trash Talkers
DTSTAMP:20240820T215714Z
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. 18\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  12 to 1 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join us for Trash Talkers, an educational tabling event to\N                      learn about proper waste disposal practices! Through fun\N                      activities and interactive games, get ready to test your\N                      skills. Let's come together to clean up, recycle and\N                      protect our environment while having a blast. Don't miss\N                      out on this opportunity to be part of a cheerful community\N                      effort toward a cleaner, greener future!\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/SM24_SustainU_dgtl-CalEvent-01.jpg&quot;\N        alt=&quot;Trash Talkers&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">Sept. 18</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 West Patio</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">12 to 1 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>                      Join us for Trash Talkers, an educational tabling event to                      learn about proper waste disposal practices! Through fun                      activities and interactive games, get ready to test your                      skills. Let's come together to clean up, recycle and                      protect our environment while having a blast. Don't miss                      out on this opportunity to be part of a cheerful community                      effort toward a cleaner, greener future!                    </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/SM24_SustainU_dgtl-CalEvent-01.jpg"        alt="Trash Talkers"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:896
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240923T120000
DTEND;TZID=America/Los_Angeles:20240923T130000
UID:3C12AE41-F8E5-45E2-BCBF-EAA01E802802
SUMMARY:Compost Happens
DTSTAMP:20240923T184730Z
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. 23, Oct. 14 & Nov. 4\N            \N          \N  \N          \N          \N            \N              \N                \N                  \N                \N                Location\N              \N              \N  \N                Grow Beach\N              \N            \N          \N  \N          \N          \N            \N              \N                \N              \N              Time\N            \N            12 - 1 p.m.\N          \N        \N      \N  \N      \N      \N        \N          Description\N          \N            \N            !-- Lorem ipsum dolor sit amet. -->\N            \N            \N              Join Sustain U at the Grow Beach Garden near Friendship Walk to discover the wonders of composting! Learn what compost is, how it benefits the environment, and create your own compost. This event is designed to help you connect with nature and promote sustainable living. \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">Sept. 23, Oct. 14 & Nov. 4            </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">                  Grow Beach              </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">12 - 1 p.m.</p>          </div>        </div>      </div>        <!-- ***  EVENT DESCRIPTION  *** -->      <div class="event-description">        <div style="padding: 20px">          <p class="event-title-head">Description</p>          <div itemprop="description">            <!-- Special Announcement if needed -->            <!-- <div class="event-announcement">Lorem ipsum dolor sit amet.</div> -->            <!-- EVENT CONTENT -->            <p>              Join Sustain U at the Grow Beach Garden near Friendship Walk to discover the wonders of composting! Learn what compost is, how it benefits the environment, and create your own compost. This event is designed to help you connect with nature and promote sustainable living.             </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_SUSTAINU_COMPOST-HAPPENS_CALEVENT2.png"            alt="Compost Happens Event - Learn Composting at Grow Beach Garden" />          {loadmoduleid 368}      </div>    </div>  </div>
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:55
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20240926T140000
DTEND;TZID=America/Los_Angeles:20240926T153000
UID:07FC7B48-FB1D-4A65-B490-2B81A178B751
SUMMARY:Pass the Plate: Lettuce Wraps
DTSTAMP:20240912T203327Z
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. 26\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            2 to 3:30 p.m.\N          \N        \N      \N  \N      \N      \N        \N          Description\N          \N            \N            !-- Lorem ipsum dolor sit amet. -->\N            \N            \N              Participants will learn the step-by-step process for making delicious Lettuce Wraps, including identifying the necessary kitchen tools and appliances. By the end of the session, they will feel confident replicating the recipe in their own kitchens and sharing it with others. Additionally, participants will understand the nutritional value of lettuce and know where to access free campus resources for food support.\N\N            \N            Register for the event on Events & Orgs. \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. 26            </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">2 to 3:30 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>              Participants will learn the step-by-step process for making delicious Lettuce Wraps, including identifying the necessary kitchen tools and appliances. By the end of the session, they will feel confident replicating the recipe in their own kitchens and sharing it with others. Additionally, participants will understand the nutritional value of lettuce and know where to access free campus resources for food support.            </p>            <p>Register for the event on <a href="https://csulb.campuslabs.com/engage/" target="_blank" rel="noopener noreferrer">Events & Orgs.</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/PassThePlate/F24_SustainU_Pass_the_Plate-LettuceWraps_dgtl-CalEvent.jpg"          alt="Pass the Plate: Lettuce Wraps" />          {loadmoduleid 368}      </div>    </div>  </div>
LOCATION:
GEO:33.78112505;-118.11376656
LAST-MODIFIED:20240912T212138Z
X-ACCESS:1
X-HITS:1442
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241002T120000
DTEND;TZID=America/Los_Angeles:20241002T130000
RRULE:FREQ=WEEKLY;BYDAY=WE;INTERVAL=2;UNTIL=20241204T235900Z
EXDATE:20241127T200000Z
UID:30D3B895-5CC6-4349-9E30-3C2C62F314EE
SUMMARY:Trash Talkers
DTSTAMP:20240820T215714Z
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                  Various\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  12 to 1 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join us for Trash Talkers, an educational tabling event to\N                      learn about proper waste disposal practices! Through fun\N                      activities and interactive games, get ready to test your\N                      skills. Let's come together to clean up, recycle and\N                      protect our environment while having a blast. Don't miss\N                      out on this opportunity to be part of a cheerful community\N                      effort toward a cleaner, greener future!\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/SM24_SustainU_dgtl-CalEvent-01.jpg&quot;\N        alt=&quot;Trash Talkers&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">Various</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 West Patio</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">12 to 1 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>                      Join us for Trash Talkers, an educational tabling event to                      learn about proper waste disposal practices! Through fun                      activities and interactive games, get ready to test your                      skills. Let's come together to clean up, recycle and                      protect our environment while having a blast. Don't miss                      out on this opportunity to be part of a cheerful community                      effort toward a cleaner, greener future!                    </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/SM24_SustainU_dgtl-CalEvent-01.jpg"        alt="Trash Talkers"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240820T220125Z
X-ACCESS:1
X-HITS:0
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241002T120000
DTEND;TZID=America/Los_Angeles:20241002T130000
UID:30D3B895-5CC6-4349-9E30-3C2C62F314EE
RECURRENCE-ID:20241002T190000Z
SUMMARY:Trash Talkers
DTSTAMP:20240820T215714Z
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. 2\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  12 to 1 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join us for Trash Talkers, an educational tabling event to\N                      learn about proper waste disposal practices! Through fun\N                      activities and interactive games, get ready to test your\N                      skills. Let's come together to clean up, recycle and\N                      protect our environment while having a blast. Don't miss\N                      out on this opportunity to be part of a cheerful community\N                      effort toward a cleaner, greener future!\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/SM24_SustainU_dgtl-CalEvent-01.jpg&quot;\N        alt=&quot;Trash Talkers&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. 2</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 West Patio</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">12 to 1 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>                      Join us for Trash Talkers, an educational tabling event to                      learn about proper waste disposal practices! Through fun                      activities and interactive games, get ready to test your                      skills. Let's come together to clean up, recycle and                      protect our environment while having a blast. Don't miss                      out on this opportunity to be part of a cheerful community                      effort toward a cleaner, greener future!                    </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/SM24_SustainU_dgtl-CalEvent-01.jpg"        alt="Trash Talkers"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240820T220343Z
X-ACCESS:1
X-HITS:766
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241016T120000
DTEND;TZID=America/Los_Angeles:20241016T130000
UID:30D3B895-5CC6-4349-9E30-3C2C62F314EE
RECURRENCE-ID:20241016T190000Z
SUMMARY:Trash Talkers
DTSTAMP:20240820T215714Z
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. 16\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  12 to 1 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join us for Trash Talkers, an educational tabling event to\N                      learn about proper waste disposal practices! Through fun\N                      activities and interactive games, get ready to test your\N                      skills. Let's come together to clean up, recycle and\N                      protect our environment while having a blast. Don't miss\N                      out on this opportunity to be part of a cheerful community\N                      effort toward a cleaner, greener future!\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/SM24_SustainU_dgtl-CalEvent-01.jpg&quot;\N        alt=&quot;Trash Talkers&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. 16</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 West Patio</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">12 to 1 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>                      Join us for Trash Talkers, an educational tabling event to                      learn about proper waste disposal practices! Through fun                      activities and interactive games, get ready to test your                      skills. Let's come together to clean up, recycle and                      protect our environment while having a blast. Don't miss                      out on this opportunity to be part of a cheerful community                      effort toward a cleaner, greener future!                    </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/SM24_SustainU_dgtl-CalEvent-01.jpg"        alt="Trash Talkers"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240820T220356Z
X-ACCESS:1
X-HITS:650
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241030T120000
DTEND;TZID=America/Los_Angeles:20241030T130000
UID:30D3B895-5CC6-4349-9E30-3C2C62F314EE
RECURRENCE-ID:20241030T190000Z
SUMMARY:Trash Talkers
DTSTAMP:20240820T215714Z
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. 30\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  12 to 1 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join us for Trash Talkers, an educational tabling event to\N                      learn about proper waste disposal practices! Through fun\N                      activities and interactive games, get ready to test your\N                      skills. Let's come together to clean up, recycle and\N                      protect our environment while having a blast. Don't miss\N                      out on this opportunity to be part of a cheerful community\N                      effort toward a cleaner, greener future!\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/SM24_SustainU_dgtl-CalEvent-01.jpg&quot;\N        alt=&quot;Trash Talkers&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. 30</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 West Patio</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">12 to 1 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>                      Join us for Trash Talkers, an educational tabling event to                      learn about proper waste disposal practices! Through fun                      activities and interactive games, get ready to test your                      skills. Let's come together to clean up, recycle and                      protect our environment while having a blast. Don't miss                      out on this opportunity to be part of a cheerful community                      effort toward a cleaner, greener future!                    </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/SM24_SustainU_dgtl-CalEvent-01.jpg"        alt="Trash Talkers"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240820T220410Z
X-ACCESS:1
X-HITS:615
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241113T120000
DTEND;TZID=America/Los_Angeles:20241113T130000
UID:30D3B895-5CC6-4349-9E30-3C2C62F314EE
RECURRENCE-ID:20241113T200000Z
SUMMARY:Trash Talkers
DTSTAMP:20240820T215714Z
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                  Nov. 13\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  12 to 1 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join us for Trash Talkers, an educational tabling event to\N                      learn about proper waste disposal practices! Through fun\N                      activities and interactive games, get ready to test your\N                      skills. Let's come together to clean up, recycle and\N                      protect our environment while having a blast. Don't miss\N                      out on this opportunity to be part of a cheerful community\N                      effort toward a cleaner, greener future!\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/SM24_SustainU_dgtl-CalEvent-01.jpg&quot;\N        alt=&quot;Trash Talkers&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">Nov. 13</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 West Patio</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">12 to 1 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>                      Join us for Trash Talkers, an educational tabling event to                      learn about proper waste disposal practices! Through fun                      activities and interactive games, get ready to test your                      skills. Let's come together to clean up, recycle and                      protect our environment while having a blast. Don't miss                      out on this opportunity to be part of a cheerful community                      effort toward a cleaner, greener future!                    </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/SM24_SustainU_dgtl-CalEvent-01.jpg"        alt="Trash Talkers"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240820T220424Z
X-ACCESS:1
X-HITS:556
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241002T120000
DTEND;TZID=America/Los_Angeles:20241002T130000
UID:B8B59B3A-6476-4F7A-A2CB-896555C44E69
SUMMARY:Sustain U Outreach Meetings
DTSTAMP:20240912T211852Z
DESCRIPTION:\N\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N\N  .event-container {\N    display: flex;\N    gap: 20px;\N  }\N\N  .event-left,\N  .event-right {\N    width: 50%;\N  }\N\N  .event-location,\N  .event-time,\N  .event-date {\N    display: flex;\N    gap: 10px;\N  }\N\N  .date-icon,\N  .time-icon,\N  .location-icon {\N    height: 25px !important;\N  }\N\N  .event-dtl {\N    display: flex;\N    justify-content: space-between;\N  }\N\N  .event-announcement {\N    color: #e54268;\N    text-align: center;\N    font-size: 1.8rem;\N    width: 80%;\N    padding: 20px;\N    border: 1px solid #e54268;\N    border-radius: 20px;\N    margin: 15px auto;\N    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\N  }\N\N  .event-dtl-container {\N    background-color: white;\N    border-radius: 20px;\N    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\N    margin-bottom: 20px;\N    padding: 20px;\N  }\N\N  .event-description {\N    background-color: white;\N    border-radius: 20px;\N    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\N  }\N\N  @media (max-width: 850px) {\N    .event-container {\N      flex-direction: column;\N      margin-left: -10px;\N      margin-right: -10px;\N    }\N\N    .event-left,\N    .event-right {\N      width: 100%;\N    }\N  }\N\N  @media (max-width: 700px) {\N\N    .event-location,\N    .event-time,\N    .event-date {\N      flex-direction: column;\N      justify-content: center;\N    }\N  }\N\N  @media (max-width: 650px) {\N    .event-dtl {\N      /* display: flex; */\N      flex-direction: column;\N      justify-content: center;\N      text-align: center;\N    }\N\N    .date-icon,\N    .time-icon,\N    .location-icon {\N      margin: 0 auto;\N    }\N\N    .event-title-text-line {\N      border-bottom: 2px solid rgba(0, 0, 0, 0.086);\N    }\N  }\N\N\N\N  \N\N  \N  \N    \N      \N        \N        \N          \N            \N              \N            \N            Date\N          \N          Oct. 2 & Nov. 20\N\N          \N        \N\N        \N        \N          \N            \N              \N                \N              \N              Location\N            \N            USU 303\N            \N          \N        \N\N        \N        \N          \N            \N              \N            \N            Time\N          \N          12 to 1 p.m.\N        \N      \N    \N\N    \N    \N      \N        Description\N        \N          \N          !-- Lorem ipsum dolor sit amet. -->\N          \N          \N            Engage and influence the future of sustainability with Sustain U’s Outreach Meetings! Take part in fun, interactive activities to learn more about Sustain U! Understand our future sustainability plans for The Beach community. Ask questions and provide insights to make an impact on campus. Your voice matters in crafting a greener tomorrow, so don’t miss out on this event! Securing your spot with an RSVP at Events & Orgs is highly recommended! Join us in shaping the future of sustainability at Long Beach State University (LBSU).\N\N          \N        \N        \N      \N    \N  \N\N  \N  \N    \N      \N\N      {loadmoduleid 368}\N    \N  \N
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated March 18, 2024 --><style>  .event-title-head {    font-weight: bold;    font-size: 20px;    color: darkgoldenrod;  }  .event-title-text {    font-weight: 500;    font-size: 15px;    line-height: 17px;    font-weight: bold;  }  .event-title-icon {    margin-top: 6px;    display: flex;    justify-content: left;  }  .event-video-main {    display: flex;    justify-content: center;    margin-bottom: 20px;  }  .history-btn {    display: flex;    justify-content: center;  }  .button-71 {    background-color: #007daa;    border: 0;    border-radius: 56px;    color: #fff;    cursor: pointer;    display: inline-block;    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */    font-size: 18px;    font-weight: 600;    outline: 0;    padding: 16px 21px;    position: relative;    text-align: center;    text-decoration: none;    transition: all 0.3s;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;  }  .button-71:before {    background-color: initial;    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);    border-radius: 125px;    content: "";    height: 50%;    left: 4%;    opacity: 0.5;    position: absolute;    top: 0;    transition: all 0.3s;    width: 92%;  }  .button-71:hover {    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;    transform: scale(1.05);  }  .event-container {    display: flex;    gap: 20px;  }  .event-left,  .event-right {    width: 50%;  }  .event-location,  .event-time,  .event-date {    display: flex;    gap: 10px;  }  .date-icon,  .time-icon,  .location-icon {    height: 25px !important;  }  .event-dtl {    display: flex;    justify-content: space-between;  }  .event-announcement {    color: #e54268;    text-align: center;    font-size: 1.8rem;    width: 80%;    padding: 20px;    border: 1px solid #e54268;    border-radius: 20px;    margin: 15px auto;    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;  }  .event-dtl-container {    background-color: white;    border-radius: 20px;    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;    margin-bottom: 20px;    padding: 20px;  }  .event-description {    background-color: white;    border-radius: 20px;    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;  }  @media (max-width: 850px) {    .event-container {      flex-direction: column;      margin-left: -10px;      margin-right: -10px;    }    .event-left,    .event-right {      width: 100%;    }  }  @media (max-width: 700px) {    .event-location,    .event-time,    .event-date {      flex-direction: column;      justify-content: center;    }  }  @media (max-width: 650px) {    .event-dtl {      /* display: flex; */      flex-direction: column;      justify-content: center;      text-align: center;    }    .date-icon,    .time-icon,    .location-icon {      margin: 0 auto;    }    .event-title-text-line {      border-bottom: 2px solid rgba(0, 0, 0, 0.086);    }  }</style><div class="event-container">  <!-- *********************      START OF LEFT SIDE  ********************** -->  <!-- *** DATE, TIME, LOCATION *** -->  <div class="event-left">    <div class="event-dtl-container">      <div class="event-dtl">        <!-- DATE -->        <div itemprop="startDate" content="2024-05-2">          <div class="event-date">            <div class="event-title-icon">              <img src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png" class="date-icon" />            </div>            <p class="event-title-head">Date</p>          </div>          <p class="event-title-text event-title-text-line">Oct. 2 & Nov. 20          </p>        </div>        <!-- LOCATION -->        <div>          <div>            <div itemprop="location" itemscope="itemscope" itemtype="http://schema.org/Place" class="event-location">              <div class="event-title-icon">                <img src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png" class="location-icon" />              </div>              <p class="event-title-head">Location</p>            </div>            <p class="event-title-text event-title-text-line">USU 303            </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">12 to 1 p.m.</p>        </div>      </div>    </div>    <!-- ***  EVENT DESCRIPTION  *** -->    <div class="event-description">      <div style="padding: 20px">        <p class="event-title-head">Description</p>        <div itemprop="description">          <!-- Special Announcement if needed -->          <!-- <div class="event-announcement">Lorem ipsum dolor sit amet.</div> -->          <!-- EVENT CONTENT -->          <p>            Engage and influence the future of sustainability with Sustain U’s Outreach Meetings! Take part in fun, interactive activities to learn more about Sustain U! Understand our future sustainability plans for The Beach community. Ask questions and provide insights to make an impact on campus. Your voice matters in crafting a greener tomorrow, so don’t miss out on this event! Securing your spot with an RSVP at Events & Orgs is highly recommended! Join us in shaping the future of sustainability at Long Beach State University (LBSU).          </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_SustainU_Outreach_Meetings_dgtl-CalEvent.jpg"        alt="Sustain U Outreach Meetings        - Oct. 2 & Nov. 20 - USU 303        " />      {loadmoduleid 368}    </div>  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:1057
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241007T120000
DTEND;TZID=America/Los_Angeles:20241007T130000
UID:E37A489E-874F-4E2E-85AA-F8FC8171969E
SUMMARY:Pot it Like it's Hot
DTSTAMP:20240919T212853Z
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. 7\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      HSCI 110\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                     Join Sustain U at the Grow Beach Garden to discover the joys of houseplants and composting! Select and care for indoor plants and learn the basics of composting to create nutrient-rich soil. This is a perfect opportunity to green your living space and contribute to a sustainable environment! RSVP on Events & Orgs. \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_SustainU_Pot-it-Like-its-Hot_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Pot it like its hot event on Oct. 7 from 12 to 1pm at The Beach Garden&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. 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">HSCI 110</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">12 to 1 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>Join Sustain U at the Grow Beach Garden to discover the joys of houseplants and composting! Select and care for indoor plants and learn the basics of composting to create nutrient-rich soil. This is a perfect opportunity to green your living space and contribute to a sustainable environment! RSVP on <a href="https://csulb.campuslabs.com/engage/event/10182425" target="_blank" rel="noopener noreferrer"                        ><b>Events & Orgs</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_SustainU_Pot-it-Like-its-Hot_dgtl-CalEvent.jpg"          alt="Pot it like its hot event on Oct. 7 from 12 to 1pm at The Beach Garden"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240919T222305Z
X-ACCESS:1
X-HITS:835
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241010T140000
DTEND;TZID=America/Los_Angeles:20241010T150000
UID:2AA5200F-07E5-4EA3-AC11-B29868A695BE
SUMMARY:See the World, Save the World
DTSTAMP:20240805T161608Z
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            Oct. 10\N          \N  \N          \N          \N            \N              \N                  Location\N              \N              USU 205\N            \N          \N  \N          \N          \N            \N              \N                Time\N            \N            2 to 3 p.m.\N          \N        \N      \N  \N      \N      \N        \N          Description\N          \N            \N            !-- Lorem ipsum dolor sit amet. -->\N            \N            Join Sustain U for See the World, Save the World! Discover how to explore the globe responsibly and ethically. This workshop will equip you with essential knowledge on sustainable travel, minimizing your ecological footprint and the concept of overtourism. Together, let's ensure that every adventure preserves the beauty and integrity of our planet for future generations. Don't miss the opportunity to become a conscious traveler and make every journey count!\N          \N          \N        \N      \N    \N  \N    \N    \N      \N        img\N          style="width: 100%; margin-bottom: 20px&quot;\N          src=&quot;images/cal/Summer-24/F24_SustainU_See-the-World-Save-the-World_dgtl-CalEvent.jpg&quot;\N          alt=&quot;event flier for october 10 from 2 - 3 p.m. at USU 205&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">Oct. 10</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">USU 205</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">2 to 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">Lorem ipsum dolor sit amet.</div> -->            <!-- EVENT CONTENT -->            <p>Join Sustain U for See the World, Save the World! Discover how to explore the globe responsibly and ethically. This workshop will equip you with essential knowledge on sustainable travel, minimizing your ecological footprint and the concept of overtourism. Together, let's ensure that every adventure preserves the beauty and integrity of our planet for future generations. Don't miss the opportunity to become a conscious traveler and make every journey count!</p>                    </div>        </div>      </div>    </div>      <!-- *********************          START OF RIGHT SIDE      ********************** -->    <div class="event-right">      <div>        <img          style="width: 100%; margin-bottom: 20px"          src="images/cal/Summer-24/F24_SustainU_See-the-World-Save-the-World_dgtl-CalEvent.jpg"          alt="event flier for october 10 from 2 - 3 p.m. at USU 205"        />          {loadmoduleid 368}      </div>    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240805T161654Z
X-ACCESS:1
X-HITS:1021
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241014T120000
DTEND;TZID=America/Los_Angeles:20241014T130000
UID:0AC26D78-A3A3-4D74-B8F0-2DD839E3FB5D
SUMMARY:Compost Happens
DTSTAMP:20240923T184730Z
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. 23, Oct. 14 & Nov. 4\N            \N          \N  \N          \N          \N            \N              \N                \N                  \N                \N                Location\N              \N              \N  \N                Grow Beach\N              \N            \N          \N  \N          \N          \N            \N              \N                \N              \N              Time\N            \N            12 - 1 p.m.\N          \N        \N      \N  \N      \N      \N        \N          Description\N          \N            \N            !-- Lorem ipsum dolor sit amet. -->\N            \N            \N              Join Sustain U at the Grow Beach Garden near Friendship Walk to discover the wonders of composting! Learn what compost is, how it benefits the environment, and create your own compost. This event is designed to help you connect with nature and promote sustainable living. \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">Sept. 23, Oct. 14 & Nov. 4            </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">                  Grow Beach              </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">12 - 1 p.m.</p>          </div>        </div>      </div>        <!-- ***  EVENT DESCRIPTION  *** -->      <div class="event-description">        <div style="padding: 20px">          <p class="event-title-head">Description</p>          <div itemprop="description">            <!-- Special Announcement if needed -->            <!-- <div class="event-announcement">Lorem ipsum dolor sit amet.</div> -->            <!-- EVENT CONTENT -->            <p>              Join Sustain U at the Grow Beach Garden near Friendship Walk to discover the wonders of composting! Learn what compost is, how it benefits the environment, and create your own compost. This event is designed to help you connect with nature and promote sustainable living.             </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_SUSTAINU_COMPOST-HAPPENS_CALEVENT2.png"            alt="Compost Happens Event - Learn Composting at Grow Beach Garden" />          {loadmoduleid 368}      </div>    </div>  </div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240923T185110Z
X-ACCESS:1
X-HITS:1016
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241021T140000
DTEND;TZID=America/Los_Angeles:20241021T150000
UID:CC15991A-F8E4-4619-A354-46DDA057D42C
SUMMARY:Conscious Couture
DTSTAMP:20240924T153921Z
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. 21\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU 205\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    2 to 3 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                        Discover the hidden truths behind the fast fashion industry at Sustain U’s Conscious Couture! Delve into the harsh realities of exploitative working environments and the severe environmental impacts caused by rapid garment production. This session aims to educate about the true cost of cheap fashion and highlight the ecological toll it takes. Join us and learn how to make ethical and sustainable choices. Become part of the movement towards a more responsible and conscientious fashion future! Don't forget to reserve your spot on Events & Orgs!\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/cal/Fall-2024/F24_SustainU_dgtl-CalEvent_1.jpg&quot;\N          alt=&quot;Conscious Couture Oct 21 from 2 to 3 pm at USU 205&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. 21</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 205</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">2 to 3 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>                        Discover the hidden truths behind the fast fashion industry at Sustain U’s Conscious Couture! Delve into the harsh realities of exploitative working environments and the severe environmental impacts caused by rapid garment production. This session aims to educate about the true cost of cheap fashion and highlight the ecological toll it takes. Join us and learn how to make ethical and sustainable choices. Become part of the movement towards a more responsible and conscientious fashion future! Don't forget to reserve your spot on <a href="https://csulb.campuslabs.com/engage/event/10182419"><b>Events & Orgs</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_SustainU_dgtl-CalEvent_1.jpg"          alt="Conscious Couture Oct 21 from 2 to 3 pm at USU 205"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240924T154103Z
X-ACCESS:1
X-HITS:1026
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241024T140000
DTEND;TZID=America/Los_Angeles:20241024T153000
UID:46590441-C66F-4593-B339-672B3DAEC76C
SUMMARY:Pass the Plate: Cauliflower Tacos
DTSTAMP:20240912T203327Z
DESCRIPTION:  \N  \N\N  \N    .event-title-head {\N      font-weight: bold;\N      font-size: 20px;\N      color: darkgoldenrod;\N    }\N\N    .event-title-text {\N      font-weight: 500;\N      font-size: 15px;\N      line-height: 17px;\N      font-weight: bold;\N    }\N\N    .event-title-icon {\N      margin-top: 6px;\N      display: flex;\N      justify-content: left;\N    }\N\N    .event-video-main {\N      display: flex;\N      justify-content: center;\N      margin-bottom: 20px;\N    }\N\N    .history-btn {\N      display: flex;\N      justify-content: center;\N    }\N\N    .button-71 {\N      background-color: #007daa;\N      border: 0;\N      border-radius: 56px;\N      color: #fff;\N      cursor: pointer;\N      display: inline-block;\N      /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N      font-size: 18px;\N      font-weight: 600;\N      outline: 0;\N      padding: 16px 21px;\N      position: relative;\N      text-align: center;\N      text-decoration: none;\N      transition: all 0.3s;\N      user-select: none;\N      -webkit-user-select: none;\N      touch-action: manipulation;\N    }\N\N    .button-71:before {\N      background-color: initial;\N      background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N      border-radius: 125px;\N      content: "";\N      height: 50%;\N      left: 4%;\N      opacity: 0.5;\N      position: absolute;\N      top: 0;\N      transition: all 0.3s;\N      width: 92%;\N    }\N\N    .button-71:hover {\N      box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N        rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N      transform: scale(1.05);\N    }\N\N    .event-container {\N      display: flex;\N      gap: 20px;\N    }\N\N    .event-left,\N    .event-right {\N      width: 50%;\N    }\N\N    .event-location,\N    .event-time,\N    .event-date {\N      display: flex;\N      gap: 10px;\N    }\N\N    .date-icon,\N    .time-icon,\N    .location-icon {\N      height: 25px !important;\N    }\N\N    .event-dtl {\N      display: flex;\N      justify-content: space-between;\N    }\N\N    .event-announcement {\N      color: #e54268;\N      text-align: center;\N      font-size: 1.8rem;\N      width: 80%;\N      padding: 20px;\N      border: 1px solid #e54268;\N      border-radius: 20px;\N      margin: 15px auto;\N      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\N    }\N\N    .event-dtl-container {\N      background-color: white;\N      border-radius: 20px;\N      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\N      margin-bottom: 20px;\N      padding: 20px;\N    }\N\N    .event-description {\N      background-color: white;\N      border-radius: 20px;\N      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\N    }\N\N    @media (max-width: 850px) {\N      .event-container {\N        flex-direction: column;\N        margin-left: -10px;\N        margin-right: -10px;\N      }\N\N      .event-left,\N      .event-right {\N        width: 100%;\N      }\N    }\N\N    @media (max-width: 700px) {\N\N      .event-location,\N      .event-time,\N      .event-date {\N        flex-direction: column;\N        justify-content: center;\N      }\N    }\N\N    @media (max-width: 650px) {\N      .event-dtl {\N        /* display: flex; */\N        flex-direction: column;\N        justify-content: center;\N        text-align: center;\N      }\N\N      .date-icon,\N      .time-icon,\N      .location-icon {\N        margin: 0 auto;\N      }\N\N      .event-title-text-line {\N        border-bottom: 2px solid rgba(0, 0, 0, 0.086);\N      }\N    }\N  \N\N  \N    \N\N    \N    \N      \N        \N          \N          \N            \N              \N                \N              \N              Date\N            \N            Oct. 24\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            2 to 3:30 p.m.\N          \N        \N      \N\N      \N      \N        \N          Description\N          \N            \N            !-- Lorem ipsum dolor sit amet. -->\N            \N            \N              Participants will learn the step-by-step process for making delicious Cauliflower Tacos, including identifying the necessary kitchen tools and appliances. By the end of the session, they will feel confident replicating the recipe in their own kitchens and sharing it with others. Additionally, participants will understand the nutritional value of cauliflower and know where to access free campus resources for food support. This event is in collaboration with The Learning Center, which supports student academic success and promotes independent, lifelong learning.\N\N            \N            Register for the event on Events & Orgs. \N            \N          \N          \N        \N      \N    \N\N    \N    \N      \N        \N\N        {loadmoduleid 368}\N      \N    \N  
X-ALT-DESC;FMTTYPE=text/html:  <!-- basic template for all events  -->  <!-- Updated March 18, 2024 -->  <style>    .event-title-head {      font-weight: bold;      font-size: 20px;      color: darkgoldenrod;    }    .event-title-text {      font-weight: 500;      font-size: 15px;      line-height: 17px;      font-weight: bold;    }    .event-title-icon {      margin-top: 6px;      display: flex;      justify-content: left;    }    .event-video-main {      display: flex;      justify-content: center;      margin-bottom: 20px;    }    .history-btn {      display: flex;      justify-content: center;    }    .button-71 {      background-color: #007daa;      border: 0;      border-radius: 56px;      color: #fff;      cursor: pointer;      display: inline-block;      /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */      font-size: 18px;      font-weight: 600;      outline: 0;      padding: 16px 21px;      position: relative;      text-align: center;      text-decoration: none;      transition: all 0.3s;      user-select: none;      -webkit-user-select: none;      touch-action: manipulation;    }    .button-71:before {      background-color: initial;      background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);      border-radius: 125px;      content: "";      height: 50%;      left: 4%;      opacity: 0.5;      position: absolute;      top: 0;      transition: all 0.3s;      width: 92%;    }    .button-71:hover {      box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,        rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;      transform: scale(1.05);    }    .event-container {      display: flex;      gap: 20px;    }    .event-left,    .event-right {      width: 50%;    }    .event-location,    .event-time,    .event-date {      display: flex;      gap: 10px;    }    .date-icon,    .time-icon,    .location-icon {      height: 25px !important;    }    .event-dtl {      display: flex;      justify-content: space-between;    }    .event-announcement {      color: #e54268;      text-align: center;      font-size: 1.8rem;      width: 80%;      padding: 20px;      border: 1px solid #e54268;      border-radius: 20px;      margin: 15px auto;      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;    }    .event-dtl-container {      background-color: white;      border-radius: 20px;      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;      margin-bottom: 20px;      padding: 20px;    }    .event-description {      background-color: white;      border-radius: 20px;      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;    }    @media (max-width: 850px) {      .event-container {        flex-direction: column;        margin-left: -10px;        margin-right: -10px;      }      .event-left,      .event-right {        width: 100%;      }    }    @media (max-width: 700px) {      .event-location,      .event-time,      .event-date {        flex-direction: column;        justify-content: center;      }    }    @media (max-width: 650px) {      .event-dtl {        /* display: flex; */        flex-direction: column;        justify-content: center;        text-align: center;      }      .date-icon,      .time-icon,      .location-icon {        margin: 0 auto;      }      .event-title-text-line {        border-bottom: 2px solid rgba(0, 0, 0, 0.086);      }    }  </style>  <div class="event-container">    <!-- *********************        START OF LEFT SIDE    ********************** -->    <!-- *** DATE, TIME, LOCATION *** -->    <div class="event-left">      <div class="event-dtl-container">        <div class="event-dtl">          <!-- DATE -->          <div itemprop="startDate" content="2024-05-2">            <div class="event-date">              <div class="event-title-icon">                <img src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png" class="date-icon" />              </div>              <p class="event-title-head">Date</p>            </div>            <p class="event-title-text event-title-text-line">Oct. 24            </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">2 to 3:30 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>              Participants will learn the step-by-step process for making delicious Cauliflower Tacos, including identifying the necessary kitchen tools and appliances. By the end of the session, they will feel confident replicating the recipe in their own kitchens and sharing it with others. Additionally, participants will understand the nutritional value of cauliflower and know where to access free campus resources for food support. This event is in collaboration with The Learning Center, which supports student academic success and promotes independent, lifelong learning.            </p>            <p>Register for the event on <a href="https://csulb.campuslabs.com/engage/" target="_blank" rel="noopener noreferrer">Events & Orgs.</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/PassThePlate/F24_SustainU_Pass_the_Plate-CauliflowerTacos_dgtl-CalEvent_1.jpg"          alt="Pass the Plate: Cauliflower Tacos" />        {loadmoduleid 368}      </div>    </div>  </div>
LOCATION:
GEO:33.78112505;-118.11376656
LAST-MODIFIED:20240912T212124Z
X-ACCESS:1
X-HITS:956
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241028T110000
DTEND;TZID=America/Los_Angeles:20241028T130000
UID:DD7D0DD4-E8C9-4C2E-8B79-B20718C9A054
SUMMARY:Garden Gurus
DTSTAMP:20241021T165922Z
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. 28\N                  \N  \N       \N                \N                  \N                  \N                    \N                        Location\N                      \N                      USU North Lawn\N\N                    \N                  \N                \N             \N           \N                  \N                  \N                    \N                      Time\N                    \N                    11 a.m. to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \NDiscover the world of eco-friendly creativity at Garden Gurus! This immersive workshop is brought to you by Beach Pride Events (BPE) and Sustain U. Dive into hands-on activities like pot painting, tote bag decorating and planting. Have fun and explore the Grow Beach Garden's sustainable practices. This event offers a unique opportunity to blend artistic expression with environmental stewardship! Connect with like-minded individuals and gain practical insights on incorporating sustainability into your creative endeavors. Join us for a day of learning, creating and celebrating the harmony between art and eco-conscious living!\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_BPE_Garden-Gurus_dgtl-CalEvent.jpg&quot;\N          alt=Garden Gurus&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. 28</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 North Lawn</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 1 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>Discover the world of eco-friendly creativity at Garden Gurus! This immersive workshop is brought to you by Beach Pride Events (BPE) and Sustain U. Dive into hands-on activities like pot painting, tote bag decorating and planting. Have fun and explore the Grow Beach Garden's sustainable practices. This event offers a unique opportunity to blend artistic expression with environmental stewardship! Connect with like-minded individuals and gain practical insights on incorporating sustainability into your creative endeavors. Join us for a day of learning, creating and celebrating the harmony between art and eco-conscious living!</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_BPE_Garden-Gurus_dgtl-CalEvent.jpg"          alt=Garden Gurus"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20241021T170307Z
X-ACCESS:1
X-HITS:387
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241031T140000
DTEND;TZID=America/Los_Angeles:20241031T143000
UID:8A03D6C6-4D56-4AE3-8376-429B5953A3F7
SUMMARY:Paint a Pumpkin
DTSTAMP:20231103T181511Z
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\N\N    \N        \N        \N            \N                \N                    \N                        \N                            \N                                \N                                \N                                    \N                                        \N                                    \N                                    Date\N                                    \N                                    Oct. 31\N                                \N\N                                \N                                \N                                    \N                                        \N                                            \N                                        \N                                        Location\N                                        \N                                        Grow Beach Garden\N                                    \N                                \N\N                                \N                                \N                                    \N                                        \N                                    \N                                    Time\N                                    \N                                    2 to 3 p.m.\N                                \N                            \N\N                            \N                            \N                                \N                                    Description\N                                    \N                                    \N\N                                        \N                                         Get ready to unleash your inner artist at Paint a Pumpkin! Let your creativity and the autumn magic come together for an unforgettable experience! Whether you're a seasoned painter or just looking for some festive fun, our pumpkin painting extravaganza is perfect for everyone. Enjoy produce, colorful paints and plenty of pumpkins at the Grow Beach Garden. Bring your friends for a delightful day of artistic expression, and leave with a beautifully decorated pumpkin and cherished memories of fall festivities! Don't forget to RSVP on Events & Orgs to reserve your spot!\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            {loadmoduleid 368}\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;    }    .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">Oct. 31</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">Grow Beach Garden</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">2 to 3 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>                                         Get ready to unleash your inner artist at Paint a Pumpkin! Let your creativity and the autumn magic come together for an unforgettable experience! Whether you're a seasoned painter or just looking for some festive fun, our pumpkin painting extravaganza is perfect for everyone. Enjoy produce, colorful paints and plenty of pumpkins at the Grow Beach Garden. Bring your friends for a delightful day of artistic expression, and leave with a beautifully decorated pumpkin and cherished memories of fall festivities! Don't forget to RSVP on Events & Orgs to reserve your spot!                                        </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_SustainU_PaintaPumpkin_dgtl-CalEvent.jpg"                alt="Paint a Pumpkin" />            {loadmoduleid 368}        </div>        <!-- Technically end of right side -->    </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20241002T220738Z
X-ACCESS:1
X-HITS:1998
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241104T120000
DTEND;TZID=America/Los_Angeles:20241104T130000
UID:DA8F7438-53AD-4424-BE39-33E0975A5886
SUMMARY:Compost Happens
DTSTAMP:20240923T184730Z
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. 23, Oct. 14 & Nov. 4\N            \N          \N  \N          \N          \N            \N              \N                \N                  \N                \N                Location\N              \N              \N  \N                Grow Beach\N              \N            \N          \N  \N          \N          \N            \N              \N                \N              \N              Time\N            \N            12 - 1 p.m.\N          \N        \N      \N  \N      \N      \N        \N          Description\N          \N            \N            !-- Lorem ipsum dolor sit amet. -->\N            \N            \N              Join Sustain U at the Grow Beach Garden near Friendship Walk to discover the wonders of composting! Learn what compost is, how it benefits the environment, and create your own compost. This event is designed to help you connect with nature and promote sustainable living. \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">Sept. 23, Oct. 14 & Nov. 4            </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">                  Grow Beach              </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">12 - 1 p.m.</p>          </div>        </div>      </div>        <!-- ***  EVENT DESCRIPTION  *** -->      <div class="event-description">        <div style="padding: 20px">          <p class="event-title-head">Description</p>          <div itemprop="description">            <!-- Special Announcement if needed -->            <!-- <div class="event-announcement">Lorem ipsum dolor sit amet.</div> -->            <!-- EVENT CONTENT -->            <p>              Join Sustain U at the Grow Beach Garden near Friendship Walk to discover the wonders of composting! Learn what compost is, how it benefits the environment, and create your own compost. This event is designed to help you connect with nature and promote sustainable living.             </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_SUSTAINU_COMPOST-HAPPENS_CALEVENT2.png"            alt="Compost Happens Event - Learn Composting at Grow Beach Garden" />          {loadmoduleid 368}      </div>    </div>  </div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240923T185118Z
X-ACCESS:1
X-HITS:688
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241114T140000
DTEND;TZID=America/Los_Angeles:20241114T153000
UID:98639966-A1EF-414F-99D3-5B779B5A7B26
SUMMARY:Pass the Plate: Tofu Fried Rice
DTSTAMP:20240912T203327Z
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          Nov. 14\N\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          2 to 3:30 p.m.\N        \N      \N    \N\N    \N    \N      \N        Description\N        \N          \N          !-- Lorem ipsum dolor sit amet. -->\N          \N          \N            Participants will learn the step-by-step process for making delicious Tofu Fried Rice, including identifying the necessary kitchen tools and appliances. By the end of the session, they will feel confident replicating the recipe in their own kitchens and sharing it with others. Additionally, participants will understand the nutritional value of tofu and know where to access free campus resources for food support. This event is in collaboration with the Bob Murphy Access Center (BMAC), which supports students with disabilities at Long Beach State University (LBSU) in achieving their educational and career goals.\N\N          \N          Register for the event on Events & Orgs. \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">Nov. 14          </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">2 to 3:30 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>            Participants will learn the step-by-step process for making delicious Tofu Fried Rice, including identifying the necessary kitchen tools and appliances. By the end of the session, they will feel confident replicating the recipe in their own kitchens and sharing it with others. Additionally, participants will understand the nutritional value of tofu and know where to access free campus resources for food support. This event is in collaboration with the Bob Murphy Access Center (BMAC), which supports students with disabilities at Long Beach State University (LBSU) in achieving their educational and career goals.          </p>          <p>Register for the event on <a href="https://csulb.campuslabs.com/engage/" target="_blank" rel="noopener noreferrer">Events & Orgs.</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/PassThePlate/F24_SustainU_Pass_the_Plate-TofuFriedRice_dgtl-CalEvent.jpg"        alt="Pass the Plate: Tofu Fried Rice" />      {loadmoduleid 368}    </div>  </div></div>
LOCATION:
GEO:33.78112505;-118.11376656
LAST-MODIFIED:20240912T212115Z
X-ACCESS:1
X-HITS:1392
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241120T120000
DTEND;TZID=America/Los_Angeles:20241120T130000
UID:087DE578-90A5-4BF1-B97A-20DA4B03D027
SUMMARY:Sustain U Outreach Meetings (2)
DTSTAMP:20240912T211852Z
DESCRIPTION:\N\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N\N  .event-container {\N    display: flex;\N    gap: 20px;\N  }\N\N  .event-left,\N  .event-right {\N    width: 50%;\N  }\N\N  .event-location,\N  .event-time,\N  .event-date {\N    display: flex;\N    gap: 10px;\N  }\N\N  .date-icon,\N  .time-icon,\N  .location-icon {\N    height: 25px !important;\N  }\N\N  .event-dtl {\N    display: flex;\N    justify-content: space-between;\N  }\N\N  .event-announcement {\N    color: #e54268;\N    text-align: center;\N    font-size: 1.8rem;\N    width: 80%;\N    padding: 20px;\N    border: 1px solid #e54268;\N    border-radius: 20px;\N    margin: 15px auto;\N    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\N  }\N\N  .event-dtl-container {\N    background-color: white;\N    border-radius: 20px;\N    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\N    margin-bottom: 20px;\N    padding: 20px;\N  }\N\N  .event-description {\N    background-color: white;\N    border-radius: 20px;\N    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\N  }\N\N  @media (max-width: 850px) {\N    .event-container {\N      flex-direction: column;\N      margin-left: -10px;\N      margin-right: -10px;\N    }\N\N    .event-left,\N    .event-right {\N      width: 100%;\N    }\N  }\N\N  @media (max-width: 700px) {\N\N    .event-location,\N    .event-time,\N    .event-date {\N      flex-direction: column;\N      justify-content: center;\N    }\N  }\N\N  @media (max-width: 650px) {\N    .event-dtl {\N      /* display: flex; */\N      flex-direction: column;\N      justify-content: center;\N      text-align: center;\N    }\N\N    .date-icon,\N    .time-icon,\N    .location-icon {\N      margin: 0 auto;\N    }\N\N    .event-title-text-line {\N      border-bottom: 2px solid rgba(0, 0, 0, 0.086);\N    }\N  }\N\N\N\N  \N\N  \N  \N    \N      \N        \N        \N          \N            \N              \N            \N            Date\N          \N          Oct. 2 & Nov. 20\N\N          \N        \N\N        \N        \N          \N            \N              \N                \N              \N              Location\N            \N            USU 303\N            \N          \N        \N\N        \N        \N          \N            \N              \N            \N            Time\N          \N          12 to 1 p.m.\N        \N      \N    \N\N    \N    \N      \N        Description\N        \N          \N          !-- Lorem ipsum dolor sit amet. -->\N          \N          \N            Engage and influence the future of sustainability with Sustain U’s Outreach Meetings! Take part in fun, interactive activities to learn more about Sustain U! Understand our future sustainability plans for The Beach community. Ask questions and provide insights to make an impact on campus. Your voice matters in crafting a greener tomorrow, so don’t miss out on this event! Securing your spot with an RSVP at Events & Orgs is highly recommended! Join us in shaping the future of sustainability at Long Beach State University (LBSU).\N\N          \N        \N        \N      \N    \N  \N\N  \N  \N    \N      \N\N      {loadmoduleid 368}\N    \N  \N
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated March 18, 2024 --><style>  .event-title-head {    font-weight: bold;    font-size: 20px;    color: darkgoldenrod;  }  .event-title-text {    font-weight: 500;    font-size: 15px;    line-height: 17px;    font-weight: bold;  }  .event-title-icon {    margin-top: 6px;    display: flex;    justify-content: left;  }  .event-video-main {    display: flex;    justify-content: center;    margin-bottom: 20px;  }  .history-btn {    display: flex;    justify-content: center;  }  .button-71 {    background-color: #007daa;    border: 0;    border-radius: 56px;    color: #fff;    cursor: pointer;    display: inline-block;    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */    font-size: 18px;    font-weight: 600;    outline: 0;    padding: 16px 21px;    position: relative;    text-align: center;    text-decoration: none;    transition: all 0.3s;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;  }  .button-71:before {    background-color: initial;    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);    border-radius: 125px;    content: "";    height: 50%;    left: 4%;    opacity: 0.5;    position: absolute;    top: 0;    transition: all 0.3s;    width: 92%;  }  .button-71:hover {    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;    transform: scale(1.05);  }  .event-container {    display: flex;    gap: 20px;  }  .event-left,  .event-right {    width: 50%;  }  .event-location,  .event-time,  .event-date {    display: flex;    gap: 10px;  }  .date-icon,  .time-icon,  .location-icon {    height: 25px !important;  }  .event-dtl {    display: flex;    justify-content: space-between;  }  .event-announcement {    color: #e54268;    text-align: center;    font-size: 1.8rem;    width: 80%;    padding: 20px;    border: 1px solid #e54268;    border-radius: 20px;    margin: 15px auto;    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;  }  .event-dtl-container {    background-color: white;    border-radius: 20px;    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;    margin-bottom: 20px;    padding: 20px;  }  .event-description {    background-color: white;    border-radius: 20px;    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;  }  @media (max-width: 850px) {    .event-container {      flex-direction: column;      margin-left: -10px;      margin-right: -10px;    }    .event-left,    .event-right {      width: 100%;    }  }  @media (max-width: 700px) {    .event-location,    .event-time,    .event-date {      flex-direction: column;      justify-content: center;    }  }  @media (max-width: 650px) {    .event-dtl {      /* display: flex; */      flex-direction: column;      justify-content: center;      text-align: center;    }    .date-icon,    .time-icon,    .location-icon {      margin: 0 auto;    }    .event-title-text-line {      border-bottom: 2px solid rgba(0, 0, 0, 0.086);    }  }</style><div class="event-container">  <!-- *********************      START OF LEFT SIDE  ********************** -->  <!-- *** DATE, TIME, LOCATION *** -->  <div class="event-left">    <div class="event-dtl-container">      <div class="event-dtl">        <!-- DATE -->        <div itemprop="startDate" content="2024-05-2">          <div class="event-date">            <div class="event-title-icon">              <img src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png" class="date-icon" />            </div>            <p class="event-title-head">Date</p>          </div>          <p class="event-title-text event-title-text-line">Oct. 2 & Nov. 20          </p>        </div>        <!-- LOCATION -->        <div>          <div>            <div itemprop="location" itemscope="itemscope" itemtype="http://schema.org/Place" class="event-location">              <div class="event-title-icon">                <img src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png" class="location-icon" />              </div>              <p class="event-title-head">Location</p>            </div>            <p class="event-title-text event-title-text-line">USU 303            </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">12 to 1 p.m.</p>        </div>      </div>    </div>    <!-- ***  EVENT DESCRIPTION  *** -->    <div class="event-description">      <div style="padding: 20px">        <p class="event-title-head">Description</p>        <div itemprop="description">          <!-- Special Announcement if needed -->          <!-- <div class="event-announcement">Lorem ipsum dolor sit amet.</div> -->          <!-- EVENT CONTENT -->          <p>            Engage and influence the future of sustainability with Sustain U’s Outreach Meetings! Take part in fun, interactive activities to learn more about Sustain U! Understand our future sustainability plans for The Beach community. Ask questions and provide insights to make an impact on campus. Your voice matters in crafting a greener tomorrow, so don’t miss out on this event! Securing your spot with an RSVP at Events & Orgs is highly recommended! Join us in shaping the future of sustainability at Long Beach State University (LBSU).          </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_SustainU_Outreach_Meetings_dgtl-CalEvent.jpg"        alt="Sustain U Outreach Meetings        - Oct. 2 & Nov. 20 - USU 303        " />      {loadmoduleid 368}    </div>  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240912T211911Z
X-ACCESS:1
X-HITS:611
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20241204T120000
DTEND;TZID=America/Los_Angeles:20241204T130000
UID:C014B028-EAB7-4CBA-8998-20A6BDE17A2F
SUMMARY:Trash Talkers
DTSTAMP:20240820T215714Z
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                  Dec. 4\N                \N\N                \N                \N                  \N                      Location\N                    \N                    USU West Patio\N                  \N                \N\N                \N                \N                  \N                    Time\N                  \N                  12 to 1 p.m.\N                \N              \N\N              \N              \N                  Description\N                  \N                  \N                    \N                      Join us for Trash Talkers, an educational tabling event to\N                      learn about proper waste disposal practices! Through fun\N                      activities and interactive games, get ready to test your\N                      skills. Let's come together to clean up, recycle and\N                      protect our environment while having a blast. Don't miss\N                      out on this opportunity to be part of a cheerful community\N                      effort toward a cleaner, greener future!\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/SM24_SustainU_dgtl-CalEvent-01.jpg&quot;\N        alt=&quot;Trash Talkers&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">Dec. 4</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 West Patio</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">12 to 1 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>                      Join us for Trash Talkers, an educational tabling event to                      learn about proper waste disposal practices! Through fun                      activities and interactive games, get ready to test your                      skills. Let's come together to clean up, recycle and                      protect our environment while having a blast. Don't miss                      out on this opportunity to be part of a cheerful community                      effort toward a cleaner, greener future!                    </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/SM24_SustainU_dgtl-CalEvent-01.jpg"        alt="Trash Talkers"      />      {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240820T220236Z
X-ACCESS:1
X-HITS:587
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250203T120000
DTEND;TZID=America/Los_Angeles:20250203T130000
RRULE:FREQ=WEEKLY;BYDAY=MO;INTERVAL=2;UNTIL=20250218T235900Z
UID:19CB2E93-B0C0-49D6-9E0B-DEB205C5C1ED
SUMMARY:Trash Talkers
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                    Various Dates\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU West Patio\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                       Join Sustain U to learn how to compost, recycle and dispose of waste correctly as we build a more sustainable world together! Don't miss out on this opportunity to join the Trash Talkers campaign to become a certified Trash Talker and win a t-shirt!\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/cal/Spring25/SP25_SustainU_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Trash Talkers&quot;\N        /&gt;\N        \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">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 West Patio</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">12 to 1 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>                       Join Sustain U to learn how to compost, recycle and dispose of waste correctly as we build a more sustainable world together! Don't miss out on this opportunity to join the Trash Talkers campaign to become a certified Trash Talker and win a t-shirt!                      </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/Spring25/SP25_SustainU_dgtl-CalEvent.jpg"          alt="Trash Talkers"        />                  {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250127T185042Z
X-ACCESS:1
X-HITS:5
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250212T130000
DTEND;TZID=America/Los_Angeles:20250212T140000
UID:D0A66605-C7A3-4C65-887A-97FF80B3BA87
SUMMARY:Soil Mates
DTSTAMP:20250130T155108Z
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          Feb. 12\N        \N  \N        \N        \N          \N              Location\N            \N            Grow Beach Garden\N          \N        \N  \N        \N        \N          \N            Time\N          \N          1 - 2 p.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            \N                Immerse yourself in creativity and sustainability at Soil Mates, a spring event celebrating growth in the vibrant Grow Beach Garden. Paint your own pot, plant the seeds of your choice, and take home a personalized piece of nature to nurture and enjoy. Reserve your spot now on Events & Orgs.\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_SoilMates_SustainU_dgtl-CalEvent.jpg&quot;\N        alt=&quot;Feb. 12\N        1 - 2 PM\N        Grow Beach Garden&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">Feb. 12</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">Grow Beach Garden</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">1 - 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>                Immerse yourself in creativity and sustainability at Soil Mates, a spring event celebrating growth in the vibrant Grow Beach Garden. Paint your own pot, plant the seeds of your choice, and take home a personalized piece of nature to nurture and enjoy. Reserve your spot now on <a href="https://csulb.campuslabs.com/engage/organization/asi-sustain-u"><b>Events & Orgs</b></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        style="width: 100%"        src="images/cal/Spring25/Sp25_SoilMates_SustainU_dgtl-CalEvent.jpg"        alt="Feb. 12        1 - 2 PM        Grow Beach Garden"      />        {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:20250130T203023Z
X-ACCESS:1
X-HITS:1055
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250213T093000
DTEND;TZID=America/Los_Angeles:20250213T103000
UID:E0B3132A-0B57-42EC-B404-12E194ECA4C8
SUMMARY:Trends to Trash
DTSTAMP:20250210T171302Z
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          Feb. 13\N        \N  \N        \N        \N          \N              Location\N            \N            USU 205\N          \N        \N  \N        \N        \N          \N            Time\N          \N          9:30 to 10:30 a.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            Uncover the truth behind corporate social responsibility at Sustain U’s "Trends to Trash" workshop. Learn how businesses shape our environment and what it means for the future of sustainability. RSVP now at Events & Orgs to be part of the conversation.\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;    }      .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">Feb. 13</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">USU 205</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:30 to 10:30 a.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>Uncover the truth behind corporate social responsibility at Sustain U’s "Trends to Trash" workshop. Learn how businesses shape our environment and what it means for the future of sustainability. RSVP now at <a href="https://csulb.campuslabs.com/engage/organization/asi-sustain-u"><b>Events & Orgs</b></a> to be part of the conversation.</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_SustainU_Trends-to-Trash_dgtl-CalEvent.jpg" alt="Trends to Trash      Feb. 13      9:30 to 10:30 a.m.      USU 205" />        {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:20250210T171546Z
X-ACCESS:1
X-HITS:550
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250219T130000
DTEND;TZID=America/Los_Angeles:20250219T143000
UID:EF7DDA14-FC68-4A19-A860-B2A2CD57B853
SUMMARY:Pass the Plate: Collard Green Hand Pies
DTSTAMP:20250206T161045Z
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          Feb. 19\N        \N  \N        \N        \N          \N              Location\N            \N            ASI Beach Kitchen\N          \N        \N  \N        \N        \N          \N            Time\N          \N          1 - 2:30 p.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            Whether you’re new to the kitchen or a seasoned chef, our Pass the Plate series will guide you through each step of crafting a meal that’s as healthy as it is eco-friendly. Don’t miss this opportunity to explore plant-based cooking, reduce food waste and connect with fellow food enthusiasts.\N            Roll into sustainability with Pass the Plate: Collard Green Hand Pies! Join us for a fun and interactive cooking workshop where you’ll learn to create delicious, plant-based hand pies using fresh and sustainable ingredients.  Secure your spot now at Events & Orgs and get ready to savor the taste of sustainability! \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;    }      .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">Feb. 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">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>          <p class="event-title-head">Time</p>          <!-- MUST INCLUDE "." IN A.M./P.M. -->          <p class="event-title-text">1 - 2:30 p.m.</p>        </div>      </div>        <!-- EVENT DESCRIPTION -->      <div class="event-description">        <div>          <p class="event-title-head">Description</p>          <!-- ***************************************          ** Place all elements of description HERE **          **************************************** -->          <div itemprop="description">            <p>Whether you’re new to the kitchen or a seasoned chef, our Pass the Plate series will guide you through each step of crafting a meal that’s as healthy as it is eco-friendly. Don’t miss this opportunity to explore plant-based cooking, reduce food waste and connect with fellow food enthusiasts.</p>            <p>Roll into sustainability with <b>Pass the Plate: Collard Green Hand Pies!</b> Join us for a fun and interactive cooking workshop where you’ll learn to create delicious, plant-based hand pies using fresh and sustainable ingredients.  Secure your spot now at <a href="https://csulb.campuslabs.com/engage/event/11026963" target="_blank" rel="noopener noreferrer"><b>Events & Orgs</b></a> and get ready to savor the taste of sustainability! </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_SustainU_Pass_the_Plate_dgtl-CalEvent-02.jpg" alt="Pass the Plate      Various Dates      Various Times      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:20250206T161257Z
X-ACCESS:1
X-HITS:1057
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250227T130000
DTEND;TZID=America/Los_Angeles:20250227T150000
UID:E67BEB3E-0348-468A-9C85-781CBE987B4B
SUMMARY:Trash Talkers Mini Fair
DTSTAMP:20250224T215752Z
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. 27\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      Grow Beach Garden\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    1 to 3 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                        Take a step toward a more sustainable future with the Trash Talkers Mini Fair, a dynamic event dedicated to educating and empowering students to rethink waste. This engaging fair combines interactive tabling activities, live composting demonstrations, and partnerships with organizations like the Science Learning Center to provide a well-rounded experience. Be sure to RSVP on Events & Orgs to secure your spot!\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/cal/Spring25/SP25_SustainU_Trash-Talkers-Mini-Fair__dgtl-CalEvent.jpg&quot;\N          alt=&quot;Trash Talkers Mini Fair\NFeb. 27 | March 26 | April 22\N1 to 3 p.m.\NGrow Beach Garden&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">Feb. 27</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">Grow Beach Garden</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">1 to 3 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>                        Take a step toward a more sustainable future with the Trash Talkers Mini Fair, a dynamic event dedicated to educating and empowering students to rethink waste. This engaging fair combines interactive tabling activities, live composting demonstrations, and partnerships with organizations like the Science Learning Center to provide a well-rounded experience. Be sure to RSVP on Events & Orgs to secure your spot!                      </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/Spring25/SP25_SustainU_Trash-Talkers-Mini-Fair__dgtl-CalEvent.jpg"          alt="Trash Talkers Mini FairFeb. 27 | March 26 | April 221 to 3 p.m.Grow Beach Garden"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:785
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250303T110000
DTEND;TZID=America/Los_Angeles:20250303T120000
UID:1EE9CD11-13C3-4E4A-A2D0-3C3042BCEA4F
SUMMARY:Plant a Plant
DTSTAMP:20250221T215042Z
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          March 3\N        \N  \N        \N        \N          \N              Location\N            \N            Grow Beach Garden\N\N          \N        \N  \N        \N        \N          \N            Time\N          \N          11 a.m. - 12 p.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            \NTransform your green thumb aspirations into reality with Sustain U at the Grow Beach Garden! This workshop will teach you the art of transplanting succulents into pots and provide tips for nurturing your plants at home. Spaces are limited, so RSVP today on Events & Orgs to reserve your spot. Don’t miss this opportunity to grow your gardening skills and take home your very own succulent masterpiece!\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;    }      .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">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>            <p class="event-title-head">Location</p>            <!-- Update the date per each event -->            <p class="event-title-text">Grow Beach Garden</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">11 a.m. - 12 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>Transform your green thumb aspirations into reality with Sustain U at the Grow Beach Garden! This workshop will teach you the art of transplanting succulents into pots and provide tips for nurturing your plants at home. Spaces are limited, so RSVP today on Events & Orgs to reserve your spot. Don’t miss this opportunity to grow your gardening skills and take home your very own succulent masterpiece!</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_SustainU_Plant-a-Plant_dgtl-CalEvent.jpg" alt="Plant a Plant" />        {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:20250224T220411Z
X-ACCESS:1
X-HITS:700
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250305T100000
DTEND;TZID=America/Los_Angeles:20250305T150000
UID:6458532C-895A-4338-ADE7-C2AE3E23A0A4
SUMMARY:Sustain U Outreach Meetings
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                    March 5\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU 303 & Zoom\N\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    10 - 11 AM | 2 - 3 PM\N\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N\N                        Engage, influence and shape the future of sustainability at Sustain U’s interactive Outreach Meetings – your voice matters in crafting a greener tomorrow! Don’t miss out on this event – securing your spot with an RSVP at Events & Orgs is highly recommended!\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/cal/Spring25/F24_SustainU_Outreach_Meetings_dtgl-CalEvent_1.jpg&quot;\N          alt=&quot;\NSustain U Outreach Meetings\NMarch 5\N10 - 11 AM | 2 - 3 PM\NUSU 303 & Zoom&quot;\N        /&gt;\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">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">USU 303 & Zoom</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 - 11 AM | 2 - 3 PM<br /></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>Engage, influence and shape the future of sustainability at Sustain U’s interactive Outreach Meetings – your voice matters in crafting a greener tomorrow! Don’t miss out on this event – securing your spot with an RSVP at Events & Orgs is highly recommended!</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/Spring25/F24_SustainU_Outreach_Meetings_dtgl-CalEvent_1.jpg"          alt="Sustain U Outreach MeetingsMarch 510 - 11 AM | 2 - 3 PMUSU 303 & Zoom"        />        {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250303T215634Z
X-ACCESS:1
X-HITS:631
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250310T120000
DTEND;TZID=America/Los_Angeles:20250310T130000
RRULE:FREQ=WEEKLY;BYDAY=MO;INTERVAL=2;UNTIL=20250325T235900Z
UID:154F79C6-B8BA-455D-913F-EAD9E98BA76E
SUMMARY:Trash Talkers
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                    Various Dates\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU West Patio\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                       Join Sustain U to learn how to compost, recycle and dispose of waste correctly as we build a more sustainable world together! Don't miss out on this opportunity to join the Trash Talkers campaign to become a certified Trash Talker and win a t-shirt!\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/cal/Spring25/SP25_SustainU_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Trash Talkers&quot;\N        /&gt;\N        \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">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 West Patio</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">12 to 1 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>                       Join Sustain U to learn how to compost, recycle and dispose of waste correctly as we build a more sustainable world together! Don't miss out on this opportunity to join the Trash Talkers campaign to become a certified Trash Talker and win a t-shirt!                      </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/Spring25/SP25_SustainU_dgtl-CalEvent.jpg"          alt="Trash Talkers"        />                  {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250127T185131Z
X-ACCESS:1
X-HITS:0
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250317T130000
DTEND;TZID=America/Los_Angeles:20250317T140000
UID:D30FEF09-E15C-4AA0-A4DC-8578F1493E57
SUMMARY:Green Intelligence
DTSTAMP:20250311T153912Z
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          USU 205\N        \N      \N \N      \N      \N        \N          Time\N        \N        1 to 2 p.m.\N      \N    \N \N    \N    \N      \N        Description\N        \N        \N\N          \N            Join Sustain U for an engaging and insightful experience as we explore the powerful intersection of artificial intelligence and sustainability. Discover how these cutting-edge technologies are being leveraged to address some of the most pressing environmental challenges of our time. From reducing carbon emissions to optimizing our resources and promoting sustainable practices, this workshop will delve into the transformative potential of AI in creating innovative solutions for a greener planet. \N          \N          \N            Together, let’s learn how to harness technology to not only protect our environment but also pave the way for a brighter, more sustainable future for generations to come. Don't forget to secure your spot with an RSVP at Events & Orgs!\N          \N      \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_SustainU_Green-Intelligence_dgtl-CalEvent_1.jpg&quot;\N      alt=&quot;Green Intelligence\N      March 17\N      1 to 2 p.m.\N      USU 205&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">USU 205</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">1 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>            Join Sustain U for an engaging and insightful experience as we explore the powerful intersection of artificial intelligence and sustainability. Discover how these cutting-edge technologies are being leveraged to address some of the most pressing environmental challenges of our time. From reducing carbon emissions to optimizing our resources and promoting sustainable practices, this workshop will delve into the transformative potential of AI in creating innovative solutions for a greener planet.           </p>          <p>            Together, let’s learn how to harness technology to not only protect our environment but also pave the way for a brighter, more sustainable future for generations to come. Don't forget to secure your spot with an RSVP at Events & Orgs!          </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_SustainU_Green-Intelligence_dgtl-CalEvent_1.jpg"      alt="Green Intelligence      March 17      1 to 2 p.m.      USU 205"    />     {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:626
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250326T130000
DTEND;TZID=America/Los_Angeles:20250326T150000
UID:52B1EDC0-7128-4AED-83A6-37A8C987E4DB
SUMMARY:Trash Talkers Mini Fair
DTSTAMP:20250224T215752Z
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                    Mar. 26\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      Grow Beach Garden\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    1 to 3 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                        Take a step toward a more sustainable future with the Trash Talkers Mini Fair, a dynamic event dedicated to educating and empowering students to rethink waste. This engaging fair combines interactive tabling activities, live composting demonstrations, and partnerships with organizations like the Science Learning Center to provide a well-rounded experience. Be sure to RSVP on Events & Orgs to secure your spot!\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/cal/Spring25/SP25_SustainU_Trash-Talkers-Mini-Fair__dgtl-CalEvent.jpg&quot;\N          alt=&quot;Trash Talkers Mini Fair\NFeb. 27 | March 26 | April 22\N1 to 3 p.m.\NGrow Beach Garden&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">Mar. 26</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">Grow Beach Garden</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">1 to 3 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>                        Take a step toward a more sustainable future with the Trash Talkers Mini Fair, a dynamic event dedicated to educating and empowering students to rethink waste. This engaging fair combines interactive tabling activities, live composting demonstrations, and partnerships with organizations like the Science Learning Center to provide a well-rounded experience. Be sure to RSVP on Events & Orgs to secure your spot!                      </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/Spring25/SP25_SustainU_Trash-Talkers-Mini-Fair__dgtl-CalEvent.jpg"          alt="Trash Talkers Mini FairFeb. 27 | March 26 | April 221 to 3 p.m.Grow Beach Garden"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250325T182214Z
X-ACCESS:1
X-HITS:940
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250327T130000
DTEND;TZID=America/Los_Angeles:20250327T143000
UID:176CCB50-DD39-4D14-9E27-117506F4A91F
SUMMARY:Pass the Plate: Veggie Sushi Bowls
DTSTAMP:20250206T161045Z
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          March 27\N        \N  \N        \N        \N          \N              Location\N            \N            ASI Beach Kitchen\N          \N        \N  \N        \N        \N          \N            Time\N          \N          1 - 2:30 p.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            Whether you’re new to the kitchen or a seasoned chef, our Pass the Plate series will guide you through each step of crafting a meal that’s as healthy as it is eco-friendly. Don’t miss this opportunity to explore plant-based cooking, reduce food waste and connect with fellow food enthusiasts.\N            Dive into the art of crafting vegetarian sushi bowls in this hands-on workshop with Sustain U's Pass the Plate: Veggie Sushi Bowls! Learn how to combine fresh, budget-friendly ingredients into a colorful and delicious meal that’s perfect for life on the go. Spaces are limited, so be sure to RSVP at Events & Orgs to save your spot. Let’s roll into healthier eating together!\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;    }      .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">March 27</p>        </div>          <!-- LOCATION -->        <div>          <div            itemprop="location"            itemscope="itemscope"            itemtype="http://schema.org/Place"          >            <div class="event-title-icon">              <img                src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png"                style="height: 20px; width: 25px"              />            </div>            <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 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">1 - 2:30 p.m.</p>        </div>      </div>        <!-- EVENT DESCRIPTION -->      <div class="event-description">        <div>          <p class="event-title-head">Description</p>          <!-- ***************************************          ** Place all elements of description HERE **          **************************************** -->          <div itemprop="description">            <p>Whether you’re new to the kitchen or a seasoned chef, our Pass the Plate series will guide you through each step of crafting a meal that’s as healthy as it is eco-friendly. Don’t miss this opportunity to explore plant-based cooking, reduce food waste and connect with fellow food enthusiasts.</p>            <p>Dive into the art of crafting vegetarian sushi bowls in this hands-on workshop with <b>Sustain U's Pass the Plate: Veggie Sushi Bowls!</b> Learn how to combine fresh, budget-friendly ingredients into a colorful and delicious meal that’s perfect for life on the go. Spaces are limited, so be sure to RSVP at <a href="https://csulb.campuslabs.com/engage/event/11027015" target="_blank" rel="noopener noreferrer"><b>Events & Orgs</b></a> to save your spot. Let’s roll into healthier eating together!</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_SustainU_Pass_the_Plate_dgtl-CalEvent-03.jpg" alt="Pass the Plate      Veggie Sushi BowlsMarch 271 - 2:30 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:20250325T182239Z
X-ACCESS:1
X-HITS:929
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250407T120000
DTEND;TZID=America/Los_Angeles:20250407T130000
UID:64268819-EFC2-45E6-81FE-1B27A8C41804
SUMMARY:Balcony Botany
DTSTAMP:20250404T180852Z
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 7\N        \N  \N        \N        \N          \N              Location\N            \N            Grow Beach Garden\N          \N        \N  \N        \N        \N          \N            Time\N          \N          12 to 1 p.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            Transform your balcony into a mini garden at our Balcony Botany workshop! This event is perfect for university students looking to grow their own fresh herbs in small environments. Secure your spot now at Events & Orgs. We’ll provide all the materials you need to create a compact and sustainable herb garden, tailored for apartment living. Discover tips and techniques for growing and maintaining herbs in limited spaces, so you can enjoy fresh, flavorful meals all from the comfort of your balcony. \N          \N          \N        \N      \N      \N    \N    \N  \N    \N    \N      \N  \N      {loadmoduleid 368}\N    \N    \N  \N  \N  \N  \N  \N    document.addEventListener("DOMContentLoaded", function () {\N      document\N        .querySelectorAll("#HistoryOfUniversity .acco button")\N        .forEach((item) => item.addEventListener("click", toggleacco));\N  \N      function toggleacco() {\N        const parentAcco = this.closest(".acco");\N        const itemsInThisAcco = parentAcco.querySelectorAll("button");\N        const currentStatus = this.getAttribute("aria-expanded");\N  \N        if (currentStatus == "false") {\N          // Close all other items\N          // for (let i = 0; i  itemsInThisAcco.length; i++) {\N          //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");\N          // }\N          // Open the clicked item\N          this.setAttribute("aria-expanded", "true");\N        } else {\N          // Close the clicked item\N          this.setAttribute("aria-expanded", "false");\N        }\N      }\N    });\N  \N  
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated July 2023 --><style>    .event-title-head {      font-weight: bold;      font-size: 20px;      color: darkgoldenrod;      margin-top: 5px;      margin-bottom: 0;    }      .event-title-text {      font-weight: 500;      font-size: 15px;      line-height: 17px;      font-weight: bold;    }      .event-title-icon {      margin-top: 6px;      display: flex;      justify-content: left;    }      .event-video-main {      display: flex;      justify-content: center;      margin-bottom: 20px;    }      .history-btn {      display: flex;      justify-content: center;    }      .button-71 {      background-color: #007daa;      border: 0;      border-radius: 56px;      color: #fff;      cursor: pointer;      display: inline-block;      /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */      font-size: 18px;      font-weight: 600;      outline: 0;      padding: 16px 21px;      position: relative;      text-align: center;      text-decoration: none;      transition: all 0.3s;      user-select: none;      -webkit-user-select: none;      touch-action: manipulation;    }      .button-71:before {      background-color: initial;      background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);      border-radius: 125px;      content: "";      height: 50%;      left: 4%;      opacity: 0.5;      position: absolute;      top: 0;      transition: all 0.3s;      width: 92%;    }      .button-71:hover {      box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,        rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;      transform: scale(1.05);    }    /* _____________Accordian Section CSS+_______________ */      .acco .acco-item {      border-bottom: 1px solid #e5e5e5;    }      .acco button {      position: relative;      display: block;      text-align: left;      width: 100%;      padding: 1em 0;      color: #8800ad;      border: none;      background: none;      outline: none;    }      .acco button:hover,    .acco button:focus {      cursor: pointer;      color: white !important;      background-color: #8700ad !important;    }      .acco button:hover .icon,    .acco button:focus .icon {      cursor: pointer;      color: white;      border: 1px solid white !important;    }      .acco .acco-title {      padding: 1em 1.5em 1em 1em;    }      .acco .icon {      display: inline-block;      position: absolute;      top: 18px;      right: 20px;      width: 22px;      height: 22px;      border: 1px solid;      border-radius: 22px;    }      .acco .icon::before,    .acco .icon::after {      display: block;      position: absolute;      content: "";      background: currentColor;    }      .acco .icon::before {      top: 9px;      left: 5px;      width: 10px;      height: 2px;    }      .acco .icon::after {      top: 5px;      left: 9px;      width: 2px;      height: 10px;    }      .acco button[aria-expanded="true"] {      color: #8800ad;      border-bottom: 1px solid #8800ad;      /* background-color: #8700ad; */    }      .acco button[aria-expanded="true"] .icon::after {      width: 0;    }      .acco button[aria-expanded="true"] + .acco-content {      opacity: 1;      max-height: 9em;      transition: all 200ms linear;      /* overflow: scroll; */    }      #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {      opacity: 1;      max-height: 100%;      transition: all 200ms linear;      /* overflow: scroll; */      border-left: 2px solid #8800ad3f;      border-right: 2px solid #8800ad3f;    }      .acco .acco-content {      opacity: 0;      max-height: 0;      overflow: hidden;      transition: opacity 200ms linear, max-height 200ms linear;    }      .acco .acco-content p {      /* font-size: 1rem; */      font-weight: 300;      margin: 0;    }    /* ______________Accordian CSS Ends__________ */    .main-container {      display: flex;      gap: 20px;      max-width: 1600px;      margin: 0 auto;    }    .left-container {      width: 50%;    }    .right-container {      width: 50%;    }    .event-dtl {      background-color: white;      border-radius: 10px;      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;      margin-bottom: 20px;      padding: 10px 20px;      display: flex;      justify-content: space-between;    }    .event-description {      background-color: white;      border-radius: 10px;      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;      padding: 10px 20px;    }    .event-img {      width: 100%;      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;      border-radius: 10px;    }    @media (max-width: 960px) {      .main-container {        flex-direction: column;      }      .left-container {        width: 100%;        width: 10px -20px;      }      .right-container {        width: 100%;      }    }    @media (max-width: 500px) {      .event-dtl {        flex-direction: column;        text-align: center;      }      .event-title-icon {        justify-content: center;      }    }  </style>    <div class="main-container">    <!-- --------------------       START OF LEFT SIDE     --------------------- -->    <div class="left-container">      <div class="event-dtl">        <!-- DATE -->        <div itemprop="startDate" content="2024-03-13">          <div class="event-title-icon">            <img              src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"              style="height: 20px; width: 25px"            />          </div>          <h3 class="event-title-head">Date</h3>          <!-- Update the date per each event -->          <p class="event-title-text">April 7</p>        </div>          <!-- LOCATION -->        <div>          <div            itemprop="location"            itemscope="itemscope"            itemtype="http://schema.org/Place"          >            <div class="event-title-icon">              <img                src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png"                style="height: 20px; width: 25px"              />            </div>            <h3 class="event-title-head">Location</h3>            <!-- Update the date per each event -->            <p class="event-title-text">Grow Beach Garden</p>          </div>        </div>          <!-- TIME -->        <div itemprop="endDate" content="2024-03-13">          <div class="event-title-icon">            <img              src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"              style="height: 20px; width: 25px"            />          </div>          <h3 class="event-title-head">Time</h3>          <!-- MUST INCLUDE "." IN A.M./P.M. -->          <p class="event-title-text">12 to 1 p.m.</p>        </div>      </div>        <!-- EVENT DESCRIPTION -->      <div class="event-description">        <div>          <h3 class="event-title-head">Description</h3>          <!-- ***************************************          ** Place all elements of description HERE **          **************************************** -->          <div itemprop="description">            <p>Transform your balcony into a mini garden at our Balcony Botany workshop! This event is perfect for university students looking to grow their own fresh herbs in small environments. Secure your spot now at Events & Orgs. We’ll provide all the materials you need to create a compact and sustainable herb garden, tailored for apartment living. Discover tips and techniques for growing and maintaining herbs in limited spaces, so you can enjoy fresh, flavorful meals all from the comfort of your balcony. </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_SUSTAIN_U_Balcony_Botany_dgtl-CalEvent.jpg" alt="Balcony Botany      April 7      12 to 1 p.m.      Grow Beach Garden" />        {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:20250404T180959Z
X-ACCESS:1
X-HITS:781
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250414T120000
DTEND;TZID=America/Los_Angeles:20250414T130000
RRULE:FREQ=WEEKLY;BYDAY=MO;INTERVAL=2;UNTIL=20250429T235900Z
UID:26D61517-581B-4411-A870-DACB845918E6
SUMMARY:Trash Talkers
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                    Various Dates\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU West Patio\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                       Join Sustain U to learn how to compost, recycle and dispose of waste correctly as we build a more sustainable world together! Don't miss out on this opportunity to join the Trash Talkers campaign to become a certified Trash Talker and win a t-shirt!\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/cal/Spring25/SP25_SustainU_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Trash Talkers&quot;\N        /&gt;\N        \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">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 West Patio</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">12 to 1 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>                       Join Sustain U to learn how to compost, recycle and dispose of waste correctly as we build a more sustainable world together! Don't miss out on this opportunity to join the Trash Talkers campaign to become a certified Trash Talker and win a t-shirt!                      </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/Spring25/SP25_SustainU_dgtl-CalEvent.jpg"          alt="Trash Talkers"        />                  {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250127T185152Z
X-ACCESS:1
X-HITS:10
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250908T120000
DTEND;TZID=America/Los_Angeles:20250908T130000
UID:26D61517-581B-4411-A870-DACB845918E6
RECURRENCE-ID:20250428T190000Z
SUMMARY:Trash Talkers
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                    Sept 8\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      Speaker's Platform\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                       Join the Trash Talkers, a sustainable event series that empowers students to rethink waste through interactive activities. \N                      \N                      \N                       Become a certified Trash Talker! Join our fun-filled tabling event where you'll master waste disposal through interactive games and challenges, test your recycling skills and learn eco-friendly tips while having a blast. Complete the activities, earn your Trash Talker certification, snag an exclusive t-shirt and RSVP on Events & Orgs to help us turn trash talk into environmental action!\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/cal/Fall-2025/F25_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Trash Talkers&quot;\N        /&gt;\N        \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">Sept 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">Speaker's Platform</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">12 to 1 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>                       Join the Trash Talkers, a sustainable event series that empowers students to rethink waste through interactive activities.                       </p>                      <p>                       Become a certified Trash Talker! Join our fun-filled tabling event where you'll master waste disposal through interactive games and challenges, test your recycling skills and learn eco-friendly tips while having a blast. Complete the activities, earn your Trash Talker certification, snag an exclusive t-shirt and RSVP on Events & Orgs to help us turn trash talk into environmental action!                      </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-2025/F25_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"          alt="Trash Talkers"        />                  {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250825T175439Z
X-ACCESS:1
X-HITS:1468
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250421T130000
DTEND;TZID=America/Los_Angeles:20250421T140000
UID:2854CBBB-682B-428A-92CF-99BCEBA47283
SUMMARY:Bee Cafe
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 21\N      \N\N      \N      \N        \N            Location\N          \N          Grow Beach Garden\N        \N      \N\N      \N      \N        \N          Time\N        \N        1 to 2 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          \N            Discover the buzz going on at Bee Cafe, a spring event in collaboration with Long Beach Beekeepers, hosted in the beautiful Grow Beach Garden. Learn about the vital role bees play in pollination and how you can help support these essential pollinators. Secure your spot now at Events & Orgs!\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_SustainU_BeeCafe_dgtl-CalEvent.jpg&quot;\N      alt=&quot;Bee Cafe\N      April 21\N      1 to 2 p.m.\N      Grow Beach Garden&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 21</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">Grow Beach Garden</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">1 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>            Discover the buzz going on at Bee Cafe, a spring event in collaboration with Long Beach Beekeepers, hosted in the beautiful Grow Beach Garden. Learn about the vital role bees play in pollination and how you can help support these essential pollinators. Secure your spot now at Events & Orgs!          </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_SustainU_BeeCafe_dgtl-CalEvent.jpg"      alt="Bee Cafe      April 21      1 to 2 p.m.      Grow Beach Garden"    />    {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:773
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250422T130000
DTEND;TZID=America/Los_Angeles:20250422T133000
UID:F2ED496A-89BB-4915-BB5A-035F13067C74
SUMMARY:Trash Talkers Mini Fair
DTSTAMP:20250224T215752Z
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                    Apr. 22\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      Grow Beach Garden\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    1 to 3 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                        Take a step toward a more sustainable future with the Trash Talkers Mini Fair, a dynamic event dedicated to educating and empowering students to rethink waste. This engaging fair combines interactive tabling activities, live composting demonstrations, and partnerships with organizations like the Science Learning Center to provide a well-rounded experience. Be sure to RSVP on Events & Orgs to secure your spot!\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/cal/Spring25/SP25_SustainU_Trash-Talkers-Mini-Fair__dgtl-CalEvent.jpg&quot;\N          alt=&quot;Trash Talkers Mini Fair\NFeb. 27 | March 26 | April 22\N1 to 3 p.m.\NGrow Beach Garden&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">Apr. 22</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">Grow Beach Garden</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">1 to 3 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>                        Take a step toward a more sustainable future with the Trash Talkers Mini Fair, a dynamic event dedicated to educating and empowering students to rethink waste. This engaging fair combines interactive tabling activities, live composting demonstrations, and partnerships with organizations like the Science Learning Center to provide a well-rounded experience. Be sure to RSVP on Events & Orgs to secure your spot!                      </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/Spring25/SP25_SustainU_Trash-Talkers-Mini-Fair__dgtl-CalEvent.jpg"          alt="Trash Talkers Mini FairFeb. 27 | March 26 | April 221 to 3 p.m.Grow Beach Garden"        />          {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250224T220117Z
X-ACCESS:1
X-HITS:743
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250423T130000
DTEND;TZID=America/Los_Angeles:20250423T150000
UID:EE81DE50-6A08-4DB1-A7C2-7ACF7C94786F
SUMMARY:Designing a Sustainable Graduation
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                    April 23\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU North Lawn\N\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    1 to 3 p.m.\N\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N\N                        \N                          Join Sustain U, in collaboration with CSULB Sustainability, for a hands-on workshop to design eco-friendly graduation decorations that celebrate achievements while protecting the planet. Learn innovative techniques, craft seed cards, and create sustainable photo props with dried flowers and leaves. RSVP now at Events & Orgs to secure your spot in this creative and impactful experience. \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/cal/Spring25/SP25_SustainU_Designing-a-Sustainable-Graduation_dgtl-CalEvent_1.jpg&quot;\N          alt=&quot;Designing a Sustainable Graduation\N          April 23\N          1 to 3 p.m.\N          USU North Lawn&quot;\N        /&gt;\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">April 23</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 North Lawn</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">1 to 3 p.m.<br /></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>                          Join Sustain U, in collaboration with CSULB Sustainability, for a hands-on workshop to design eco-friendly graduation decorations that celebrate achievements while protecting the planet. Learn innovative techniques, craft seed cards, and create sustainable photo props with dried flowers and leaves. RSVP now at Events & Orgs to secure your spot in this creative and impactful experience. </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/Spring25/SP25_SustainU_Designing-a-Sustainable-Graduation_dgtl-CalEvent_1.jpg"          alt="Designing a Sustainable Graduation          April 23          1 to 3 p.m.          USU North Lawn"        />        {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250409T214344Z
X-ACCESS:1
X-HITS:590
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250424T103000
DTEND;TZID=America/Los_Angeles:20250424T113000
UID:3C82474F-DC85-43EB-97FA-17D79AE7AD59
SUMMARY:Pass the Plate: Vegetarian Ramen
DTSTAMP:20250206T161045Z
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          April 24\N        \N  \N        \N        \N          \N              Location\N            \N            ASI Beach Kitchen\N          \N        \N  \N        \N        \N          \N            Time\N          \N          10 - 11:30 a.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            Whether you’re new to the kitchen or a seasoned chef, our Pass the Plate series will guide you through each step of crafting a meal that’s as healthy as it is eco-friendly. Don’t miss this opportunity to explore plant-based cooking, reduce food waste and connect with fellow food enthusiasts.\N            Embark on a culinary adventure with Sustain U as we guide you through the art of making vegetarian ramen! This workshop will show you how to create a delicious, affordable and healthy meal that’s perfect for busy students. Spaces are limited, so secure your spot today! \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;    }      .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">April 24</p>        </div>          <!-- LOCATION -->        <div>          <div            itemprop="location"            itemscope="itemscope"            itemtype="http://schema.org/Place"          >            <div class="event-title-icon">              <img                src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png"                style="height: 20px; width: 25px"              />            </div>            <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 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 - 11:30 a.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>Whether you’re new to the kitchen or a seasoned chef, our Pass the Plate series will guide you through each step of crafting a meal that’s as healthy as it is eco-friendly. Don’t miss this opportunity to explore plant-based cooking, reduce food waste and connect with fellow food enthusiasts.</p>            <p>Embark on a culinary adventure with Sustain U as we guide you through the art of making vegetarian ramen! This workshop will show you how to create a delicious, affordable and healthy meal that’s perfect for busy students. Spaces are limited, so secure your spot 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="https://www.asicsulb.org/corporate/images/cal/Spring25/SP25_SustainU_Pass_the_Plate_dgtl-CalEvent-04.jpg" alt="Pass the Plate      Vegetarian RamenApril 2410 - 11:30 a.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:20250206T163539Z
X-ACCESS:1
X-HITS:847
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250424T140000
DTEND;TZID=America/Los_Angeles:20250424T150000
UID:4B27A429-1A3C-45B9-A7FB-B340982A7E93
SUMMARY:Meal Prep for Success
DTSTAMP:20250403T173038Z
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 24\N        \N        \N  \N        \N        \N          \N              Location\N            \N            USU 305\N            \N          \N        \N  \N        \N        \N          \N            Time\N          \N          2 - 3 PM\N        \N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            Love to prep your meals at home? Join Sustain U as we unpack the dangers of single-use plastics and the importance of utilizing biodegradable sandwich and snack bags, sustainable containers, and reusable cookware to minimize our carbon footprint! Take home your own beeswax paper to wrap snacks, breads, or sandwiches in to reduce your waste! Secure your spot now at Events & Orgs.\N          \N          \N        \N      \N      \N    \N    \N  \N    \N    \N      \N  \N      {loadmoduleid 368}\N    \N    \N  \N  \N  \N  \N  \N    document.addEventListener("DOMContentLoaded", function () {\N      document\N        .querySelectorAll("#HistoryOfUniversity .acco button")\N        .forEach((item) => item.addEventListener("click", toggleacco));\N  \N      function toggleacco() {\N        const parentAcco = this.closest(".acco");\N        const itemsInThisAcco = parentAcco.querySelectorAll("button");\N        const currentStatus = this.getAttribute("aria-expanded");\N  \N        if (currentStatus == "false") {\N          // Close all other items\N          // for (let i = 0; i  itemsInThisAcco.length; i++) {\N          //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");\N          // }\N          // Open the clicked item\N          this.setAttribute("aria-expanded", "true");\N        } else {\N          // Close the clicked item\N          this.setAttribute("aria-expanded", "false");\N        }\N      }\N    });\N  \N  
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated July 2023 --><style>    .event-title-head {      font-weight: bold;      font-size: 20px;      color: darkgoldenrod;      margin-top: 5px;      margin-bottom: 0;    }      .event-title-text {      font-weight: 500;      font-size: 15px;      line-height: 17px;      font-weight: bold;    }      .event-title-icon {      margin-top: 6px;      display: flex;      justify-content: left;    }      .event-video-main {      display: flex;      justify-content: center;      margin-bottom: 20px;    }      .history-btn {      display: flex;      justify-content: center;    }      .button-71 {      background-color: #007daa;      border: 0;      border-radius: 56px;      color: #fff;      cursor: pointer;      display: inline-block;      /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */      font-size: 18px;      font-weight: 600;      outline: 0;      padding: 16px 21px;      position: relative;      text-align: center;      text-decoration: none;      transition: all 0.3s;      user-select: none;      -webkit-user-select: none;      touch-action: manipulation;    }      .button-71:before {      background-color: initial;      background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);      border-radius: 125px;      content: "";      height: 50%;      left: 4%;      opacity: 0.5;      position: absolute;      top: 0;      transition: all 0.3s;      width: 92%;    }      .button-71:hover {      box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,        rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;      transform: scale(1.05);    }    /* _____________Accordian Section CSS+_______________ */      .acco .acco-item {      border-bottom: 1px solid #e5e5e5;    }      .acco button {      position: relative;      display: block;      text-align: left;      width: 100%;      padding: 1em 0;      color: #8800ad;      border: none;      background: none;      outline: none;    }      .acco button:hover,    .acco button:focus {      cursor: pointer;      color: white !important;      background-color: #8700ad !important;    }      .acco button:hover .icon,    .acco button:focus .icon {      cursor: pointer;      color: white;      border: 1px solid white !important;    }      .acco .acco-title {      padding: 1em 1.5em 1em 1em;    }      .acco .icon {      display: inline-block;      position: absolute;      top: 18px;      right: 20px;      width: 22px;      height: 22px;      border: 1px solid;      border-radius: 22px;    }      .acco .icon::before,    .acco .icon::after {      display: block;      position: absolute;      content: "";      background: currentColor;    }      .acco .icon::before {      top: 9px;      left: 5px;      width: 10px;      height: 2px;    }      .acco .icon::after {      top: 5px;      left: 9px;      width: 2px;      height: 10px;    }      .acco button[aria-expanded="true"] {      color: #8800ad;      border-bottom: 1px solid #8800ad;      /* background-color: #8700ad; */    }      .acco button[aria-expanded="true"] .icon::after {      width: 0;    }      .acco button[aria-expanded="true"] + .acco-content {      opacity: 1;      max-height: 9em;      transition: all 200ms linear;      /* overflow: scroll; */    }      #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {      opacity: 1;      max-height: 100%;      transition: all 200ms linear;      /* overflow: scroll; */      border-left: 2px solid #8800ad3f;      border-right: 2px solid #8800ad3f;    }      .acco .acco-content {      opacity: 0;      max-height: 0;      overflow: hidden;      transition: opacity 200ms linear, max-height 200ms linear;    }      .acco .acco-content p {      /* font-size: 1rem; */      font-weight: 300;      margin: 0;    }    /* ______________Accordian CSS Ends__________ */    .main-container {      display: flex;      gap: 20px;      max-width: 1600px;      margin: 0 auto;    }    .left-container {      width: 50%;    }    .right-container {      width: 50%;    }    .event-dtl {      background-color: white;      border-radius: 10px;      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;      margin-bottom: 20px;      padding: 10px 20px;      display: flex;      justify-content: space-between;    }    .event-description {      background-color: white;      border-radius: 10px;      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;      padding: 10px 20px;    }    .event-img {      width: 100%;      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;      border-radius: 10px;    }    @media (max-width: 960px) {      .main-container {        flex-direction: column;      }      .left-container {        width: 100%;        width: 10px -20px;      }      .right-container {        width: 100%;      }    }    @media (max-width: 500px) {      .event-dtl {        flex-direction: column;        text-align: center;      }      .event-title-icon {        justify-content: center;      }    }  </style>    <div class="main-container">    <!-- --------------------       START OF LEFT SIDE     --------------------- -->    <div class="left-container">      <div class="event-dtl">        <!-- DATE -->        <div itemprop="startDate" content="2024-03-13">          <div class="event-title-icon">            <img              src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"              style="height: 20px; width: 25px"            />          </div>          <h3 class="event-title-head">Date</h3>          <!-- Update the date per each event -->          <p class="event-title-text">April 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">USU 305            </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 - 3 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>Love to prep your meals at home? Join Sustain U as we unpack the dangers of single-use plastics and the importance of utilizing biodegradable sandwich and snack bags, sustainable containers, and reusable cookware to minimize our carbon footprint! Take home your own beeswax paper to wrap snacks, breads, or sandwiches in to reduce your waste! Secure your spot now at Events & Orgs.</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_Sustain-U_Meal-Prep-for-Success_dgtl-CalEvent.jpg" alt="Event Flier" />        {loadmoduleid 368}    </div>    <!-- Technically end of right side -->  </div>  <!-- End of main-container -->    <!-- Accordion Test -->  <script>    document.addEventListener("DOMContentLoaded", function () {      document        .querySelectorAll("#HistoryOfUniversity .acco button")        .forEach((item) => item.addEventListener("click", toggleacco));        function toggleacco() {        const parentAcco = this.closest(".acco");        const itemsInThisAcco = parentAcco.querySelectorAll("button");        const currentStatus = this.getAttribute("aria-expanded");          if (currentStatus == "false") {          // Close all other items          // for (let i = 0; i < itemsInThisAcco.length; i++) {          //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");          // }          // Open the clicked item          this.setAttribute("aria-expanded", "true");        } else {          // Close the clicked item          this.setAttribute("aria-expanded", "false");        }      }    });  </script>  
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:733
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250507T100000
DTEND;TZID=America/Los_Angeles:20250507T150000
UID:498D3149-1394-43EE-AFF2-E39DAED03DEA
SUMMARY:Sustain U Outreach Meetings
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                    May 7\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      USU 303 & Zoom\N\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    10 - 11 AM | 2 - 3 PM\N\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N\N                        Engage, influence and shape the future of sustainability at Sustain U’s interactive Outreach Meetings – your voice matters in crafting a greener tomorrow! Don’t miss out on this event – securing your spot with an RSVP at Events & Orgs is highly recommended!\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/cal/Spring25/F24_SustainU_Outreach_Meetings_dtgl-CalEvent_1.jpg&quot;\N          alt=&quot;\NSustain U Outreach Meetings\NMarch 5\N10 - 11 AM | 2 - 3 PM\NUSU 303 & Zoom&quot;\N        /&gt;\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">May 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">USU 303 & Zoom</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 - 11 AM | 2 - 3 PM<br /></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>Engage, influence and shape the future of sustainability at Sustain U’s interactive Outreach Meetings – your voice matters in crafting a greener tomorrow! Don’t miss out on this event – securing your spot with an RSVP at Events & Orgs is highly recommended!</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/Spring25/F24_SustainU_Outreach_Meetings_dtgl-CalEvent_1.jpg"          alt="Sustain U Outreach MeetingsMarch 510 - 11 AM | 2 - 3 PMUSU 303 & Zoom"        />        {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250301T011953Z
X-ACCESS:1
X-HITS:771
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250910T130000
DTEND;TZID=America/Los_Angeles:20250910T140000
UID:58661B34-F19C-4C13-968D-DE1A4CBCA647
SUMMARY:Every Drop Counts
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                    Sept 10\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      PH1 219\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    1 to 2 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                       Join Sustain U for an engaging, science-based workshop that will open your eyes to the hidden water in your everyday life. You’ll uncover the surprising water footprint of common items and explore how climate change, agriculture and consumption all connect to global water stress. Walk away with practical, easy changes you can make because every drop counts. Besides gaining insightful knowledge, you are also in the running for three giveaways! Take a chance at winning some awesome prizes! Don't forget to reserve your spot at Events & Orgs!\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/cal/Fall-2025/SM25_SustainU_EveryDropCounts_dgtl-event_1.jpg&quot;\N          alt=&quot;Sustain U&quot;\N        /&gt;\N        \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">Sept 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">PH1 219</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">1 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>                       Join Sustain U for an engaging, science-based workshop that will open your eyes to the hidden water in your everyday life. You’ll uncover the surprising water footprint of common items and explore how climate change, agriculture and consumption all connect to global water stress. Walk away with practical, easy changes you can make because every drop counts. Besides gaining insightful knowledge, you are also in the running for three giveaways! Take a chance at winning some awesome prizes! Don't forget to reserve your spot at Events & Orgs!                      </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-2025/SM25_SustainU_EveryDropCounts_dgtl-event_1.jpg"          alt="Sustain U"        />                  {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250909T200632Z
X-ACCESS:1
X-HITS:686
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250915T120000
DTEND;TZID=America/Los_Angeles:20250915T130000
UID:AF904735-A504-49A2-92C7-3EFF3254AC4A
SUMMARY:Plant-a-Plant
DTSTAMP:20250903T221403Z
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. 15\N\N      \N\N      \N      \N        \N            Location\N          \N          Grow Beach Garden\N\N        \N      \N\N      \N      \N        \N          Time\N        \N        12 to 1 p.m. \N\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          Transform your green thumb aspirations into reality with Sustain U at the Grow Beach Garden! This workshop will teach you the art of transplanting succulents into pots and provide tips for nurturing your plants at home. Spaces are limited, so RSVP today on Events & Orgs to reserve your spot. Don’t miss this opportunity to grow your gardening skills and take home your very own succulent masterpiece!\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">Sept. 15</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">Grow Beach Garden</p>        </div>      </div>      <!-- TIME -->      <div itemprop="endDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Time</h3>        <!-- MUST INCLUDE "." IN A.M./P.M. -->        <p class="event-title-text">12 to 1 p.m. </p>      </div>    </div>    <!-- EVENT DESCRIPTION -->    <div class="event-description">      <div>        <h3 class="event-title-head">Description</h3>        <!-- ***************************************        ** Place all elements of description HERE **        **************************************** -->        <div itemprop="description">          <p>Transform your green thumb aspirations into reality with Sustain U at the Grow Beach Garden! This workshop will teach you the art of transplanting succulents into pots and provide tips for nurturing your plants at home. Spaces are limited, so RSVP today on Events & Orgs to reserve your spot. Don’t miss this opportunity to grow your gardening skills and take home your very own succulent masterpiece!</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/FA25_SustainU_Plant_a_Plant_dgtl-CalEvent-v2.jpg" alt="Plant-a-PlantSept. 1512 to 1 p.m. Grow Beach Garden" />    {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:20250903T221618Z
X-ACCESS:1
X-HITS:559
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250922T120000
DTEND;TZID=America/Los_Angeles:20250922T130000
UID:B0535320-887F-4895-8D29-37B3D2910389
SUMMARY:Trash Talkers
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                    Sept 22\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      Speaker's Platform\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                       Join the Trash Talkers, a sustainable event series that empowers students to rethink waste through interactive activities. \N                      \N                      \N                       Become a certified Trash Talker! Join our fun-filled tabling event where you'll master waste disposal through interactive games and challenges, test your recycling skills and learn eco-friendly tips while having a blast. Complete the activities, earn your Trash Talker certification, snag an exclusive t-shirt and RSVP on Events & Orgs to help us turn trash talk into environmental action!\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/cal/Fall-2025/F25_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Trash Talkers&quot;\N        /&gt;\N        \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">Sept 22</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">Speaker's Platform</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">12 to 1 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>                       Join the Trash Talkers, a sustainable event series that empowers students to rethink waste through interactive activities.                       </p>                      <p>                       Become a certified Trash Talker! Join our fun-filled tabling event where you'll master waste disposal through interactive games and challenges, test your recycling skills and learn eco-friendly tips while having a blast. Complete the activities, earn your Trash Talker certification, snag an exclusive t-shirt and RSVP on Events & Orgs to help us turn trash talk into environmental action!                      </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-2025/F25_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"          alt="Trash Talkers"        />                  {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250825T175608Z
X-ACCESS:1
X-HITS:451
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250923T100000
DTEND;TZID=America/Los_Angeles:20250923T113000
UID:833D8D6A-F4CE-4495-8123-9637AF8497C5
SUMMARY:Pass the Plate: Mexican Street Corn
DTSTAMP:20250206T161045Z
DESCRIPTION:\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          Sept  23\N        \N  \N        \N        \N          \N              Location\N            \N            TBD\N          \N        \N  \N        \N        \N          \N            Time\N          \N          10 - 11:30 a.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            Spice up your afternoon with Sustain U’s Pass the Plate: Mexican Street Corn Salad! In this hands-on session, you’ll prepare a zesty, creamy salad packed with roasted corn, cotija cheese, fresh cilantro, lime and more. Learn about the cultural roots and nutritional value of this iconic dish while building confidence in your cooking skills. Participants will leave with a healthy homemade meal, new knowledge and access to campus food and wellness resources. Secure your spot on Events & Orgs!\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:<!-- 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: 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">Sept  23</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">TBD</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">10 - 11:30 a.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>Spice up your afternoon with Sustain U’s Pass the Plate: Mexican Street Corn Salad! In this hands-on session, you’ll prepare a zesty, creamy salad packed with roasted corn, cotija cheese, fresh cilantro, lime and more. Learn about the cultural roots and nutritional value of this iconic dish while building confidence in your cooking skills. Participants will leave with a healthy homemade meal, new knowledge and access to campus food and wellness resources. Secure your spot on Events & Orgs!</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/Fall-2025/SustainU_Pass-The-Plate_dgtl-CalEvent_2_1.jpg" alt="Pass the Plate      Vegetarian RamenApril 2410 - 11:30 a.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:20250918T221738Z
X-ACCESS:1
X-HITS:671
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250925T110000
DTEND;TZID=America/Los_Angeles:20250925T120000
UID:10CE9B60-1366-4136-89C2-0AD4357303C4
SUMMARY:Compost Happens
DTSTAMP:20250911T153046Z
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          Grow Beach Garden\N        \N      \N \N      \N      \N        \N          Time\N        \N        11 a.m. to 12 p.m.\N      \N    \N \N    \N    \N      \N        Description\N        \N        \N          \N            Join Sustain U at the Grow Beach Garden near Friendship Walk to discover the wonders of composting! Learn what compost is, how it benefits the environment and create your own compost to take home. This event is designed to help you connect with nature and promote sustainable living. Don't forget to reserve your spot on Events & Orgs to ensure you don't miss out on the fun!\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/SM25_Sustain_U_Compost-Happens_dgtl-CalEvent.jpg&quot;\N      alt=&quot;Compost Happens\NSept. 25 | Oct. 23 | Nov. 5\N11 a.m. to 12 p.m.\NGrow Beach Garden\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">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">Grow Beach Garden</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 12 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 Sustain U at the Grow Beach Garden near Friendship Walk to discover the wonders of composting! Learn what compost is, how it benefits the environment and create your own compost to take home. This event is designed to help you connect with nature and promote sustainable living. Don't forget to reserve your spot on <a href="https://csulb.campuslabs.com/engage/events?query=compost%20happens&themes=ThoughtfulLearning" target="_blank">Events & Orgs</a> to ensure you don't miss out on the fun!          </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_Sustain_U_Compost-Happens_dgtl-CalEvent.jpg"      alt="Compost HappensSept. 25 | Oct. 23 | Nov. 511 a.m. to 12 p.m.Grow Beach Garden"    />     {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:455
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20250929T120000
DTEND;TZID=America/Los_Angeles:20250929T140000
UID:89A36046-367C-4A43-8C81-A4C5F7A73929
SUMMARY:Trash Talkers Mini Fair
DTSTAMP:20250829T165128Z
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. 29\N      \N\N      \N      \N        \N            Location\N          \N          Grow Beach Garden\N        \N      \N\N      \N      \N        \N          Time\N        \N        12 to 2 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          Join the Trash Talkers Mini Fair and take a step toward a more green-friendly future! This sustainable event series empowers students to rethink waste through interactive activities, like composting demos. Don't miss out on this engaging, well-rounded experience. RSVP on Events & Orgs through the links below and be part of the movement towards sustainability!\N          \N          RSVP for Monday, Sept. 29\N          RSVP for Monday, Oct. 27\N          RSVP for Tuesday, Nov. 18\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"> Sept. 29</p>      </div>      <!-- LOCATION -->      <div>        <div          itemprop="location"          itemscope="itemscope"          itemtype="http://schema.org/Place"        >          <div class="event-title-icon">            <img              src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png"              style="height: 20px; width: 25px"            />          </div>          <h3 class="event-title-head">Location</h3>          <!-- Update the date per each event -->          <p class="event-title-text">Grow Beach Garden</p>        </div>      </div>      <!-- TIME -->      <div itemprop="endDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Time</h3>        <!-- MUST INCLUDE "." IN A.M./P.M. -->        <p class="event-title-text">12 to 2 p.m.</p>      </div>    </div>    <!-- EVENT DESCRIPTION -->    <div class="event-description">      <div>        <h3 class="event-title-head">Description</h3>        <!-- ***************************************        ** Place all elements of description HERE **        **************************************** -->        <div itemprop="description">          <p>Join the Trash Talkers Mini Fair and take a step toward a more green-friendly future! This sustainable event series empowers students to rethink waste through interactive activities, like composting demos. Don't miss out on this engaging, well-rounded experience. RSVP on Events & Orgs through the links below and be part of the movement towards sustainability!</p>          <ul>          <li><a href="https://csulb.campuslabs.com/engage/event/11310009">RSVP for Monday, Sept. 29</a></li>          <li><a href="https://csulb.campuslabs.com/engage/event/11310010">RSVP for Monday, Oct. 27</a></li>          <li><a href="https://csulb.campuslabs.com/engage/event/11310033">RSVP for Tuesday, Nov. 18</a></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/Fall-2025/F25_SustainU_Trash-Talkers-Mini-Fair__dgtl-CalEvent.jpg" alt="Event Flier" />    {loadmoduleid 368}  </div>  <!-- Technically end of right side --></div><!-- End of main-container --><!-- Accordion Test --><script>  document.addEventListener("DOMContentLoaded", function () {    document      .querySelectorAll("#HistoryOfUniversity .acco button")      .forEach((item) => item.addEventListener("click", toggleacco));    function toggleacco() {      const parentAcco = this.closest(".acco");      const itemsInThisAcco = parentAcco.querySelectorAll("button");      const currentStatus = this.getAttribute("aria-expanded");      if (currentStatus == "false") {        // Close all other items        // for (let i = 0; i < itemsInThisAcco.length; i++) {        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");        // }        // Open the clicked item        this.setAttribute("aria-expanded", "true");      } else {        // Close the clicked item        this.setAttribute("aria-expanded", "false");      }    }  });</script>
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:734
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251001T100000
DTEND;TZID=America/Los_Angeles:20251001T150000
UID:A27CFBAA-7B9E-4668-B8C0-8D0DAC512440
SUMMARY:Sustain U Outreach Meetings
DTSTAMP:20250925T182756Z
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. 1 & Dec. 3 \N      \N \N      \N      \N        \N            Location\N          \N          PH1 219\N        \N      \N \N      \N      \N        \N          Time\N        \N        10 to 11 a.m. & 2 to 3 p.m.\N      \N    \N \N    \N    \N      \N        Description\N        \N        \N          \N            Engage, influence and shape the future of sustainability at Sustain U’s interactive Outreach Meetings. Your voice matters in crafting a greener tomorrow! Don’t miss out on this event by securing your spot with an RSVP on Events & Orgs! \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_SustainU_Outreach_Meetings_dgtl-CalEvent.jpg&quot;\N      alt=&quot;Sustain U Outreach Meetings\NOct. 1 & Dec. 3 \N10 to 11 a.m. & 2 to 3 p.m.\NPH1 219\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">Oct. 1 & Dec. 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>          <!-- Update the date per each event -->          <p class="event-title-text">PH1 219</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 to 11 a.m. & 2 to 3 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>            Engage, influence and shape the future of sustainability at Sustain U’s interactive Outreach Meetings. Your voice matters in crafting a greener tomorrow! Don’t miss out on this event by securing your spot with an RSVP on Events & Orgs!           </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_SustainU_Outreach_Meetings_dgtl-CalEvent.jpg"      alt="Sustain U Outreach MeetingsOct. 1 & Dec. 3 10 to 11 a.m. & 2 to 3 p.m.PH1 219"    />     {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:434
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251006T120000
DTEND;TZID=America/Los_Angeles:20251006T130000
UID:FD3FD5B6-B80F-4134-9290-F20FE69379D3
SUMMARY:Trash Talkers
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                    Oct 6\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      Speaker's Platform\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                       Join the Trash Talkers, a sustainable event series that empowers students to rethink waste through interactive activities. \N                      \N                      \N                       Become a certified Trash Talker! Join our fun-filled tabling event where you'll master waste disposal through interactive games and challenges, test your recycling skills and learn eco-friendly tips while having a blast. Complete the activities, earn your Trash Talker certification, snag an exclusive t-shirt and RSVP on Events & Orgs to help us turn trash talk into environmental action!\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/cal/Fall-2025/F25_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Trash Talkers&quot;\N        /&gt;\N        \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 6</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">Speaker's Platform</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">12 to 1 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>                       Join the Trash Talkers, a sustainable event series that empowers students to rethink waste through interactive activities.                       </p>                      <p>                       Become a certified Trash Talker! Join our fun-filled tabling event where you'll master waste disposal through interactive games and challenges, test your recycling skills and learn eco-friendly tips while having a blast. Complete the activities, earn your Trash Talker certification, snag an exclusive t-shirt and RSVP on Events & Orgs to help us turn trash talk into environmental action!                      </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-2025/F25_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"          alt="Trash Talkers"        />                  {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250825T175750Z
X-ACCESS:1
X-HITS:457
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251009T110000
DTEND;TZID=America/Los_Angeles:20251009T120000
UID:6AAA390D-8A77-451F-89FB-4B147581BFAF
SUMMARY:Greener Campuses, Stronger Students 
DTSTAMP:20250924T154432Z
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. 9\N      \N \N      \N      \N        \N            Location\N          \N          PH1 219\N        \N      \N \N      \N      \N        \N          Time\N        \N        11:00 a.m. to 12 p.m.\N      \N    \N \N    \N    \N      \N        Description\N        \N        \N          \N            Immerse yourself in Sustain U's hands-on, student-centered workshop and learn how to connect sustainability to your everyday college life!\N          \N          \N            Discover how your choices from what you wear to how you commute impact the planet. Explore how climate, community and careers all intersect with sustainability. Whether you're new to the movement or already eco-minded, you'll leave with real strategies and inspiration to lead change. Because a greener campus starts with you. \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_Sustain-U_Greener-Campus-Stronger-Students_dgtl-CalEvent.jpg&quot;\N      alt=&quot;Greener Campuses, Stronger Students \NOct. 9\N11:00 a.m. to 12 p.m.\NPH1 219\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">Oct. 9</p>      </div>       <!-- LOCATION -->      <div>        <div          itemprop="location"          itemscope="itemscope"          itemtype="http://schema.org/Place"        >          <div class="event-title-icon">            <img              src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png"              style="height: 20px; width: 25px"            />          </div>          <h3 class="event-title-head">Location</h3>          <!-- Update the date per each event -->          <p class="event-title-text">PH1 219</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:00 a.m. to 12 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>            Immerse yourself in Sustain U's hands-on, student-centered workshop and learn how to connect sustainability to your everyday college life!          </p>          <p>            Discover how your choices from what you wear to how you commute impact the planet. Explore how climate, community and careers all intersect with sustainability. Whether you're new to the movement or already eco-minded, you'll leave with real strategies and inspiration to lead change. Because a greener campus starts with you.           </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_Sustain-U_Greener-Campus-Stronger-Students_dgtl-CalEvent.jpg"      alt="Greener Campuses, Stronger Students Oct. 911:00 a.m. to 12 p.m.PH1 219"    />     {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> 
X-ACCESS:1
X-HITS:372
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251013T140000
DTEND;TZID=America/Los_Angeles:20251013T153000
UID:2184D100-E006-479D-80B2-6931A879D7D1
SUMMARY:Pass the Plate: Mexican Street Corn Salad
DTSTAMP:20250206T161045Z
DESCRIPTION:\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          Oct. 13\N        \N  \N        \N        \N          \N              Location\N            \N            Hillside Commons Kitchen\N          \N        \N  \N        \N        \N          \N            Time\N          \N          2 - 3:30 a.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            Spice up your afternoon with Sustain U’s Pass the Plate: Mexican Street Corn Salad! In this hands-on session, you’ll prepare a zesty, creamy salad packed with roasted corn, cotija cheese, fresh cilantro, lime and more. Learn about the cultural roots and nutritional value of this iconic dish while building confidence in your cooking skills. Participants will leave with a healthy homemade meal, new knowledge and access to campus food and wellness resources. Secure your spot on Events & Orgs!\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:<!-- 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: 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">Oct. 13</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">Hillside Commons 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>          <p class="event-title-head">Time</p>          <!-- MUST INCLUDE "." IN A.M./P.M. -->          <p class="event-title-text">2 - 3:30 a.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>Spice up your afternoon with Sustain U’s Pass the Plate: Mexican Street Corn Salad! In this hands-on session, you’ll prepare a zesty, creamy salad packed with roasted corn, cotija cheese, fresh cilantro, lime and more. Learn about the cultural roots and nutritional value of this iconic dish while building confidence in your cooking skills. Participants will leave with a healthy homemade meal, new knowledge and access to campus food and wellness resources. Secure your spot on Events & Orgs!</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/Fall-2025/SustainU_Pass-The-Plate_dgtl-CalEvent_2_1.jpg" alt="Pass the Plate      Vegetarian RamenApril 2410 - 11:30 a.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:20251013T150221Z
X-ACCESS:1
X-HITS:474
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251015T120000
DTEND;TZID=America/Los_Angeles:20251015T130000
UID:C1232659-A7F6-468D-B5B5-AB9679536C88
SUMMARY:Butterfly Bash
DTSTAMP:20250930T173514Z
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. 15\N      \N \N      \N      \N        \N            Location\N          \N          Grow Beach Garden\N        \N      \N \N      \N      \N        \N          Time\N        \N        12 to 1 p.m.\N      \N    \N \N    \N    \N      \N        Description\N        \N        \N            \N              Help pollinators thrive while growing your own gardening skills with Sustain U\N              at their Butterfly Bash event!\N            \N\N            \N              In this hands-on workshop, you'll discover the vital role pollinators like\N              butterflies and bees play in our environment. Participants will transplant\N              marigold plants into take-home pots and receive expert tips on how to keep\N              their flowers healthy at home, all while creating pollinator-friendly spaces\N              of their own.\N            \N\N            You can expect to:\N            \N              Connect with nature\N              Support pollinator habitats\N              Take home your own marigold plant\N            \N\N            Space is limited&mdash;RSVP today on Events & Orgs to save your spot!\N\N        \N        \N      \N    \N    \N  \N  \N \N  \N  \N    img\N      class="event-img&quot;\N      src=&quot;images/cal/Fall-2025/F25_Sustain-U_Butterfly-Bash_dgtl-CalEvent.jpg&quot;\N      alt=&quot;Butterfly Bash\NOct. 15\N12 to 1 p.m.\NGrow Beach Garden\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">Oct. 15</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">Grow Beach Garden</p>        </div>      </div>       <!-- TIME -->      <div itemprop="endDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Time</h3>        <!-- MUST INCLUDE "." IN A.M./P.M. -->        <p class="event-title-text">12 to 1 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 pollinators thrive while growing your own gardening skills with Sustain U              at their Butterfly Bash event!            </p>            <p>              In this hands-on workshop, you'll discover the vital role pollinators like              butterflies and bees play in our environment. Participants will transplant              marigold plants into take-home pots and receive expert tips on how to keep              their flowers healthy at home, all while creating pollinator-friendly spaces              of their own.            </p>            <p>You can expect to:</p>            <ul>              <li>Connect with nature</li>              <li>Support pollinator habitats</li>              <li>Take home your own marigold plant</li>            </ul>            <p><strong>Space is limited</strong>&mdash;RSVP today on Events &amp; Orgs to save your spot!</p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->   <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img      class="event-img"      src="images/cal/Fall-2025/F25_Sustain-U_Butterfly-Bash_dgtl-CalEvent.jpg"      alt="Butterfly BashOct. 1512 to 1 p.m.Grow Beach Garden"    />     {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:20251014T222807Z
X-ACCESS:1
X-HITS:618
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251016T120000
DTEND;TZID=America/Los_Angeles:20251016T130000
UID:E16F9DDB-792D-4867-B961-07973C9464A9
SUMMARY:Paint Party: A Fall Sustainability Celebration 
DTSTAMP:20250317T212222Z
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. 16\N      \N\N      \N      \N        \N            Location\N          \N          Grow Beach Garden\N        \N      \N\N      \N      \N        \N          Time\N        \N        12 to 1 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          \N           Join us for a Paint Party, a creative celebration of student life and sustainability! Hosted by Sustain U and the Laurén Chalmers '83 Beach Pantry, this event invites you to express yourself through art, while exploring real ways to live more sustainably on campus. \N\N          \N            Decorate pumpkins, kindness rocks, tote bags or bring your own item to personalize. We'll provide supplies, good vibes and eco-friendly inspiration. No painting experience is needed, just bring your creativity and a smile. \N         This fall event is all about YOU: your expression, your campus and  your impact. Materials are free, spots are limited. Don't forget to RSVP on Events & Orgs, let’s paint the campus greener!\N        \N        \N      \N    \N    \N  \N  \N\N  \N  \N    img\N      class="event-img&quot;\N      src=&quot;images/cal/Spring25/F25_SustainU_Paint_Party_dgtl-CalEvent_1.jpg&quot;\N      alt=&quot;Paint & Sip\NMarch 27\N12 to 2 p.m.\NUSU Southwest Terrace\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">Oct. 16</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">Grow Beach Garden</p>        </div>      </div>      <!-- TIME -->      <div itemprop="endDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Time</h3>        <!-- MUST INCLUDE "." IN A.M./P.M. -->        <p class="event-title-text">12 to 1 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 a Paint Party, a creative celebration of student life and sustainability! Hosted by Sustain U and the Laurén Chalmers '83 Beach Pantry, this event invites you to express yourself through art, while exploring real ways to live more sustainably on campus.           </p>           <p> Decorate pumpkins, kindness rocks, tote bags or bring your own item to personalize. We'll provide supplies, good vibes and eco-friendly inspiration. No painting experience is needed, just bring your creativity and a smile. </p>         <p>This fall event is all about YOU: your expression, your campus and  your impact. Materials are free, spots are limited. Don't forget to RSVP on Events & Orgs, let’s paint the campus greener!</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_SustainU_Paint_Party_dgtl-CalEvent_1.jpg"      alt="Paint & SipMarch 2712 to 2 p.m.USU Southwest Terrace"    />    {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:20251006T225416Z
X-ACCESS:1
X-HITS:1037
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251020T120000
DTEND;TZID=America/Los_Angeles:20251020T130000
UID:63B344A8-F292-49CF-9120-A5C2B6548442
SUMMARY:Trash Talkers
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                    Oct 20\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      Speaker's Platform\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                       Join the Trash Talkers, a sustainable event series that empowers students to rethink waste through interactive activities. \N                      \N                      \N                       Become a certified Trash Talker! Join our fun-filled tabling event where you'll master waste disposal through interactive games and challenges, test your recycling skills and learn eco-friendly tips while having a blast. Complete the activities, earn your Trash Talker certification, snag an exclusive t-shirt and RSVP on Events & Orgs to help us turn trash talk into environmental action!\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/cal/Fall-2025/F25_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Trash Talkers&quot;\N        /&gt;\N        \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 20</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">Speaker's Platform</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">12 to 1 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>                       Join the Trash Talkers, a sustainable event series that empowers students to rethink waste through interactive activities.                       </p>                      <p>                       Become a certified Trash Talker! Join our fun-filled tabling event where you'll master waste disposal through interactive games and challenges, test your recycling skills and learn eco-friendly tips while having a blast. Complete the activities, earn your Trash Talker certification, snag an exclusive t-shirt and RSVP on Events & Orgs to help us turn trash talk into environmental action!                      </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-2025/F25_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"          alt="Trash Talkers"        />                  {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250825T175817Z
X-ACCESS:1
X-HITS:654
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251023T110000
DTEND;TZID=America/Los_Angeles:20251023T120000
UID:C1E2AFBD-5785-4A2A-A9FB-E22CCEDBA69A
SUMMARY:Compost Happens
DTSTAMP:20250911T153046Z
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. 23\N      \N \N      \N      \N        \N            Location\N          \N          Grow Beach Garden\N        \N      \N \N      \N      \N        \N          Time\N        \N        11 a.m. to 12 p.m.\N      \N    \N \N    \N    \N      \N        Description\N        \N        \N          \N            Join Sustain U at the Grow Beach Garden near Friendship Walk to discover the wonders of composting! Learn what compost is, how it benefits the environment and create your own compost to take home. This event is designed to help you connect with nature and promote sustainable living. Don't forget to reserve your spot on Events & Orgs to ensure you don't miss out on the fun!\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/SM25_Sustain_U_Compost-Happens_dgtl-CalEvent.jpg&quot;\N      alt=&quot;Compost Happens\NSept. 25 | Oct. 23 | Nov. 5\N11 a.m. to 12 p.m.\NGrow Beach Garden\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">Oct. 23</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">Grow Beach Garden</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 12 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 Sustain U at the Grow Beach Garden near Friendship Walk to discover the wonders of composting! Learn what compost is, how it benefits the environment and create your own compost to take home. This event is designed to help you connect with nature and promote sustainable living. Don't forget to reserve your spot on <a href="https://csulb.campuslabs.com/engage/events?query=compost%20happens&themes=ThoughtfulLearning" target="_blank">Events & Orgs</a> to ensure you don't miss out on the fun!          </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_Sustain_U_Compost-Happens_dgtl-CalEvent.jpg"      alt="Compost HappensSept. 25 | Oct. 23 | Nov. 511 a.m. to 12 p.m.Grow Beach Garden"    />     {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:20250911T153526Z
X-ACCESS:1
X-HITS:371
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251027T120000
DTEND;TZID=America/Los_Angeles:20251027T140000
UID:DE83CB34-AF6B-4D05-8226-33D44FCAF7A9
SUMMARY:Trash Talkers Mini Fair
DTSTAMP:20250829T165128Z
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. 27\N      \N\N      \N      \N        \N            Location\N          \N          Grow Beach Garden\N        \N      \N\N      \N      \N        \N          Time\N        \N        12 to 2 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          Join the Trash Talkers Mini Fair and take a step toward a more green-friendly future! This sustainable event series empowers students to rethink waste through interactive activities, like composting demos. Don't miss out on this engaging, well-rounded experience. RSVP on Events & Orgs through the links below and be part of the movement towards sustainability!\N          \N          RSVP for Monday, Sept. 29\N          RSVP for Monday, Oct. 27\N          RSVP for Tuesday, Nov. 18\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">Oct. 27</p>      </div>      <!-- LOCATION -->      <div>        <div          itemprop="location"          itemscope="itemscope"          itemtype="http://schema.org/Place"        >          <div class="event-title-icon">            <img              src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png"              style="height: 20px; width: 25px"            />          </div>          <h3 class="event-title-head">Location</h3>          <!-- Update the date per each event -->          <p class="event-title-text">Grow Beach Garden</p>        </div>      </div>      <!-- TIME -->      <div itemprop="endDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Time</h3>        <!-- MUST INCLUDE "." IN A.M./P.M. -->        <p class="event-title-text">12 to 2 p.m.</p>      </div>    </div>    <!-- EVENT DESCRIPTION -->    <div class="event-description">      <div>        <h3 class="event-title-head">Description</h3>        <!-- ***************************************        ** Place all elements of description HERE **        **************************************** -->        <div itemprop="description">          <p>Join the Trash Talkers Mini Fair and take a step toward a more green-friendly future! This sustainable event series empowers students to rethink waste through interactive activities, like composting demos. Don't miss out on this engaging, well-rounded experience. RSVP on Events & Orgs through the links below and be part of the movement towards sustainability!</p>          <ul>          <li><a href="https://csulb.campuslabs.com/engage/event/11310009">RSVP for Monday, Sept. 29</a></li>          <li><a href="https://csulb.campuslabs.com/engage/event/11310010">RSVP for Monday, Oct. 27</a></li>          <li><a href="https://csulb.campuslabs.com/engage/event/11310033">RSVP for Tuesday, Nov. 18</a></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/Fall-2025/F25_SustainU_Trash-Talkers-Mini-Fair__dgtl-CalEvent.jpg" alt="Event Flier" />    {loadmoduleid 368}  </div>  <!-- Technically end of right side --></div><!-- End of main-container --><!-- Accordion Test --><script>  document.addEventListener("DOMContentLoaded", function () {    document      .querySelectorAll("#HistoryOfUniversity .acco button")      .forEach((item) => item.addEventListener("click", toggleacco));    function toggleacco() {      const parentAcco = this.closest(".acco");      const itemsInThisAcco = parentAcco.querySelectorAll("button");      const currentStatus = this.getAttribute("aria-expanded");      if (currentStatus == "false") {        // Close all other items        // for (let i = 0; i < itemsInThisAcco.length; i++) {        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");        // }        // Open the clicked item        this.setAttribute("aria-expanded", "true");      } else {        // Close the clicked item        this.setAttribute("aria-expanded", "false");      }    }  });</script>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250829T165657Z
X-ACCESS:1
X-HITS:402
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251103T120000
DTEND;TZID=America/Los_Angeles:20251103T130000
UID:4006A943-E2B4-4451-9473-6988D5031A2B
SUMMARY:Trash Talkers
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                    Nov 3\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      Speaker's Platform\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                       Join the Trash Talkers, a sustainable event series that empowers students to rethink waste through interactive activities. \N                      \N                      \N                       Become a certified Trash Talker! Join our fun-filled tabling event where you'll master waste disposal through interactive games and challenges, test your recycling skills and learn eco-friendly tips while having a blast. Complete the activities, earn your Trash Talker certification, snag an exclusive t-shirt and RSVP on Events & Orgs to help us turn trash talk into environmental action!\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/cal/Fall-2025/F25_SustainU_Trash-Talkers_dgtl-CalEvent.jpg&quot;\N          alt=&quot;Trash Talkers&quot;\N        /&gt;\N        \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">Nov 3</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">Speaker's Platform</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">12 to 1 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>                       Join the Trash Talkers, a sustainable event series that empowers students to rethink waste through interactive activities.                       </p>                      <p>                       Become a certified Trash Talker! Join our fun-filled tabling event where you'll master waste disposal through interactive games and challenges, test your recycling skills and learn eco-friendly tips while having a blast. Complete the activities, earn your Trash Talker certification, snag an exclusive t-shirt and RSVP on Events & Orgs to help us turn trash talk into environmental action!                      </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-2025/F25_SustainU_Trash-Talkers_dgtl-CalEvent.jpg"          alt="Trash Talkers"        />                  {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250825T175857Z
X-ACCESS:1
X-HITS:395
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251105T110000
DTEND;TZID=America/Los_Angeles:20251105T120000
UID:11D13C83-812C-4ED8-8F42-80EDF144AF6B
SUMMARY:Compost Happens
DTSTAMP:20250911T153046Z
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        Nov. 5\N      \N \N      \N      \N        \N            Location\N          \N          Grow Beach Garden\N        \N      \N \N      \N      \N        \N          Time\N        \N        11 a.m. to 12 p.m.\N      \N    \N \N    \N    \N      \N        Description\N        \N        \N          \N            Join Sustain U at the Grow Beach Garden near Friendship Walk to discover the wonders of composting! Learn what compost is, how it benefits the environment and create your own compost to take home. This event is designed to help you connect with nature and promote sustainable living. Don't forget to reserve your spot on Events & Orgs to ensure you don't miss out on the fun!\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/SM25_Sustain_U_Compost-Happens_dgtl-CalEvent.jpg&quot;\N      alt=&quot;Compost Happens\NSept. 25 | Oct. 23 | Nov. 5\N11 a.m. to 12 p.m.\NGrow Beach Garden\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">Nov. 5</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">Grow Beach Garden</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 12 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 Sustain U at the Grow Beach Garden near Friendship Walk to discover the wonders of composting! Learn what compost is, how it benefits the environment and create your own compost to take home. This event is designed to help you connect with nature and promote sustainable living. Don't forget to reserve your spot on <a href="https://csulb.campuslabs.com/engage/events?query=compost%20happens&themes=ThoughtfulLearning" target="_blank">Events & Orgs</a> to ensure you don't miss out on the fun!          </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_Sustain_U_Compost-Happens_dgtl-CalEvent.jpg"      alt="Compost HappensSept. 25 | Oct. 23 | Nov. 511 a.m. to 12 p.m.Grow Beach Garden"    />     {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:20250911T153451Z
X-ACCESS:1
X-HITS:451
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251106T110000
DTEND;TZID=America/Los_Angeles:20251106T120000
UID:862D69BE-788E-46DB-8238-3AA77A6AD5F2
SUMMARY:Sustainable Cycles
DTSTAMP:20251017T175654Z
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. 6\N      \N\N      \N      \N        \N            Location\N          PH1 219\N        \N      \N\N      \N      \N        \N          Time\N        11 a.m. to 12 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          Discover the truth about mainstream menstrual products and their hidden toxic chemicals that harm your body and the environment. At Sustainable Cycles, learn how everyday pads and tampons contribute to pollution and health risks. Explore safe, sustainable alternatives like organic cotton pads, menstrual cups, period underwear and reusable cloth pads. RSVP now at Events & Orgs to secure your spot!\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. 6</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 219</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 12 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>Discover the truth about mainstream menstrual products and their hidden toxic chemicals that harm your body and the environment. At Sustainable Cycles, learn how everyday pads and tampons contribute to pollution and health risks. Explore safe, sustainable alternatives like organic cotton pads, menstrual cups, period underwear and reusable cloth pads. RSVP now at Events & Orgs to secure your spot!</p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img class="event-img" src="images/cal/Fall-2025/F25_Sustain-U_Sustainable-Cycles_dgtl-CalEvent.jpg" alt="Event Flier" />    {loadmoduleid 368}  </div>  <!-- Technically end of right side --></div><!-- End of main-container --><!-- Accordion Test --><script>  document.addEventListener("DOMContentLoaded", function () {    document      .querySelectorAll("#HistoryOfUniversity .acco button")      .forEach((item) => item.addEventListener("click", toggleacco));    function toggleacco() {      const parentAcco = this.closest(".acco");      const itemsInThisAcco = parentAcco.querySelectorAll("button");      const currentStatus = this.getAttribute("aria-expanded");      if (currentStatus == "false") {        // Close all other items        // for (let i = 0; i < itemsInThisAcco.length; i++) {        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");        // }        // Open the clicked item        this.setAttribute("aria-expanded", "true");      } else {        // Close the clicked item        this.setAttribute("aria-expanded", "false");      }    }  });</script>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20251110T162319Z
X-ACCESS:1
X-HITS:476
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251112T120000
DTEND;TZID=America/Los_Angeles:20251112T130000
UID:E0C4CFAA-417F-41D2-8964-CDF9866E3974
SUMMARY:Terrarium Time
DTSTAMP:20251029T070000Z
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. 12\N      \N\N      \N      \N        \N          \N            \N          \N          Location\N          Grow Beach Garden\N        \N      \N\N      \N      \N        \N          \N        \N        Time\N        12 to 1 p.m. \N      \N    \N\N    \N    \N      \N        Description\N        \N        \N         \N  Ready to get creative with plants?\N  Join Sustain U at the Grow Beach Garden for our exclusive Terrarium Time Workshop!\N  In this hands-on event, you'll build your very own terrarium using succulents and other easy-care plants.\N  Discover the balance of a closed ecosystem, receive valuable care tips and personalize your container to take home a mini green world you can proudly call your own.\N\N\N\N  What You'll Do:\N  - Learn the basics of succulent care and terrarium maintenance.\N  - Explore how terrariums replicate natural ecosystems in a fun and creative way.\N  - Relax, de-stress, and connect with nature—even indoors!\N  - Create your own terrarium using soil, stones and pre-selected plants.\N\N\N\N  Spaces are limited, so RSVP now on Events & Orgs to reserve your spot!\N  Don’t miss this chance to unwind, learn and take home your very own piece of nature.\N  We can't wait to see what you create!\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
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. 12</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">Grow Beach Garden</p>        </div>      </div>      <!-- TIME -->      <div itemprop="endDate" content="2024-03-13">        <div class="event-title-icon">          <img src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png" style="height: 20px; width: 25px" />        </div>        <h3 class="event-title-head">Time</h3>        <p class="event-title-text">12 to 1 p.m. </p>      </div>    </div>    <!-- EVENT DESCRIPTION -->    <div class="event-description">      <div>        <h3 class="event-title-head">Description</h3>        <!-- ***************************************        ** Place all elements of description HERE **        **************************************** -->        <div itemprop="description">         <p>  <b>Ready to get creative with plants?</b><br>  Join Sustain U at the Grow Beach Garden for our exclusive Terrarium Time Workshop!<br>  In this hands-on event, you'll build your very own terrarium using succulents and other easy-care plants.<br>  Discover the balance of a closed ecosystem, receive valuable care tips and personalize your container to take home a mini green world you can proudly call your own.</p><p>  <b>What You'll Do:</b><br>  - Learn the basics of succulent care and terrarium maintenance.<br>  - Explore how terrariums replicate natural ecosystems in a fun and creative way.<br>  - Relax, de-stress, and connect with nature—even indoors!<br>  - Create your own terrarium using soil, stones and pre-selected plants.</p><p>  Spaces are limited, so RSVP now on Events & Orgs to reserve your spot!<br>  Don’t miss this chance to unwind, learn and take home your very own piece of nature.<br>  We can't wait to see what you create!</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_Sustain_U_Terrarium_Time_dgtl-CalEvent__1.jpg" alt="Comedy_Nights" />    {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:20251110T162845Z
X-ACCESS:1
X-HITS:467
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251118T120000
DTEND;TZID=America/Los_Angeles:20251118T140000
UID:B1DCBB8B-2A7D-4CA1-A744-4B4CEACE59BE
SUMMARY:Trash Talkers Mini Fair
DTSTAMP:20250829T165128Z
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        Nov. 18\N      \N\N      \N      \N        \N            Location\N          \N          Grow Beach Garden\N        \N      \N\N      \N      \N        \N          Time\N        \N        12 to 2 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          Join the Trash Talkers Mini Fair and take a step toward a more green-friendly future! This sustainable event series empowers students to rethink waste through interactive activities, like composting demos. Don't miss out on this engaging, well-rounded experience. RSVP on Events & Orgs through the links below and be part of the movement towards sustainability!\N          \N          RSVP for Monday, Sept. 29\N          RSVP for Monday, Oct. 27\N          RSVP for Tuesday, Nov. 18\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">Nov. 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">Grow Beach Garden</p>        </div>      </div>      <!-- TIME -->      <div itemprop="endDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Time</h3>        <!-- MUST INCLUDE "." IN A.M./P.M. -->        <p class="event-title-text">12 to 2 p.m.</p>      </div>    </div>    <!-- EVENT DESCRIPTION -->    <div class="event-description">      <div>        <h3 class="event-title-head">Description</h3>        <!-- ***************************************        ** Place all elements of description HERE **        **************************************** -->        <div itemprop="description">          <p>Join the Trash Talkers Mini Fair and take a step toward a more green-friendly future! This sustainable event series empowers students to rethink waste through interactive activities, like composting demos. Don't miss out on this engaging, well-rounded experience. RSVP on Events & Orgs through the links below and be part of the movement towards sustainability!</p>          <ul>          <li><a href="https://csulb.campuslabs.com/engage/event/11310009">RSVP for Monday, Sept. 29</a></li>          <li><a href="https://csulb.campuslabs.com/engage/event/11310010">RSVP for Monday, Oct. 27</a></li>          <li><a href="https://csulb.campuslabs.com/engage/event/11310033">RSVP for Tuesday, Nov. 18</a></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/Fall-2025/F25_SustainU_Trash-Talkers-Mini-Fair__dgtl-CalEvent.jpg" alt="Event Flier" />    {loadmoduleid 368}  </div>  <!-- Technically end of right side --></div><!-- End of main-container --><!-- Accordion Test --><script>  document.addEventListener("DOMContentLoaded", function () {    document      .querySelectorAll("#HistoryOfUniversity .acco button")      .forEach((item) => item.addEventListener("click", toggleacco));    function toggleacco() {      const parentAcco = this.closest(".acco");      const itemsInThisAcco = parentAcco.querySelectorAll("button");      const currentStatus = this.getAttribute("aria-expanded");      if (currentStatus == "false") {        // Close all other items        // for (let i = 0; i < itemsInThisAcco.length; i++) {        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");        // }        // Open the clicked item        this.setAttribute("aria-expanded", "true");      } else {        // Close the clicked item        this.setAttribute("aria-expanded", "false");      }    }  });</script>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250829T165739Z
X-ACCESS:1
X-HITS:479
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20251203T100000
DTEND;TZID=America/Los_Angeles:20251203T150000
UID:2637211E-C9E4-4332-A26F-F52FBDBFC2C4
SUMMARY:Sustain U Outreach Meeting
DTSTAMP:20250925T182756Z
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        Dec. 3 \N      \N \N      \N      \N        \N            Location\N          \N          Grow Beach Garden\N        \N      \N \N      \N      \N        \N          Time\N        \N        10 to 11 a.m. & 2 to 3 p.m.\N      \N    \N \N    \N    \N      \N        Description\N        \N        \N          \N            Engage, influence and shape the future of sustainability at Sustain U’s interactive Outreach Meetings. Your voice matters in crafting a greener tomorrow! Don’t miss out on this event by securing your spot with an RSVP on Events & Orgs! \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_SustainU_Outreach-Meetings_dgtl-CalEvent_1.jpg&quot;\N      alt=&quot;Sustain U Outreach Meetings\NDec. 3 \N10 to 11 a.m. & 2 to 3 p.m.\NPH1 219\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">Dec. 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>          <!-- Update the date per each event -->          <p class="event-title-text">Grow Beach Garden</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 to 11 a.m. & 2 to 3 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>            Engage, influence and shape the future of sustainability at Sustain U’s interactive Outreach Meetings. Your voice matters in crafting a greener tomorrow! Don’t miss out on this event by securing your spot with an RSVP on <a href="https://csulb.campuslabs.com/engage/organization/asi-sustain-u" target="_blank" style="text-decoration: underline;"><b>Events & Orgs</b></a>!           </p>        </div>        <!-- Technically the end of the "description"  x-->      </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_SustainU_Outreach-Meetings_dgtl-CalEvent_1.jpg"      alt="Sustain U Outreach MeetingsDec. 3 10 to 11 a.m. & 2 to 3 p.m.PH1 219"    />     {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:20251125T221539Z
X-ACCESS:1
X-HITS:534
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260204T120000
DTEND;TZID=America/Los_Angeles:20260204T130000
RRULE:FREQ=MONTHLY;BYMONTHDAY=4,19;INTERVAL=2;UNTIL=20260219T235900Z
UID:195CEDD3-3AF2-45BF-8BAA-768104D757EE
SUMMARY:Trash Talkers
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                    Various Dates\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      Speaker's Platform\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                     Join the Trash Talkers, a sustainable event series that empowers students to rethink waste through interactive activities.\N                      \N                      Become a certified Trash Talker! Join our fun-filled tabling event where you'll master waste disposal through interactive games and challenges, test your recycling skills and learn eco-friendly tips while having a blast. Complete the activities, earn your Trash Talker certification, snag an exclusive t-shirt and RSVP on Events & Orgs to help us turn trash talk into environmental action!\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/cal/Spring26/SP26_SU_Trash-Talkers_dgtl-CalEvent_1.jpg&quot;\N          alt=&quot;Trash Talkers&quot;\N        /&gt;\N        \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">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">Speaker's Platform</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">12 to 1 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>                     Join the Trash Talkers, a sustainable event series that empowers students to rethink waste through interactive activities.                      </p>                      <p>Become a certified Trash Talker! Join our fun-filled tabling event where you'll master waste disposal through interactive games and challenges, test your recycling skills and learn eco-friendly tips while having a blast. Complete the activities, earn your Trash Talker certification, snag an exclusive t-shirt and RSVP on Events & Orgs to help us turn trash talk into environmental action!</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/Spring26/SP26_SU_Trash-Talkers_dgtl-CalEvent_1.jpg"          alt="Trash Talkers"        />                  {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20260126T213251Z
X-ACCESS:1
X-HITS:1
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260209T130000
DTEND;TZID=America/Los_Angeles:20260209T150000
UID:27D0D66B-7788-4223-B8D3-55B7D6189A64
SUMMARY:Planting 101
DTSTAMP:20260203T174128Z
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. 9\N      \N\N      \N      \N        \N            Location\N          Grow Beach Garden\N        \N      \N\N      \N      \N        \N          Time\N        1–3 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N              Grow your skills at Planting 101, a hands-on gardening workshop in the Grow Beach Garden. Learn how to transplant seedlings, prepare soil and support the spring 2026 garden cycle alongside Sustain U.\N\N              This interactive workshop offers practical experience in sustainable gardening while helping maintain the long-term health of the Grow Beach Garden. Whether you’re new to planting or looking to deepen your green thumb, this is a great opportunity to learn, connect, and give back to your campus environment.\N\NAll participants will be entered into an opportunity drawing for sustainable swag.\N\NThis event is FREE and open to all Long Beach State students. RSVP through Events & Orgs to secure your spot.\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. 9</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">Grow Beach Garden</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">1–3 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>Grow your skills at Planting 101, a hands-on gardening workshop in the Grow Beach Garden. Learn how to transplant seedlings, prepare soil and support the spring 2026 garden cycle alongside Sustain U.</p>              <p>This interactive workshop offers practical experience in sustainable gardening while helping maintain the long-term health of the Grow Beach Garden. Whether you’re new to planting or looking to deepen your green thumb, this is a great opportunity to learn, connect, and give back to your campus environment.</p><p>All participants will be entered into an opportunity drawing for sustainable swag.</p><p>This event is FREE and open to all Long Beach State students. RSVP through Events & Orgs to secure your spot.</p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img class="event-img" src="images/cal/Spring26/SP26_SU_Planting-101_calevent.jpg" alt="Planting 101Feb. 91–3 p.m.Grow Beach Garden" />    {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:20260203T182012Z
X-ACCESS:1
X-HITS:227
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260211T173000
DTEND;TZID=America/Los_Angeles:20260211T183000
UID:4238B23D-ECD2-433C-9286-31A034C51D0A
SUMMARY:Glow Up Garden: Paint with Lights
DTSTAMP:20260121T182157Z
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. 11\N      \N\N      \N      \N        \N            Location\N          Grow Beach Garden\N        \N      \N\N      \N      \N        \N          Time\N        5:30 to 6:30 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N              Light up your creativity with Sustain U at the Grow Beach Garden! In this interactive workshop, you’ll explore how solar energy turns sunlight into power while decorating your own luminous solar planter.\N\N              Using glow-in-the-dark paints and eco-friendly materials, you’ll create a one-of-a-kind piece that brings sustainable light and greenery to your space. RSVP on Events & Orgs to secure your spot!\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">Feb. 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>          <p class="event-title-text">Grow Beach Garden</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:30 to 6: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>Light up your creativity with Sustain U at the Grow Beach Garden! In this interactive workshop, you’ll explore how solar energy turns sunlight into power while decorating your own luminous solar planter.</p>              <p>Using glow-in-the-dark paints and eco-friendly materials, you’ll create a one-of-a-kind piece that brings sustainable light and greenery to your space. RSVP on Events & Orgs to secure your spot!</p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img class="event-img" src="images/cal/Spring26/SP26_Sustain-U_Glow-Up-Garden--Paint-with-Lights_dgtl-CalEvent_1.jpg" alt="Glow Up Garden: Paint with LightsFeb. 115:30 to 6:30 p.m.Grow Beach Garden" />    {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:20260121T182242Z
X-ACCESS:1
X-HITS:340
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260212T130000
DTEND;TZID=America/Los_Angeles:20260212T140000
UID:A61AA5B6-FEA2-4DF1-9B5A-775C7FF41739
SUMMARY:Love For Nature: Button Making
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. 12\N      \N\N      \N      \N        \N          \N            \N          \N          Location\N           SRWC Pool Deck\N\N        \N      \N\N      \N      \N        \N          \N        \N        Time\N        1 p.m. -  2p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N        Join Sustain U and Beach Balance for a creative, sustainability - centered workshop where you’ll design and create buttons that express your love for nature. Use recycled materials to craft one-of-a-kind buttons. RSVP on Events & Orgs to secure your spot\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. 12</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"> SRWC Pool Deck</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">1 p.m. -  2p.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 Sustain U and Beach Balance for a creative, sustainability - centered workshop where you’ll design and create buttons that express your love for nature. Use recycled materials to craft one-of-a-kind buttons. RSVP on Events & Orgs to secure your spot</p>           </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img class="event-img" src="images/cal/Spring26/SP26_Sustain-U_Love-for-Nature--Button-Making_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:20260203T184236Z
X-ACCESS:1
X-HITS:220
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260216T130000
DTEND;TZID=America/Los_Angeles:20260216T140000
UID:45AE5AFE-4F83-4761-A828-F80385173201
SUMMARY:It's a Pollinator's Planet!
DTSTAMP:20260213T162708Z
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. 16\N      \N\N      \N      \N        \N            Location\N          Feb. 16\N        \N      \N\N      \N      \N        \N          Time\N        Feb. 16\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          Join Sustain U for an exciting look into the importance of pollinators such as bees, butterflies and bats have on our ecosystem! Learn more about the process of pollination between different species and how these systems allow for mass food production. Discover how dangerous chemicals, such as pesticides, as well as parasites, work in tandem with climate change and habitat loss to affect the lives of these beneficial pollinators.\N          RSVP on Events & Orgs to secure your spot at this exciting event—participants will be entered into an opportunity drawing for sustainable swag!\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. 16</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">Feb. 16</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">Feb. 16</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 Sustain U for an exciting look into the importance of pollinators such as bees, butterflies and bats have on our ecosystem! Learn more about the process of pollination between different species and how these systems allow for mass food production. Discover how dangerous chemicals, such as pesticides, as well as parasites, work in tandem with climate change and habitat loss to affect the lives of these beneficial pollinators.</p>          <p>RSVP on <a href="https://csulb.campuslabs.com/engage/organization/asi-sustain-u"><b>Events & Orgs</b></a> to secure your spot at this exciting event—participants will be entered into an opportunity drawing for sustainable swag!</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_Sustain-U_Its-a-Pollinators-Planet_dgtl-CalEvent.jpg" alt="It's a Pollinator's Planet!Feb. 161 to 2 p.m.PH1 201" />    {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:183
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260218T140000
DTEND;TZID=America/Los_Angeles:20260218T150000
UID:17EAB496-A39E-4B5E-AD1A-7CD4AF84E0DD
SUMMARY:Pass the Plate: Grilled Veggie Chutney Sandwich
DTSTAMP:20260218T190041Z
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. 18\N      \N\N      \N      \N        \N            Location\N          Parkside Commons\N        \N      \N\N      \N      \N        \N          Time\N        2 – 3 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N              Join Sustain U for Pass the Plate as we prepare a Grilled Veggie Chutney Sandwich featuring seasonal produce and vibrant flavors. This plant-forward recipe highlights how simple ingredients can create a meal that is both filling and accessible.\N\N              During this session, we’ll explore the environmental benefits of incorporating more vegetables into your diet and share practical tips to recreate this dish at home.\N\N              Come for the food, stay for the conversation.\N\N              This event is FREE for students. RSVP on Events & Orgs.\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">Feb. 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>          <p class="event-title-text">Parkside Commons</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">2 – 3 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 Sustain U for Pass the Plate as we prepare a Grilled Veggie Chutney Sandwich featuring seasonal produce and vibrant flavors. This plant-forward recipe highlights how simple ingredients can create a meal that is both filling and accessible.</p>              <p>During this session, we’ll explore the environmental benefits of incorporating more vegetables into your diet and share practical tips to recreate this dish at home.</p>              <p>Come for the food, stay for the conversation.</p>              <p>This event is FREE for students. RSVP on Events & Orgs.</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_SustainU_PassthePlateSeries_dgtl-CalEvent_1.jpg"     alt="Pass the Plate: Grilled Veggie Chutney SandwichFeb. 182 – 3 p.m.Parkside Commons" />    {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:52
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260223T110000
DTEND;TZID=America/Los_Angeles:20260223T120000
RRULE:FREQ=MONTHLY;BYMONTHDAY=23;INTERVAL=1;UNTIL=20260323T235900Z
UID:96F5EA1B-3BE1-401D-8263-0084BB3344EF
SUMMARY:Compost Happens
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. 23 | March 23 | April 13 \N      \N\N      \N      \N        \N          \N            \N          \N          Location\N           Grow Beach Garden\N\N        \N      \N\N      \N      \N        \N          \N        \N        Time\N        11 a.m.- 12p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N        Join Sustain U at the Grow Beach Garden near Friendship Walk to discover the wonders of composting! Learn what compost is, how it benefits the environment and create your own compost to take home.\N         This event is designed to help you connect with nature and promote sustainable living. Don't forget to reserve your spot on Events & Orgs to ensure you don't miss out on the fun!\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
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. 23 | March 23 | April 13 </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"> Grow Beach Garden</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.- 12p.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 Sustain U at the Grow Beach Garden near Friendship Walk to discover the wonders of composting! Learn what compost is, how it benefits the environment and create your own compost to take home.</p>        <p> This event is designed to help you connect with nature and promote sustainable living. Don't forget to reserve your spot on Events & Orgs to ensure you don't miss out on the fun!</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_SU_Compost-Happens_dgtl-CalEvent.jpg" alt="Event Flier" />    {loadmoduleid 368}  </div>  <!-- Technically end of right side --></div><!-- End of main-container --><!-- Accordion Test --><script>  document.addEventListener("DOMContentLoaded", function () {    document      .querySelectorAll("#HistoryOfUniversity .acco button")      .forEach((item) => item.addEventListener("click", toggleacco));    function toggleacco() {      const parentAcco = this.closest(".acco");      const itemsInThisAcco = parentAcco.querySelectorAll("button");      const currentStatus = this.getAttribute("aria-expanded");      if (currentStatus == "false") {        // Close all other items        // for (let i = 0; i < itemsInThisAcco.length; i++) {        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");        // }        // Open the clicked item        this.setAttribute("aria-expanded", "true");      } else {        // Close the clicked item        this.setAttribute("aria-expanded", "false");      }    }  });</script>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20260203T175912Z
X-ACCESS:1
X-HITS:4
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260224T120000
DTEND;TZID=America/Los_Angeles:20260224T140000
UID:52DB40A4-4DAA-4A85-9FE2-24B08912EE9B
SUMMARY:Trash Talkers Mini Fair
DTSTAMP:20260203T174128Z
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. 24\N      \N\N      \N      \N        \N            Location\N          Grow Beach Garden\N        \N      \N\N      \N      \N        \N          Time\N        12 to 2 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N              Take a step toward a greener future! Rethink waste through interactive activities and live composting demos. Participants will have the chance to join the Trash Talkers pledge campaign to become a certified Trash Talker, and will be entered into an opportunity drawing to win FREE swag.\N\N              Don't miss out on this sustainable experience. To join, RSVP on Events & Orgs!\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. 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>          <p class="event-title-text">Grow Beach Garden</p>        </div>      </div>      <!-- TIME -->      <div itemprop="endDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Time</h3>        <p class="event-title-text">12 to 2 p.m.</p>      </div>    </div>    <!-- EVENT DESCRIPTION -->    <div class="event-description">      <div>        <h3 class="event-title-head">Description</h3>        <!-- ***************************************        ** Place all elements of description HERE **        **************************************** -->        <div itemprop="description">              <p>Take a step toward a greener future! Rethink waste through interactive activities and live composting demos. Participants will have the chance to join the Trash Talkers pledge campaign to become a certified Trash Talker, and will be entered into an opportunity drawing to win FREE swag.</p>              <p>Don't miss out on this sustainable experience. To join, RSVP on Events & Orgs!</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_SustainU_Trash_Talkers_Mini_Fair__dgtl-CalEvent-01_1.jpg" alt="Trash Talkers Mini FairFeb. 24 | March 25 | April 712 to 2 p.m.Grow Beach Garden" />    {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:20260212T163627Z
X-ACCESS:1
X-HITS:235
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260303T100000
DTEND;TZID=America/Los_Angeles:20260303T110000
RRULE:FREQ=WEEKLY;BYDAY=MO,TU,WE,TH,FR;INTERVAL=1;UNTIL=20260304T235900Z
EXDATE:20260304T180000Z
UID:728543DC-87C5-4C54-A217-3851DE69D110
SUMMARY:Sustain U Outreach Meetings
DTSTAMP:20260213T210758Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        March 3 & May 4\N      \N\N      \N      \N        \N            Location\N          Grow Beach Garden\N        \N      \N\N      \N      \N        \N          Time\N        10 to 11 a.m. & 2 to 3 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          Make the world a greener place at Sustain U's Outreach Meetings! Learn how to plant a garden and at the end —take home a succulent!\N          Engage, influence and shape the future of sustainability at Sustain U’s interactive Outreach Meetings. Your voice matters in crafting a greener tomorrow! Don’t miss out on this event by securing your spot with an RSVP on Events & Orgs!\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">March 3 & May 4</p>      </div>      <!-- LOCATION -->      <div>        <div          itemprop="location"          itemscope="itemscope"          itemtype="http://schema.org/Place"        >          <div class="event-title-icon">            <img              src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png"              style="height: 20px; width: 25px"            />          </div>          <h3 class="event-title-head">Location</h3>          <p class="event-title-text">Grow Beach Garden</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 11 a.m. &<br /> 2 to 3 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>Make the world a greener place at Sustain U's Outreach Meetings! Learn how to plant a garden and at the end —take home a succulent!</p>          <p>Engage, influence and shape the future of sustainability at Sustain U’s interactive Outreach Meetings. Your voice matters in crafting a greener tomorrow! Don’t miss out on this event by securing your spot with an RSVP on <a href="https://csulb.campuslabs.com/engage/organization/asi-sustain-u"><b>Events & Orgs</b></a>!</p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img class="event-img" src="images/cal/Spring26/SP26_SustainU_Outreach-Meetings_dgtl-CalEvent_1.jpg" alt="Sustain U Outreach MeetingsMarch 3 & May 410 to 11 a.m. & 2 to 3 p.m.Grow Beach Garden" />    {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:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260303T140000
DTEND;TZID=America/Los_Angeles:20260303T150000
RRULE:FREQ=WEEKLY;BYDAY=MO,TU,WE,TH,FR;INTERVAL=1;UNTIL=20260304T235900Z
EXDATE:20260304T220000Z
UID:9FE9E498-95EA-4477-9B32-1D1935377A96
SUMMARY:Sustain U Outreach Meetings
DTSTAMP:20260213T210758Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        March 3 & May 4\N      \N\N      \N      \N        \N            Location\N          Grow Beach Garden\N        \N      \N\N      \N      \N        \N          Time\N        10 to 11 a.m. & 2 to 3 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          Make the world a greener place at Sustain U's Outreach Meetings! Learn how to plant a garden and at the end —take home a succulent!\N          Engage, influence and shape the future of sustainability at Sustain U’s interactive Outreach Meetings. Your voice matters in crafting a greener tomorrow! Don’t miss out on this event by securing your spot with an RSVP on Events & Orgs!\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">March 3 & May 4</p>      </div>      <!-- LOCATION -->      <div>        <div          itemprop="location"          itemscope="itemscope"          itemtype="http://schema.org/Place"        >          <div class="event-title-icon">            <img              src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png"              style="height: 20px; width: 25px"            />          </div>          <h3 class="event-title-head">Location</h3>          <p class="event-title-text">Grow Beach Garden</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 11 a.m. &<br /> 2 to 3 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>Make the world a greener place at Sustain U's Outreach Meetings! Learn how to plant a garden and at the end —take home a succulent!</p>          <p>Engage, influence and shape the future of sustainability at Sustain U’s interactive Outreach Meetings. Your voice matters in crafting a greener tomorrow! Don’t miss out on this event by securing your spot with an RSVP on <a href="https://csulb.campuslabs.com/engage/organization/asi-sustain-u"><b>Events & Orgs</b></a>!</p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img class="event-img" src="images/cal/Spring26/SP26_SustainU_Outreach-Meetings_dgtl-CalEvent_1.jpg" alt="Sustain U Outreach MeetingsMarch 3 & May 410 to 11 a.m. & 2 to 3 p.m.Grow Beach Garden" />    {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:20260213T210827Z
X-ACCESS:1
X-HITS:1
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260305T120000
DTEND;TZID=America/Los_Angeles:20260305T130000
RRULE:FREQ=MONTHLY;BYMONTHDAY=5,19;INTERVAL=2;UNTIL=20260320T235900Z
UID:25BBB989-59A8-460A-ADD0-87914E7CB9FE
SUMMARY:Trash Talkers
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                    Various Dates\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      Speaker's Platform\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                     Join the Trash Talkers, a sustainable event series that empowers students to rethink waste through interactive activities.\N                      \N                      Become a certified Trash Talker! Join our fun-filled tabling event where you'll master waste disposal through interactive games and challenges, test your recycling skills and learn eco-friendly tips while having a blast. Complete the activities, earn your Trash Talker certification, snag an exclusive t-shirt and RSVP on Events & Orgs to help us turn trash talk into environmental action!\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/cal/Spring26/SP26_SU_Trash-Talkers_dgtl-CalEvent_1.jpg&quot;\N          alt=&quot;Trash Talkers&quot;\N        /&gt;\N        \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">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">Speaker's Platform</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">12 to 1 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>                     Join the Trash Talkers, a sustainable event series that empowers students to rethink waste through interactive activities.                      </p>                      <p>Become a certified Trash Talker! Join our fun-filled tabling event where you'll master waste disposal through interactive games and challenges, test your recycling skills and learn eco-friendly tips while having a blast. Complete the activities, earn your Trash Talker certification, snag an exclusive t-shirt and RSVP on Events & Orgs to help us turn trash talk into environmental action!</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/Spring26/SP26_SU_Trash-Talkers_dgtl-CalEvent_1.jpg"          alt="Trash Talkers"        />                  {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20260126T213746Z
X-ACCESS:1
X-HITS:0
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260309T110000
DTEND;TZID=America/Los_Angeles:20260309T120000
UID:4DA8F6F1-D730-449A-94BB-1FB93B01E4B5
SUMMARY:Plant a Plant
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 9\N      \N\N      \N      \N        \N          \N            \N          \N          Location\N           Grow Beach Garden\N\N        \N      \N\N      \N      \N        \N          \N        \N        Time\N        11 a.m.- 12p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \NTransform your green thumb aspirations into reality with Sustain U at the Grow Beach Garden! This workshop will teach you the art of transplanting succulents into pots and provide tips for nurturing your plants at home. Spaces are limited, so RSVP today on Events & Orgs to reserve your spot. Don’t miss this opportunity to grow your gardening skills and take home your very own succulent masterpiece!\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 9</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"> Grow Beach Garden</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.- 12p.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">Transform your green thumb aspirations into reality with Sustain U at the Grow Beach Garden! This workshop will teach you the art of transplanting succulents into pots and provide tips for nurturing your plants at home. Spaces are limited, so RSVP today on Events & Orgs to reserve your spot. Don’t miss this opportunity to grow your gardening skills and take home your very own succulent masterpiece!        </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_SU_Plant-a-Plant_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:20260209T180355Z
X-ACCESS:1
X-HITS:278
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260311T120000
DTEND;TZID=America/Los_Angeles:20260311T130000
UID:78D4D957-627D-4DE7-87B3-B73C4FD0D0E2
SUMMARY:Composting 101
DTSTAMP:20250226T182209Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        \N        March 11\N      \N\N      \N      \N        \N            Location\N          \N          Grow Beach Garden\N        \N      \N\N      \N      \N        \N          Time\N        \N        12  p.m. to 1 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N\N Join Sustain U and the Science Learning Center for a hands-on workshop exploring the science of composting. This interactive session will break down how food scraps and organic waste transform into nutrient-rich soil through the process of decomposition.\N \N \NParticipants will learn what can and cannot be composted, how composting supports environmental sustainability, and practical ways to get involved both on campus and at home. Whether you are new to composting or looking to deepen your knowledge, this workshop offers useful tools and real-world applications you can start using immediately.\NSpace is limited. RSVP through Events & Orgs to secure your spot.\N\N        \N        \N      \N    \N    \N  \N  \N\N  \N  \N    img\N      class="event-img&quot;\N      src=&quot;images/cal/Spring26/SP26_Sustain-U_Composting-101_dgtl-CalEvent_1.jpg&quot;\N      alt=&quot;Event Flier&quot;\N    /&gt;\N\N    {loadmoduleid 368}\N  &lt;/div&gt;\N  &lt;!-- Technically end of right side --&gt;\N&lt;/div&gt;\N&lt;!-- End of main-container --&gt;\N\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">Grow Beach Garden</p>        </div>      </div>      <!-- TIME -->      <div itemprop="endDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Time</h3>        <!-- MUST INCLUDE "." IN A.M./P.M. -->        <p class="event-title-text">12  p.m. to 1 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 Sustain U and the Science Learning Center for a hands-on workshop exploring the science of composting. This interactive session will break down how food scraps and organic waste transform into nutrient-rich soil through the process of decomposition. </p> <p>Participants will learn what can and cannot be composted, how composting supports environmental sustainability, and practical ways to get involved both on campus and at home. Whether you are new to composting or looking to deepen your knowledge, this workshop offers useful tools and real-world applications you can start using immediately.</p><p>Space is limited. RSVP through Events & Orgs to secure your spot.</p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img      class="event-img"      src="images/cal/Spring26/SP26_Sustain-U_Composting-101_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:20260303T215300Z
X-ACCESS:1
X-HITS:154
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260316T110000
DTEND;TZID=America/Los_Angeles:20260316T120000
UID:1C06D72E-5664-423D-9F59-3D91BE35921F
SUMMARY:Sustain U: Paste the Way
DTSTAMP:20260306T170859Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        March 16\N\N      \N\N      \N      \N        \N            Location\N          Grow Beach Garden\N\N        \N      \N\N      \N      \N        \N          Time\N        11 AM - 12 PM\N\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          Join Sustain U for a hands-on arts & crafts workshop, where we'll demonstrate a fun way to reduce your paper waste and expand your creativity through the art of papier-mâché! Bring any old homework or any other paperwork waste that you've been meaning to get rid of.\N\NWe'll go over the issues of traditional paper manufacturing and waste, as well as the environmental benefits of recycling paper. Participate in a fun papier-mâché workshop to explore a creative way to reduce your own paper waste!\N\NRSVP now on Events & Orgs, to secure your spot!\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">March 16</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">Grow Beach Garden</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 AM - 12 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>Join Sustain U for a hands-on arts & crafts workshop, where we'll demonstrate a fun way to reduce your paper waste and expand your creativity through the art of papier-mâché! Bring any old homework or any other paperwork waste that you've been meaning to get rid of.</p><p>We'll go over the issues of traditional paper manufacturing and waste, as well as the environmental benefits of recycling paper. Participate in a fun papier-mâché workshop to explore a creative way to reduce your own paper waste!</p><p>RSVP now on <a href="https://csulb.campuslabs.com/engage/organization/asi-sustain-u" target="_blank"><b>Events & Orgs</b></a>, to secure your spot!</p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img class="event-img" src="images/cal/Spring26/SP26_Sustain-U_Paste-the-Way_dtgl-calEvent_1.jpg" alt="Sustain U: Paste the Way March 16 11 AM - 12 PM Grow Beach Garden" />    {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:20260306T170933Z
X-ACCESS:1
X-HITS:141
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260318T140000
DTEND;TZID=America/Los_Angeles:20260318T150000
UID:62066943-5B6C-4164-9163-3F4A53B6A17E
SUMMARY:Pass the Plate: Vegetarian Sushi Bowls
DTSTAMP:20260218T190041Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow:\N      rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px,\N      rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition:\N      opacity 200ms linear,\N      max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        March 18\N      \N\N      \N      \N        \N            Location\N          Parkside Commons\N        \N      \N\N      \N      \N        \N          Time\N        2 to 3 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          \N            Join Sustain U for the next installment of the Pass the Plate series\N            featuring Vegetarian Sushi Bowls. This hands-on cooking\N            demonstration highlights a colorful, nutritious meal that reimagines\N            traditional sushi in an easy, customizable bowl format.\N          \N          \N            Participants will learn how plant-based ingredients can deliver the\N            same bold flavors and satisfying textures found in classic sushi\N            while offering a more sustainable approach to everyday meals. The\N            session will also explore how small food choices and ingredient\N            swaps can reduce environmental impact.\N          \N          \N            Whether you are interested in sustainable cooking, exploring\N            plant-based options or simply looking for a quick and healthy meal\N            idea, this event offers inspiration and practical tips you can bring\N            into your own kitchen.\N          \N          \N            RSVP through\N            \N      \N    \N    \N  \N  \N\N  \N  \N    img\N      class="event-img&quot;\N      src=&quot;images/cal/Spring26/SP26_SustainU_Sushi-PassthePlate_dgtl-CalEvent_1.jpg&quot;\N      alt=&quot;Pass the Plate: Vegetarian Sushi Bowls March 18 2 to 3 p.m. Parkside Commons Flier&quot;\N    /&gt;\N\N    {loadmoduleid 368}\N  &lt;/div&gt;\N  &lt;!-- Technically end of right side --&gt;\N&lt;/div&gt;\N&lt;!-- End of main-container --&gt;\N\N&lt;!-- Accordion Test --&gt;\N&lt;script&gt;\N  document.addEventListener(&quot;DOMContentLoaded&quot;, function () {\N    document\N      .querySelectorAll(&quot;#HistoryOfUniversity .acco button&quot;)\N      .forEach((item) =&gt; item.addEventListener(&quot;click&quot;, toggleacco));\N\N    function toggleacco() {\N      const parentAcco = this.closest(&quot;.acco&quot;);\N      const itemsInThisAcco = parentAcco.querySelectorAll(&quot;button&quot;);\N      const currentStatus = this.getAttribute(&quot;aria-expanded&quot;);\N\N      if (currentStatus == &quot;false&quot;) {\N        // Close all other items\N        // for (let i = 0; i &lt; itemsInThisAcco.length; i++) {\N        //   itemsInThisAcco[i].setAttribute(&quot;aria-expanded&quot;, &quot;false&quot;);\N        // }\N        // Open the clicked item\N        this.setAttribute(&quot;aria-expanded&quot;, &quot;true&quot;);\N      } else {\N        // Close the clicked item\N        this.setAttribute(&quot;aria-expanded&quot;, &quot;false&quot;);\N      }\N    }\N  });\N&lt;/script&gt;\N"
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated July 2023 --><style>  .event-title-head {    font-weight: bold;    font-size: 20px;    color: darkgoldenrod;    margin-top: 5px;    margin-bottom: 0;  }  .event-title-text {    font-weight: 500;    font-size: 15px;    line-height: 17px;    font-weight: bold;  }  .event-title-icon {    margin-top: 6px;    display: flex;    justify-content: left;  }  .event-video-main {    display: flex;    justify-content: center;    margin-bottom: 20px;  }  .history-btn {    display: flex;    justify-content: center;  }  .button-71 {    background-color: #007daa;    border: 0;    border-radius: 56px;    color: #fff;    cursor: pointer;    display: inline-block;    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */    font-size: 18px;    font-weight: 600;    outline: 0;    padding: 16px 21px;    position: relative;    text-align: center;    text-decoration: none;    transition: all 0.3s;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;  }  .button-71:before {    background-color: initial;    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);    border-radius: 125px;    content: "";    height: 50%;    left: 4%;    opacity: 0.5;    position: absolute;    top: 0;    transition: all 0.3s;    width: 92%;  }  .button-71:hover {    box-shadow:      rgba(255, 255, 255, 0.2) 0 3px 15px inset,      rgba(0, 0, 0, 0.1) 0 3px 5px,      rgba(0, 0, 0, 0.1) 0 10px 13px;    transform: scale(1.05);  }  /* _____________Accordian Section CSS+_______________ */  .acco .acco-item {    border-bottom: 1px solid #e5e5e5;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: #8800ad;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #8700ad !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 18px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #8800ad;    border-bottom: 1px solid #8800ad;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #8800ad3f;    border-right: 2px solid #8800ad3f;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition:      opacity 200ms linear,      max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* ______________Accordian CSS Ends__________ */  .main-container {    display: flex;    gap: 20px;    max-width: 1600px;    margin: 0 auto;  }  .left-container {    width: 50%;  }  .right-container {    width: 50%;  }  .event-dtl {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    margin-bottom: 20px;    padding: 10px 20px;    display: flex;    justify-content: space-between;  }  .event-description {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    padding: 10px 20px;  }  .event-img {    width: 100%;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    border-radius: 10px;  }  @media (max-width: 960px) {    .main-container {      flex-direction: column;    }    .left-container {      width: 100%;      width: 10px -20px;    }    .right-container {      width: 100%;    }  }  @media (max-width: 500px) {    .event-dtl {      flex-direction: column;      text-align: center;    }    .event-title-icon {      justify-content: center;    }  }</style><div class="main-container">  <!-- --------------------     START OF LEFT SIDE   --------------------- -->  <div class="left-container">    <div class="event-dtl">      <!-- DATE -->      <div itemprop="startDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Date</h3>        <p class="event-title-text">March 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>          <p class="event-title-text">Parkside Commons</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">2 to 3 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 Sustain U for the next installment of the Pass the Plate series            featuring Vegetarian Sushi Bowls. This hands-on cooking            demonstration highlights a colorful, nutritious meal that reimagines            traditional sushi in an easy, customizable bowl format.          </p>          <p>            Participants will learn how plant-based ingredients can deliver the            same bold flavors and satisfying textures found in classic sushi            while offering a more sustainable approach to everyday meals. The            session will also explore how small food choices and ingredient            swaps can reduce environmental impact.          </p>          <p>            Whether you are interested in sustainable cooking, exploring            plant-based options or simply looking for a quick and healthy meal            idea, this event offers inspiration and practical tips you can bring            into your own kitchen.          </p>          <p>            RSVP through            <a              href="https://csulb.campuslabs.com/engage/organization/asi-sustain-u"              target="_blank"              ><b>Events & Orgs</b></a            >            to secure your spot.          </p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img      class="event-img"      src="images/cal/Spring26/SP26_SustainU_Sushi-PassthePlate_dgtl-CalEvent_1.jpg"      alt="Pass the Plate: Vegetarian Sushi Bowls March 18 2 to 3 p.m. Parkside Commons 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:20260306T173149Z
X-ACCESS:1
X-HITS:206
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260325T120000
DTEND;TZID=America/Los_Angeles:20260325T140000
UID:31BB8A86-730E-4DD5-BE51-3062A7493D7E
SUMMARY:Trash Talkers Mini Fair
DTSTAMP:20260203T174128Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        April 27\N      \N\N      \N      \N        \N            Location\N          Grow Beach Garden\N        \N      \N\N      \N      \N        \N          Time\N        12 to 2 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N              Take a step toward a greener future! Rethink waste through interactive activities and live composting demos. Participants will have the chance to join the Trash Talkers pledge campaign to become a certified Trash Talker, and will be entered into an opportunity drawing to win FREE swag.\N\N              Don't miss out on this sustainable experience. To join, RSVP on Events & Orgs!\N        \N        \N      \N    \N    \N  \N  \N\N  \N  \N    \N\N    {loadmoduleid 368}\N  \N  \N\N\N\N\N\N  document.addEventListener("DOMContentLoaded", function () {\N    document\N      .querySelectorAll("#HistoryOfUniversity .acco button")\N      .forEach((item) => item.addEventListener("click", toggleacco));\N\N    function toggleacco() {\N      const parentAcco = this.closest(".acco");\N      const itemsInThisAcco = parentAcco.querySelectorAll("button");\N      const currentStatus = this.getAttribute("aria-expanded");\N\N      if (currentStatus == "false") {\N        // Close all other items\N        // for (let i = 0; i  itemsInThisAcco.length; i++) {\N        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");\N        // }\N        // Open the clicked item\N        this.setAttribute("aria-expanded", "true");\N      } else {\N        // Close the clicked item\N        this.setAttribute("aria-expanded", "false");\N      }\N    }\N  });\N\N
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated July 2023 --><style>  .event-title-head {    font-weight: bold;    font-size: 20px;    color: darkgoldenrod;    margin-top: 5px;    margin-bottom: 0;  }  .event-title-text {    font-weight: 500;    font-size: 15px;    line-height: 17px;    font-weight: bold;  }  .event-title-icon {    margin-top: 6px;    display: flex;    justify-content: left;  }  .event-video-main {    display: flex;    justify-content: center;    margin-bottom: 20px;  }  .history-btn {    display: flex;    justify-content: center;  }  .button-71 {    background-color: #007daa;    border: 0;    border-radius: 56px;    color: #fff;    cursor: pointer;    display: inline-block;    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */    font-size: 18px;    font-weight: 600;    outline: 0;    padding: 16px 21px;    position: relative;    text-align: center;    text-decoration: none;    transition: all 0.3s;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;  }  .button-71:before {    background-color: initial;    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);    border-radius: 125px;    content: "";    height: 50%;    left: 4%;    opacity: 0.5;    position: absolute;    top: 0;    transition: all 0.3s;    width: 92%;  }  .button-71:hover {    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;    transform: scale(1.05);  }  /* _____________Accordian Section CSS+_______________ */  .acco .acco-item {    border-bottom: 1px solid #e5e5e5;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: #8800ad;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #8700ad !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 18px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #8800ad;    border-bottom: 1px solid #8800ad;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #8800ad3f;    border-right: 2px solid #8800ad3f;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* ______________Accordian CSS Ends__________ */  .main-container {    display: flex;    gap: 20px;    max-width: 1600px;    margin: 0 auto;  }  .left-container {    width: 50%;  }  .right-container {    width: 50%;  }  .event-dtl {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    margin-bottom: 20px;    padding: 10px 20px;    display: flex;    justify-content: space-between;  }  .event-description {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    padding: 10px 20px;  }  .event-img {    width: 100%;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    border-radius: 10px;  }  @media (max-width: 960px) {    .main-container {      flex-direction: column;    }    .left-container {      width: 100%;      width: 10px -20px;    }    .right-container {      width: 100%;    }  }  @media (max-width: 500px) {    .event-dtl {      flex-direction: column;      text-align: center;    }    .event-title-icon {      justify-content: center;    }  }</style><div class="main-container">  <!-- --------------------     START OF LEFT SIDE   --------------------- -->  <div class="left-container">    <div class="event-dtl">      <!-- DATE -->      <div itemprop="startDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Date</h3>        <p class="event-title-text">April 27</p>      </div>      <!-- LOCATION -->      <div>        <div          itemprop="location"          itemscope="itemscope"          itemtype="http://schema.org/Place"        >          <div class="event-title-icon">            <img              src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png"              style="height: 20px; width: 25px"            />          </div>          <h3 class="event-title-head">Location</h3>          <p class="event-title-text">Grow Beach Garden</p>        </div>      </div>      <!-- TIME -->      <div itemprop="endDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Time</h3>        <p class="event-title-text">12 to 2 p.m.</p>      </div>    </div>    <!-- EVENT DESCRIPTION -->    <div class="event-description">      <div>        <h3 class="event-title-head">Description</h3>        <!-- ***************************************        ** Place all elements of description HERE **        **************************************** -->        <div itemprop="description">              <p>Take a step toward a greener future! Rethink waste through interactive activities and live composting demos. Participants will have the chance to join the Trash Talkers pledge campaign to become a certified Trash Talker, and will be entered into an opportunity drawing to win FREE swag.</p>              <p>Don't miss out on this sustainable experience. To join, RSVP on Events & Orgs!</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_SustainU_Trash_Talkers_Mini_Fair__dgtl-CalEvent-01_1.jpg" alt="Trash Talkers Mini FairFeb. 24 | March 25 | April 712 to 2 p.m.Grow Beach Garden" />    {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:20260319T175249Z
X-ACCESS:1
X-HITS:89
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260326T140000
DTEND;TZID=America/Los_Angeles:20260326T150000
UID:850EA2B8-FCA0-40E4-9303-C76CC50C8EBF
SUMMARY:Hunt for Bugs
DTSTAMP:20260311T220026Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        March 26\N      \N\N      \N      \N        \N            Location\N          Grow Beach Garden\N        \N      \N\N      \N      \N        \N          Time\N        2 to 3 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N              Discover the tiny creatures that keep our gardens thriving at Hunt for Bugs, a hands-on scavenger hunt hosted by Sustain U.\N\N              Participants will explore the garden while searching for different insects and pollinators that play important roles in plant health and ecosystem balance. Along the way, you’ll learn how certain insects help gardens flourish by pollinating plants and enriching the soil, while others can damage crops and disrupt plant growth.\N\N              This interactive activity offers a fun way to learn about the natural relationships that support sustainable gardening. Whether you're curious about pollinators, interested in sustainability, or simply want to spend time outdoors, this event is a great opportunity to explore the hidden world of garden critters.\N\N              All Long Beach State students are welcome. Register through Events & Orgs to participate.\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">March 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>          <p class="event-title-text">Grow Beach Garden</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">2 to 3 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>Discover the tiny creatures that keep our gardens thriving at Hunt for Bugs, a hands-on scavenger hunt hosted by Sustain U.</p>              <p>Participants will explore the garden while searching for different insects and pollinators that play important roles in plant health and ecosystem balance. Along the way, you’ll learn how certain insects help gardens flourish by pollinating plants and enriching the soil, while others can damage crops and disrupt plant growth.</p>              <p>This interactive activity offers a fun way to learn about the natural relationships that support sustainable gardening. Whether you're curious about pollinators, interested in sustainability, or simply want to spend time outdoors, this event is a great opportunity to explore the hidden world of garden critters.</p>              <p>All Long Beach State students are welcome. Register through Events & Orgs to participate.</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_Sustain-U_Hunt-for-Bugs_dgtl-CalEvent_1.jpg"     alt="Hunt for BugsMarch 262 to 3 p.m.Grow Beach Garden" />    {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:186
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260408T110000
DTEND;TZID=America/Los_Angeles:20260408T120000
UID:4589BD02-2490-4DFF-933D-139A154DBEC1
SUMMARY:Plant Pals
DTSTAMP:20260401T152952Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        April 8\N\N      \N\N      \N      \N        \N            Location\N          Grow Beach Garden\N\N        \N      \N\N      \N      \N        \N          Time\N        11 a.m. to noon\N\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          Join Sustain U for a creative and sustainable workshop where participants will make their own Plant Pals! This interactive activity combines art and sustainability as students assemble their grass heads using soil and seeds, then decorate them with unique personalities.\N\NWhile crafting, participants will learn about the basic needs of plants, the process of seed germination and how small-scale gardening can foster both environmental responsibility and mental well-being. By the end of the workshop, everyone will have their own living creation to take home, care for and watch grow. RSVP now on Events & Orgs to secure your spot!\N\N        \N        \N      \N    \N    \N  \N  \N\N  \N  \N    \N\N    {loadmoduleid 368}\N  \N  \N\N\N\N\N\N  document.addEventListener("DOMContentLoaded", function () {\N    document\N      .querySelectorAll("#HistoryOfUniversity .acco button")\N      .forEach((item) => item.addEventListener("click", toggleacco));\N\N    function toggleacco() {\N      const parentAcco = this.closest(".acco");\N      const itemsInThisAcco = parentAcco.querySelectorAll("button");\N      const currentStatus = this.getAttribute("aria-expanded");\N\N      if (currentStatus == "false") {\N        // Close all other items\N        // for (let i = 0; i  itemsInThisAcco.length; i++) {\N        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");\N        // }\N        // Open the clicked item\N        this.setAttribute("aria-expanded", "true");\N      } else {\N        // Close the clicked item\N        this.setAttribute("aria-expanded", "false");\N      }\N    }\N  });\N\N
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated July 2023 --><style>  .event-title-head {    font-weight: bold;    font-size: 20px;    color: darkgoldenrod;    margin-top: 5px;    margin-bottom: 0;  }  .event-title-text {    font-weight: 500;    font-size: 15px;    line-height: 17px;    font-weight: bold;  }  .event-title-icon {    margin-top: 6px;    display: flex;    justify-content: left;  }  .event-video-main {    display: flex;    justify-content: center;    margin-bottom: 20px;  }  .history-btn {    display: flex;    justify-content: center;  }  .button-71 {    background-color: #007daa;    border: 0;    border-radius: 56px;    color: #fff;    cursor: pointer;    display: inline-block;    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */    font-size: 18px;    font-weight: 600;    outline: 0;    padding: 16px 21px;    position: relative;    text-align: center;    text-decoration: none;    transition: all 0.3s;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;  }  .button-71:before {    background-color: initial;    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);    border-radius: 125px;    content: "";    height: 50%;    left: 4%;    opacity: 0.5;    position: absolute;    top: 0;    transition: all 0.3s;    width: 92%;  }  .button-71:hover {    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;    transform: scale(1.05);  }  /* _____________Accordian Section CSS+_______________ */  .acco .acco-item {    border-bottom: 1px solid #e5e5e5;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: #8800ad;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #8700ad !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 18px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #8800ad;    border-bottom: 1px solid #8800ad;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #8800ad3f;    border-right: 2px solid #8800ad3f;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* ______________Accordian CSS Ends__________ */  .main-container {    display: flex;    gap: 20px;    max-width: 1600px;    margin: 0 auto;  }  .left-container {    width: 50%;  }  .right-container {    width: 50%;  }  .event-dtl {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    margin-bottom: 20px;    padding: 10px 20px;    display: flex;    justify-content: space-between;  }  .event-description {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    padding: 10px 20px;  }  .event-img {    width: 100%;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    border-radius: 10px;  }  @media (max-width: 960px) {    .main-container {      flex-direction: column;    }    .left-container {      width: 100%;      width: 10px -20px;    }    .right-container {      width: 100%;    }  }  @media (max-width: 500px) {    .event-dtl {      flex-direction: column;      text-align: center;    }    .event-title-icon {      justify-content: center;    }  }</style><div class="main-container">  <!-- --------------------     START OF LEFT SIDE   --------------------- -->  <div class="left-container">    <div class="event-dtl">      <!-- DATE -->      <div itemprop="startDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Date</h3>        <p class="event-title-text">April 8</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">Grow Beach Garden</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 noon</p>      </div>    </div>    <!-- EVENT DESCRIPTION -->    <div class="event-description">      <div>        <h3 class="event-title-head">Description</h3>        <!-- ***************************************        ** Place all elements of description HERE **        **************************************** -->        <div itemprop="description">          <p>Join Sustain U for a creative and sustainable workshop where participants will make their own Plant Pals! This interactive activity combines art and sustainability as students assemble their grass heads using soil and seeds, then decorate them with unique personalities.</p><p>While crafting, participants will learn about the basic needs of plants, the process of seed germination and how small-scale gardening can foster both environmental responsibility and mental well-being. By the end of the workshop, everyone will have their own living creation to take home, care for and watch grow. RSVP now on Events & Orgs to secure your spot!</p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img class="event-img" src="images/cal/Spring26/SP26_Sustain-U_Plant-Pals_dgtl-CalEvent_1-v2.jpg" alt="Plant Pals April 8 11 a.m. to noon Grow Beach Garden 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
X-ACCESS:1
X-HITS:5
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260409T120000
DTEND;TZID=America/Los_Angeles:20260409T130000
RRULE:FREQ=MONTHLY;BYMONTHDAY=9,23;INTERVAL=2;UNTIL=20260423T235900Z
UID:7336888D-31A9-4364-B98F-85792544DD37
SUMMARY:Trash Talkers
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                    Various Dates\N                  \N  \N                  \N                  \N                    \N                        Location\N                      \N                      Speaker's Platform\N                    \N                  \N  \N                  \N                  \N                    \N                      Time\N                    \N                    12 to 1 p.m.\N                  \N                \N  \N                \N                \N                    Description\N                    \N                    \N                      \N                     Join the Trash Talkers, a sustainable event series that empowers students to rethink waste through interactive activities.\N                      \N                      Become a certified Trash Talker! Join our fun-filled tabling event where you'll master waste disposal through interactive games and challenges, test your recycling skills and learn eco-friendly tips while having a blast. Complete the activities, earn your Trash Talker certification, snag an exclusive t-shirt and RSVP on Events & Orgs to help us turn trash talk into environmental action!\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/cal/Spring26/SP26_SU_Trash-Talkers_dgtl-CalEvent_1.jpg&quot;\N          alt=&quot;Trash Talkers&quot;\N        /&gt;\N        \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">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">Speaker's Platform</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">12 to 1 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>                     Join the Trash Talkers, a sustainable event series that empowers students to rethink waste through interactive activities.                      </p>                      <p>Become a certified Trash Talker! Join our fun-filled tabling event where you'll master waste disposal through interactive games and challenges, test your recycling skills and learn eco-friendly tips while having a blast. Complete the activities, earn your Trash Talker certification, snag an exclusive t-shirt and RSVP on Events & Orgs to help us turn trash talk into environmental action!</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/Spring26/SP26_SU_Trash-Talkers_dgtl-CalEvent_1.jpg"          alt="Trash Talkers"        />                  {loadmoduleid 368}      </div>      <!-- Technically end of right side -->    </div>  </div>  
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20260126T213911Z
X-ACCESS:1
X-HITS:0
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260413T110000
DTEND;TZID=America/Los_Angeles:20260413T120000
RRULE:FREQ=MONTHLY;BYMONTHDAY=23;INTERVAL=1;UNTIL=20260323T235900Z
UID:45EC7CA9-EE58-47DD-BC26-C5123D53CA43
SUMMARY:Compost Happens
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. 23 | March 23 | April 13 \N      \N\N      \N      \N        \N          \N            \N          \N          Location\N           Grow Beach Garden\N\N        \N      \N\N      \N      \N        \N          \N        \N        Time\N        11 a.m.- 12p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N        Join Sustain U at the Grow Beach Garden near Friendship Walk to discover the wonders of composting! Learn what compost is, how it benefits the environment and create your own compost to take home.\N         This event is designed to help you connect with nature and promote sustainable living. Don't forget to reserve your spot on Events & Orgs to ensure you don't miss out on the fun!\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
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. 23 | March 23 | April 13 </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"> Grow Beach Garden</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.- 12p.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 Sustain U at the Grow Beach Garden near Friendship Walk to discover the wonders of composting! Learn what compost is, how it benefits the environment and create your own compost to take home.</p>        <p> This event is designed to help you connect with nature and promote sustainable living. Don't forget to reserve your spot on Events & Orgs to ensure you don't miss out on the fun!</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_SU_Compost-Happens_dgtl-CalEvent.jpg" alt="Event Flier" />    {loadmoduleid 368}  </div>  <!-- Technically end of right side --></div><!-- End of main-container --><!-- Accordion Test --><script>  document.addEventListener("DOMContentLoaded", function () {    document      .querySelectorAll("#HistoryOfUniversity .acco button")      .forEach((item) => item.addEventListener("click", toggleacco));    function toggleacco() {      const parentAcco = this.closest(".acco");      const itemsInThisAcco = parentAcco.querySelectorAll("button");      const currentStatus = this.getAttribute("aria-expanded");      if (currentStatus == "false") {        // Close all other items        // for (let i = 0; i < itemsInThisAcco.length; i++) {        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");        // }        // Open the clicked item        this.setAttribute("aria-expanded", "true");      } else {        // Close the clicked item        this.setAttribute("aria-expanded", "false");      }    }  });</script>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20260203T180035Z
X-ACCESS:1
X-HITS:0
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260415T110000
DTEND;TZID=America/Los_Angeles:20260415T123000
UID:3F846DEB-D6DB-4ECC-95F7-F2B4464C49DB
SUMMARY:Move Green @ The Beach
DTSTAMP:20260325T195708Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        April 15\N      \N\N      \N      \N        \N            Location\N          PH1 201\N        \N      \N\N      \N      \N        \N          Time\N        11 a.m. to 12:30 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N              Transportation connects every student to campus — and to the future. Join Sustain U for Move Green @ The Beach, a hands-on workshop focused on rethinking how we move.\N\N              This interactive session explores real, achievable transportation solutions for students, including bus passes, carpool apps and city bike-share programs. Whether you walk, bus, drive or roll to class, this event offers a fun way to learn, share ideas and take part in shaping a greener future for campus.\N\N              Space is limited. RSVP through Events & Orgs to secure your spot.\N\N        \N        \N      \N    \N    \N  \N  \N\N  \N  \N    \N\N    {loadmoduleid 368}\N  \N  \N\N\N\N\N\N  document.addEventListener("DOMContentLoaded", function () {\N    document\N      .querySelectorAll("#HistoryOfUniversity .acco button")\N      .forEach((item) => item.addEventListener("click", toggleacco));\N\N    function toggleacco() {\N      const parentAcco = this.closest(".acco");\N      const itemsInThisAcco = parentAcco.querySelectorAll("button");\N      const currentStatus = this.getAttribute("aria-expanded");\N\N      if (currentStatus == "false") {\N        // Close all other items\N        // for (let i = 0; i  itemsInThisAcco.length; i++) {\N        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");\N        // }\N        // Open the clicked item\N        this.setAttribute("aria-expanded", "true");\N      } else {\N        // Close the clicked item\N        this.setAttribute("aria-expanded", "false");\N      }\N    }\N  });\N\N
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated July 2023 --><style>  .event-title-head {    font-weight: bold;    font-size: 20px;    color: darkgoldenrod;    margin-top: 5px;    margin-bottom: 0;  }  .event-title-text {    font-weight: 500;    font-size: 15px;    line-height: 17px;    font-weight: bold;  }  .event-title-icon {    margin-top: 6px;    display: flex;    justify-content: left;  }  .event-video-main {    display: flex;    justify-content: center;    margin-bottom: 20px;  }  .history-btn {    display: flex;    justify-content: center;  }  .button-71 {    background-color: #007daa;    border: 0;    border-radius: 56px;    color: #fff;    cursor: pointer;    display: inline-block;    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */    font-size: 18px;    font-weight: 600;    outline: 0;    padding: 16px 21px;    position: relative;    text-align: center;    text-decoration: none;    transition: all 0.3s;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;  }  .button-71:before {    background-color: initial;    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);    border-radius: 125px;    content: "";    height: 50%;    left: 4%;    opacity: 0.5;    position: absolute;    top: 0;    transition: all 0.3s;    width: 92%;  }  .button-71:hover {    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;    transform: scale(1.05);  }  /* _____________Accordian Section CSS+_______________ */  .acco .acco-item {    border-bottom: 1px solid #e5e5e5;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: #8800ad;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #8700ad !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 18px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #8800ad;    border-bottom: 1px solid #8800ad;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #8800ad3f;    border-right: 2px solid #8800ad3f;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* ______________Accordian CSS Ends__________ */  .main-container {    display: flex;    gap: 20px;    max-width: 1600px;    margin: 0 auto;  }  .left-container {    width: 50%;  }  .right-container {    width: 50%;  }  .event-dtl {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    margin-bottom: 20px;    padding: 10px 20px;    display: flex;    justify-content: space-between;  }  .event-description {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    padding: 10px 20px;  }  .event-img {    width: 100%;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    border-radius: 10px;  }  @media (max-width: 960px) {    .main-container {      flex-direction: column;    }    .left-container {      width: 100%;      width: 10px -20px;    }    .right-container {      width: 100%;    }  }  @media (max-width: 500px) {    .event-dtl {      flex-direction: column;      text-align: center;    }    .event-title-icon {      justify-content: center;    }  }</style><div class="main-container">  <!-- --------------------     START OF LEFT SIDE   --------------------- -->  <div class="left-container">    <div class="event-dtl">      <!-- DATE -->      <div itemprop="startDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Date</h3>        <p class="event-title-text">April 15</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 201</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 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>Transportation connects every student to campus — and to the future. Join Sustain U for Move Green @ The Beach, a hands-on workshop focused on rethinking how we move.</p>              <p>This interactive session explores real, achievable transportation solutions for students, including bus passes, carpool apps and city bike-share programs. Whether you walk, bus, drive or roll to class, this event offers a fun way to learn, share ideas and take part in shaping a greener future for campus.</p>              <p>Space is limited. RSVP through Events & Orgs to secure your spot.</p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img class="event-img" src="images/cal/Spring26/SP26_SU_Move-Green--the-Beach_dgtl-ASICalEvent_1.jpg"     alt="Move Green @ The BeachApril 1511 a.m. to 12:30 p.m.PH1 201" />    {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:6
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260416T110000
DTEND;TZID=America/Los_Angeles:20260416T130000
UID:8D618440-181D-430F-8240-CCD75F5BD788
SUMMARY:Designing a Sustainable Graduation
DTSTAMP:20260401T150039Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        April. 16\N\N      \N\N      \N      \N        \N            Location\N          Speaker's Platform\N\N        \N      \N\N      \N      \N        \N          Time\N        11 a.m. to 1 p.m.\N\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          Join Sustain U and the CSULB Office of Sustainability for Designing a Sustainable Graduation, an interactive workshop focused on celebrating your milestone in an eco-friendly way. Create graduation photo props and sustainable thank-you cards while learning how to honor your big day with intention and care for the planet. Leave with meaningful, handmade keepsakes that capture the moment — sustainably.\N        \N        \N      \N    \N    \N  \N  \N\N  \N  \N    \N\N    {loadmoduleid 368}\N  \N  \N\N\N\N\N\N  document.addEventListener("DOMContentLoaded", function () {\N    document\N      .querySelectorAll("#HistoryOfUniversity .acco button")\N      .forEach((item) => item.addEventListener("click", toggleacco));\N\N    function toggleacco() {\N      const parentAcco = this.closest(".acco");\N      const itemsInThisAcco = parentAcco.querySelectorAll("button");\N      const currentStatus = this.getAttribute("aria-expanded");\N\N      if (currentStatus == "false") {\N        // Close all other items\N        // for (let i = 0; i  itemsInThisAcco.length; i++) {\N        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");\N        // }\N        // Open the clicked item\N        this.setAttribute("aria-expanded", "true");\N      } else {\N        // Close the clicked item\N        this.setAttribute("aria-expanded", "false");\N      }\N    }\N  });\N\N
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated July 2023 --><style>  .event-title-head {    font-weight: bold;    font-size: 20px;    color: darkgoldenrod;    margin-top: 5px;    margin-bottom: 0;  }  .event-title-text {    font-weight: 500;    font-size: 15px;    line-height: 17px;    font-weight: bold;  }  .event-title-icon {    margin-top: 6px;    display: flex;    justify-content: left;  }  .event-video-main {    display: flex;    justify-content: center;    margin-bottom: 20px;  }  .history-btn {    display: flex;    justify-content: center;  }  .button-71 {    background-color: #007daa;    border: 0;    border-radius: 56px;    color: #fff;    cursor: pointer;    display: inline-block;    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */    font-size: 18px;    font-weight: 600;    outline: 0;    padding: 16px 21px;    position: relative;    text-align: center;    text-decoration: none;    transition: all 0.3s;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;  }  .button-71:before {    background-color: initial;    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);    border-radius: 125px;    content: "";    height: 50%;    left: 4%;    opacity: 0.5;    position: absolute;    top: 0;    transition: all 0.3s;    width: 92%;  }  .button-71:hover {    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;    transform: scale(1.05);  }  /* _____________Accordian Section CSS+_______________ */  .acco .acco-item {    border-bottom: 1px solid #e5e5e5;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: #8800ad;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #8700ad !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 18px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #8800ad;    border-bottom: 1px solid #8800ad;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #8800ad3f;    border-right: 2px solid #8800ad3f;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* ______________Accordian CSS Ends__________ */  .main-container {    display: flex;    gap: 20px;    max-width: 1600px;    margin: 0 auto;  }  .left-container {    width: 50%;  }  .right-container {    width: 50%;  }  .event-dtl {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    margin-bottom: 20px;    padding: 10px 20px;    display: flex;    justify-content: space-between;  }  .event-description {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    padding: 10px 20px;  }  .event-img {    width: 100%;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    border-radius: 10px;  }  @media (max-width: 960px) {    .main-container {      flex-direction: column;    }    .left-container {      width: 100%;      width: 10px -20px;    }    .right-container {      width: 100%;    }  }  @media (max-width: 500px) {    .event-dtl {      flex-direction: column;      text-align: center;    }    .event-title-icon {      justify-content: center;    }  }</style><div class="main-container">  <!-- --------------------     START OF LEFT SIDE   --------------------- -->  <div class="left-container">    <div class="event-dtl">      <!-- DATE -->      <div itemprop="startDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Date</h3>        <p class="event-title-text">April. 16</p>      </div>      <!-- LOCATION -->      <div>        <div          itemprop="location"          itemscope="itemscope"          itemtype="http://schema.org/Place"        >          <div class="event-title-icon">            <img              src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png"              style="height: 20px; width: 25px"            />          </div>          <h3 class="event-title-head">Location</h3>          <p class="event-title-text">Speaker's Platform</p>        </div>      </div>      <!-- TIME -->      <div itemprop="endDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Time</h3>        <p class="event-title-text">11 a.m. to 1 p.m.</p>      </div>    </div>    <!-- EVENT DESCRIPTION -->    <div class="event-description">      <div>        <h3 class="event-title-head">Description</h3>        <!-- ***************************************        ** Place all elements of description HERE **        **************************************** -->        <div itemprop="description">          <p>Join Sustain U and the CSULB Office of Sustainability for <b>Designing a Sustainable Graduation</b>, an interactive workshop focused on celebrating your milestone in an eco-friendly way. Create graduation photo props and sustainable thank-you cards while learning how to honor your big day with intention and care for the planet. Leave with meaningful, handmade keepsakes that capture the moment — sustainably.</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_SustainU_Designing-a-Sustainable-Graduation_dgtl-CalEvent_1.jpg" alt="Designing a Sustainable Graduation April. 16 11 a.m. to 1 p.m. Speaker's Platform Flier" />    {loadmoduleid 368}  </div>  <!-- Technically end of right side --></div><!-- End of main-container --><!-- Accordion Test --><script>  document.addEventListener("DOMContentLoaded", function () {    document      .querySelectorAll("#HistoryOfUniversity .acco button")      .forEach((item) => item.addEventListener("click", toggleacco));    function toggleacco() {      const parentAcco = this.closest(".acco");      const itemsInThisAcco = parentAcco.querySelectorAll("button");      const currentStatus = this.getAttribute("aria-expanded");      if (currentStatus == "false") {        // Close all other items        // for (let i = 0; i < itemsInThisAcco.length; i++) {        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");        // }        // Open the clicked item        this.setAttribute("aria-expanded", "true");      } else {        // Close the clicked item        this.setAttribute("aria-expanded", "false");      }    }  });</script>
LOCATION:
GEO:0.00000000;0.00000000
X-ACCESS:1
X-HITS:4
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260427T120000
DTEND;TZID=America/Los_Angeles:20260427T140000
UID:42D65749-9814-48DF-8692-939BB4B73EB4
SUMMARY:Trash Talkers Mini Fair
DTSTAMP:20260203T174128Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition: opacity 200ms linear, max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        April 27\N      \N\N      \N      \N        \N            Location\N          Grow Beach Garden\N        \N      \N\N      \N      \N        \N          Time\N        12 to 2 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N              Take a step toward a greener future! Rethink waste through interactive activities and live composting demos. Participants will have the chance to join the Trash Talkers pledge campaign to become a certified Trash Talker, and will be entered into an opportunity drawing to win FREE swag.\N\N              Don't miss out on this sustainable experience. To join, RSVP on Events & Orgs!\N        \N        \N      \N    \N    \N  \N  \N\N  \N  \N    \N\N    {loadmoduleid 368}\N  \N  \N\N\N\N\N\N  document.addEventListener("DOMContentLoaded", function () {\N    document\N      .querySelectorAll("#HistoryOfUniversity .acco button")\N      .forEach((item) => item.addEventListener("click", toggleacco));\N\N    function toggleacco() {\N      const parentAcco = this.closest(".acco");\N      const itemsInThisAcco = parentAcco.querySelectorAll("button");\N      const currentStatus = this.getAttribute("aria-expanded");\N\N      if (currentStatus == "false") {\N        // Close all other items\N        // for (let i = 0; i  itemsInThisAcco.length; i++) {\N        //   itemsInThisAcco[i].setAttribute("aria-expanded", "false");\N        // }\N        // Open the clicked item\N        this.setAttribute("aria-expanded", "true");\N      } else {\N        // Close the clicked item\N        this.setAttribute("aria-expanded", "false");\N      }\N    }\N  });\N\N
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated July 2023 --><style>  .event-title-head {    font-weight: bold;    font-size: 20px;    color: darkgoldenrod;    margin-top: 5px;    margin-bottom: 0;  }  .event-title-text {    font-weight: 500;    font-size: 15px;    line-height: 17px;    font-weight: bold;  }  .event-title-icon {    margin-top: 6px;    display: flex;    justify-content: left;  }  .event-video-main {    display: flex;    justify-content: center;    margin-bottom: 20px;  }  .history-btn {    display: flex;    justify-content: center;  }  .button-71 {    background-color: #007daa;    border: 0;    border-radius: 56px;    color: #fff;    cursor: pointer;    display: inline-block;    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */    font-size: 18px;    font-weight: 600;    outline: 0;    padding: 16px 21px;    position: relative;    text-align: center;    text-decoration: none;    transition: all 0.3s;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;  }  .button-71:before {    background-color: initial;    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);    border-radius: 125px;    content: "";    height: 50%;    left: 4%;    opacity: 0.5;    position: absolute;    top: 0;    transition: all 0.3s;    width: 92%;  }  .button-71:hover {    box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,      rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;    transform: scale(1.05);  }  /* _____________Accordian Section CSS+_______________ */  .acco .acco-item {    border-bottom: 1px solid #e5e5e5;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: #8800ad;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #8700ad !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 18px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #8800ad;    border-bottom: 1px solid #8800ad;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #8800ad3f;    border-right: 2px solid #8800ad3f;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* ______________Accordian CSS Ends__________ */  .main-container {    display: flex;    gap: 20px;    max-width: 1600px;    margin: 0 auto;  }  .left-container {    width: 50%;  }  .right-container {    width: 50%;  }  .event-dtl {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    margin-bottom: 20px;    padding: 10px 20px;    display: flex;    justify-content: space-between;  }  .event-description {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    padding: 10px 20px;  }  .event-img {    width: 100%;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    border-radius: 10px;  }  @media (max-width: 960px) {    .main-container {      flex-direction: column;    }    .left-container {      width: 100%;      width: 10px -20px;    }    .right-container {      width: 100%;    }  }  @media (max-width: 500px) {    .event-dtl {      flex-direction: column;      text-align: center;    }    .event-title-icon {      justify-content: center;    }  }</style><div class="main-container">  <!-- --------------------     START OF LEFT SIDE   --------------------- -->  <div class="left-container">    <div class="event-dtl">      <!-- DATE -->      <div itemprop="startDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Date</h3>        <p class="event-title-text">April 27</p>      </div>      <!-- LOCATION -->      <div>        <div          itemprop="location"          itemscope="itemscope"          itemtype="http://schema.org/Place"        >          <div class="event-title-icon">            <img              src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png"              style="height: 20px; width: 25px"            />          </div>          <h3 class="event-title-head">Location</h3>          <p class="event-title-text">Grow Beach Garden</p>        </div>      </div>      <!-- TIME -->      <div itemprop="endDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Time</h3>        <p class="event-title-text">12 to 2 p.m.</p>      </div>    </div>    <!-- EVENT DESCRIPTION -->    <div class="event-description">      <div>        <h3 class="event-title-head">Description</h3>        <!-- ***************************************        ** Place all elements of description HERE **        **************************************** -->        <div itemprop="description">              <p>Take a step toward a greener future! Rethink waste through interactive activities and live composting demos. Participants will have the chance to join the Trash Talkers pledge campaign to become a certified Trash Talker, and will be entered into an opportunity drawing to win FREE swag.</p>              <p>Don't miss out on this sustainable experience. To join, RSVP on Events & Orgs!</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_SustainU_Trash_Talkers_Mini_Fair__dgtl-CalEvent-01_1.jpg" alt="Trash Talkers Mini FairFeb. 24 | March 25 | April 712 to 2 p.m.Grow Beach Garden" />    {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:20260227T173906Z
X-ACCESS:1
X-HITS:23
X-URL:
X-COLOR:488B2B
END:VEVENT
BEGIN:VEVENT
DTSTART;TZID=America/Los_Angeles:20260429T140000
DTEND;TZID=America/Los_Angeles:20260429T143000
UID:B9D910D7-1C76-43BC-BB0D-930DB17CCD62
SUMMARY:Pass the Plate: Vegetarian Lasagna Soup
DTSTAMP:20260306T171906Z
DESCRIPTION:\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N    margin-top: 5px;\N    margin-bottom: 0;\N  }\N\N  .event-title-text {\N    font-weight: 500;\N    font-size: 15px;\N    line-height: 17px;\N    font-weight: bold;\N  }\N\N  .event-title-icon {\N    margin-top: 6px;\N    display: flex;\N    justify-content: left;\N  }\N\N  .event-video-main {\N    display: flex;\N    justify-content: center;\N    margin-bottom: 20px;\N  }\N\N  .history-btn {\N    display: flex;\N    justify-content: center;\N  }\N\N  .button-71 {\N    background-color: #007daa;\N    border: 0;\N    border-radius: 56px;\N    color: #fff;\N    cursor: pointer;\N    display: inline-block;\N    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N    font-size: 18px;\N    font-weight: 600;\N    outline: 0;\N    padding: 16px 21px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    transition: all 0.3s;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N  }\N\N  .button-71:before {\N    background-color: initial;\N    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N    border-radius: 125px;\N    content: "";\N    height: 50%;\N    left: 4%;\N    opacity: 0.5;\N    position: absolute;\N    top: 0;\N    transition: all 0.3s;\N    width: 92%;\N  }\N\N  .button-71:hover {\N    box-shadow:\N      rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px,\N      rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition:\N      opacity 200ms linear,\N      max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 20px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    margin-bottom: 20px;\N    padding: 10px 20px;\N    display: flex;\N    justify-content: space-between;\N  }\N  .event-description {\N    background-color: white;\N    border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 10px 20px;\N  }\N  .event-img {\N    width: 100%;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    border-radius: 10px;\N  }\N  @media (max-width: 960px) {\N    .main-container {\N      flex-direction: column;\N    }\N    .left-container {\N      width: 100%;\N      width: 10px -20px;\N    }\N    .right-container {\N      width: 100%;\N    }\N  }\N  @media (max-width: 500px) {\N    .event-dtl {\N      flex-direction: column;\N      text-align: center;\N    }\N    .event-title-icon {\N      justify-content: center;\N    }\N  }\N\N\N\N  \N  \N    \N      \N      \N        \N          Date\N        April 29\N      \N\N      \N      \N        \N            Location\N          Parkside Commons\N        \N      \N\N      \N      \N        \N          Time\N        2 to 3 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          \N            Sustain U’s Pass the Plate series brings together comfort food and\N            sustainability with a cooking demonstration featuring Vegetarian\N            Lasagna Soup. This plant-based twist on a classic favorite\N            transforms traditional lasagna flavors into a simple, hearty one-pot\N            meal that’s both nourishing and easy to make.\N          \N          \N            During the session, participants will learn how choosing vegetarian\N            alternatives can help reduce their carbon footprint while still\N            delivering rich flavor and satisfying meals. The demonstration will\N            highlight practical tips for preparing plant-based dishes that are\N            accessible, affordable and perfect for sharing with friends or\N            family.\N          \N          \N            Whether you’re curious about sustainable eating, looking for new\N            vegetarian recipes or simply in the mood for something warm and\N            comforting, this event offers a welcoming space to learn, connect\N            and enjoy good food with the community.\N          \N          \N            RSVP through\N            \N      \N    \N    \N  \N  \N\N  \N  \N    img\N      class="event-img&quot;\N      src=&quot;images/cal/Spring26/SP26_SustainU_Lasagna-PassthePlate_dgtl-CalEvent_1.jpg&quot;\N      alt=&quot;Pass the Plate: Vegetarian Lasagna Soup April 29 2 to 3 p.m. Parkside Commons Flier&quot;\N    /&gt;\N\N    {loadmoduleid 368}\N  &lt;/div&gt;\N  &lt;!-- Technically end of right side --&gt;\N&lt;/div&gt;\N&lt;!-- End of main-container --&gt;\N\N&lt;!-- Accordion Test --&gt;\N&lt;script&gt;\N  document.addEventListener(&quot;DOMContentLoaded&quot;, function () {\N    document\N      .querySelectorAll(&quot;#HistoryOfUniversity .acco button&quot;)\N      .forEach((item) =&gt; item.addEventListener(&quot;click&quot;, toggleacco));\N\N    function toggleacco() {\N      const parentAcco = this.closest(&quot;.acco&quot;);\N      const itemsInThisAcco = parentAcco.querySelectorAll(&quot;button&quot;);\N      const currentStatus = this.getAttribute(&quot;aria-expanded&quot;);\N\N      if (currentStatus == &quot;false&quot;) {\N        // Close all other items\N        // for (let i = 0; i &lt; itemsInThisAcco.length; i++) {\N        //   itemsInThisAcco[i].setAttribute(&quot;aria-expanded&quot;, &quot;false&quot;);\N        // }\N        // Open the clicked item\N        this.setAttribute(&quot;aria-expanded&quot;, &quot;true&quot;);\N      } else {\N        // Close the clicked item\N        this.setAttribute(&quot;aria-expanded&quot;, &quot;false&quot;);\N      }\N    }\N  });\N&lt;/script&gt;\N"
X-ALT-DESC;FMTTYPE=text/html:<!-- basic template for all events  --><!-- Updated July 2023 --><style>  .event-title-head {    font-weight: bold;    font-size: 20px;    color: darkgoldenrod;    margin-top: 5px;    margin-bottom: 0;  }  .event-title-text {    font-weight: 500;    font-size: 15px;    line-height: 17px;    font-weight: bold;  }  .event-title-icon {    margin-top: 6px;    display: flex;    justify-content: left;  }  .event-video-main {    display: flex;    justify-content: center;    margin-bottom: 20px;  }  .history-btn {    display: flex;    justify-content: center;  }  .button-71 {    background-color: #007daa;    border: 0;    border-radius: 56px;    color: #fff;    cursor: pointer;    display: inline-block;    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */    font-size: 18px;    font-weight: 600;    outline: 0;    padding: 16px 21px;    position: relative;    text-align: center;    text-decoration: none;    transition: all 0.3s;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;  }  .button-71:before {    background-color: initial;    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);    border-radius: 125px;    content: "";    height: 50%;    left: 4%;    opacity: 0.5;    position: absolute;    top: 0;    transition: all 0.3s;    width: 92%;  }  .button-71:hover {    box-shadow:      rgba(255, 255, 255, 0.2) 0 3px 15px inset,      rgba(0, 0, 0, 0.1) 0 3px 5px,      rgba(0, 0, 0, 0.1) 0 10px 13px;    transform: scale(1.05);  }  /* _____________Accordian Section CSS+_______________ */  .acco .acco-item {    border-bottom: 1px solid #e5e5e5;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: #8800ad;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #8700ad !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 18px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #8800ad;    border-bottom: 1px solid #8800ad;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #8800ad3f;    border-right: 2px solid #8800ad3f;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition:      opacity 200ms linear,      max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* ______________Accordian CSS Ends__________ */  .main-container {    display: flex;    gap: 20px;    max-width: 1600px;    margin: 0 auto;  }  .left-container {    width: 50%;  }  .right-container {    width: 50%;  }  .event-dtl {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    margin-bottom: 20px;    padding: 10px 20px;    display: flex;    justify-content: space-between;  }  .event-description {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    padding: 10px 20px;  }  .event-img {    width: 100%;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    border-radius: 10px;  }  @media (max-width: 960px) {    .main-container {      flex-direction: column;    }    .left-container {      width: 100%;      width: 10px -20px;    }    .right-container {      width: 100%;    }  }  @media (max-width: 500px) {    .event-dtl {      flex-direction: column;      text-align: center;    }    .event-title-icon {      justify-content: center;    }  }</style><div class="main-container">  <!-- --------------------     START OF LEFT SIDE   --------------------- -->  <div class="left-container">    <div class="event-dtl">      <!-- DATE -->      <div itemprop="startDate" content="2024-03-13">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"            style="height: 20px; width: 25px"          />        </div>        <h3 class="event-title-head">Date</h3>        <p class="event-title-text">April 29</p>      </div>      <!-- LOCATION -->      <div>        <div          itemprop="location"          itemscope="itemscope"          itemtype="http://schema.org/Place"        >          <div class="event-title-icon">            <img              src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png"              style="height: 20px; width: 25px"            />          </div>          <h3 class="event-title-head">Location</h3>          <p class="event-title-text">Parkside Commons</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">2 to 3 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>            Sustain U’s Pass the Plate series brings together comfort food and            sustainability with a cooking demonstration featuring Vegetarian            Lasagna Soup. This plant-based twist on a classic favorite            transforms traditional lasagna flavors into a simple, hearty one-pot            meal that’s both nourishing and easy to make.          </p>          <p>            During the session, participants will learn how choosing vegetarian            alternatives can help reduce their carbon footprint while still            delivering rich flavor and satisfying meals. The demonstration will            highlight practical tips for preparing plant-based dishes that are            accessible, affordable and perfect for sharing with friends or            family.          </p>          <p>            Whether you’re curious about sustainable eating, looking for new            vegetarian recipes or simply in the mood for something warm and            comforting, this event offers a welcoming space to learn, connect            and enjoy good food with the community.          </p>          <p>            RSVP through            <a              href="https://csulb.campuslabs.com/engage/organization/asi-sustain-u"              target="_blank"              ><b>Events & Orgs</b></a            >            to secure your spot.          </p>        </div>        <!-- Technically the end of the "description" -->      </div>    </div>    <!-- End of Event Description -->  </div>  <!-- end of left-container -->  <!-- -------------------      START OF RIGHT SIDE  --------------------- -->  <div class="right-container">    <img      class="event-img"      src="images/cal/Spring26/SP26_SustainU_Lasagna-PassthePlate_dgtl-CalEvent_1.jpg"      alt="Pass the Plate: Vegetarian Lasagna Soup April 29 2 to 3 p.m. Parkside Commons 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
X-ACCESS:1
X-HITS:7
X-URL:
X-COLOR:488B2B
END:VEVENT
END:VCALENDAR