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:20260421T120000 DTEND;TZID=America/Los_Angeles:20260421T140000 UID:0907E1D1-1B60-4767-AD5B-18EDFF64BFE5 SUMMARY:Save the Beach DTSTAMP:20260410T194614Z 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 21\N\N \N\N \N \N \N Location\N Central Quad\N\N \N \N\N \N \N \N Time\N 12–2 p.m.\N\N \N \N\N \N \N \N Description\N \N \N Save the Beach is a hands-on sustainability fair designed to help students learn how everyday choices impact the planet. Stop by Central Quad to explore interactive tables on climate change, environmental myths and facts, and how to properly sort waste and recyclables. You’ll also discover how environmental issues affect communities around the world and what you can do to make a difference right here at The Beach.\N\NEnjoy engaging activities, learn something new, and grab free food while connecting with fellow students and your Commissioner for Environmental Justice. No RSVP required — just show up and join the movement toward a healthier, more sustainable campus and planet.\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:

Date

April 21

Location

Central Quad

Time

12–2 p.m.

Description

Save the Beach is a hands-on sustainability fair designed to help students learn how everyday choices impact the planet. Stop by Central Quad to explore interactive tables on climate change, environmental myths and facts, and how to properly sort waste and recyclables. You’ll also discover how environmental issues affect communities around the world and what you can do to make a difference right here at The Beach.

Enjoy engaging activities, learn something new, and grab free food while connecting with fellow students and your Commissioner for Environmental Justice. No RSVP required — just show up and join the movement toward a healthier, more sustainable campus and planet.

Save the Beach April 21 12–2 p.m. Central Quad Flier {loadmoduleid 368}
LOCATION: GEO:0.00000000;0.00000000 X-ACCESS:1 X-HITS:22 X-URL: X-COLOR:8800AD END:VEVENT END:VCALENDAR