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:20260929T100000 DTEND;TZID=America/Los_Angeles:20260929T120000 UID:FB094CDC-CD8F-4871-A01A-9B5A27649879 SUMMARY:Coastal Coffee Grand Opening DTSTAMP:20260915T144403Z DESCRIPTION:\N\N\N .event-title-head {\N font-weight: bold;\N font-size: 20px;\N color: darkgoldenrod;\N margin-top: 5px;\N margin-bottom: 0;\N }\N\N .event-title-text {\N font-weight: 500;\N font-size: 15px;\N line-height: 17px;\N font-weight: bold;\N }\N\N .event-title-icon {\N margin-top: 6px;\N display: flex;\N justify-content: left;\N }\N\N .event-video-main {\N display: flex;\N justify-content: center;\N margin-bottom: 20px;\N }\N\N .history-btn {\N display: flex;\N justify-content: center;\N }\N\N .button-71 {\N background-color: #007daa;\N border: 0;\N border-radius: 56px;\N color: #fff;\N cursor: pointer;\N display: inline-block;\N /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N font-size: 18px;\N font-weight: 600;\N outline: 0;\N padding: 16px 21px;\N position: relative;\N text-align: center;\N text-decoration: none;\N transition: all 0.3s;\N user-select: none;\N -webkit-user-select: none;\N touch-action: manipulation;\N }\N\N .button-71:before {\N background-color: initial;\N background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N border-radius: 125px;\N content: "";\N height: 50%;\N left: 4%;\N opacity: 0.5;\N position: absolute;\N top: 0;\N transition: all 0.3s;\N width: 92%;\N }\N\N .button-71:hover {\N box-shadow:\N rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N rgba(0, 0, 0, 0.1) 0 3px 5px,\N rgba(0, 0, 0, 0.1) 0 10px 13px;\N transform: scale(1.05);\N }\N /* _____________Accordian Section CSS+_______________ */\N\N .acco .acco-item {\N border-bottom: 1px solid #e5e5e5;\N }\N\N .acco button {\N position: relative;\N display: block;\N text-align: left;\N width: 100%;\N padding: 1em 0;\N color: #8800ad;\N border: none;\N background: none;\N outline: none;\N }\N\N .acco button:hover,\N .acco button:focus {\N cursor: pointer;\N color: white !important;\N background-color: #8700ad !important;\N }\N\N .acco button:hover .icon,\N .acco button:focus .icon {\N cursor: pointer;\N color: white;\N border: 1px solid white !important;\N }\N\N .acco .acco-title {\N padding: 1em 1.5em 1em 1em;\N }\N\N .acco .icon {\N display: inline-block;\N position: absolute;\N top: 18px;\N right: 20px;\N width: 22px;\N height: 22px;\N border: 1px solid;\N border-radius: 22px;\N }\N\N .acco .icon::before,\N .acco .icon::after {\N display: block;\N position: absolute;\N content: "";\N background: currentColor;\N }\N\N .acco .icon::before {\N top: 9px;\N left: 5px;\N width: 10px;\N height: 2px;\N }\N\N .acco .icon::after {\N top: 5px;\N left: 9px;\N width: 2px;\N height: 10px;\N }\N\N .acco button[aria-expanded="true"] {\N color: #8800ad;\N border-bottom: 1px solid #8800ad;\N /* background-color: #8700ad; */\N }\N\N .acco button[aria-expanded="true"] .icon::after {\N width: 0;\N }\N\N .acco button[aria-expanded="true"] + .acco-content {\N opacity: 1;\N max-height: 9em;\N transition: all 200ms linear;\N /* overflow: scroll; */\N }\N\N #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N opacity: 1;\N max-height: 100%;\N transition: all 200ms linear;\N /* overflow: scroll; */\N border-left: 2px solid #8800ad3f;\N border-right: 2px solid #8800ad3f;\N }\N\N .acco .acco-content {\N opacity: 0;\N max-height: 0;\N overflow: hidden;\N transition:\N opacity 200ms linear,\N max-height 200ms linear;\N }\N\N .acco .acco-content p {\N /* font-size: 1rem; */\N font-weight: 300;\N margin: 0;\N }\N /* ______________Accordian CSS Ends__________ */\N .main-container {\N display: flex;\N gap: 20px;\N max-width: 1600px;\N margin: 0 auto;\N }\N .left-container {\N width: 50%;\N }\N .right-container {\N width: 50%;\N }\N .event-dtl {\N background-color: white;\N border-radius: 10px;\N box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N margin-bottom: 20px;\N padding: 10px 20px;\N display: flex;\N justify-content: space-between;\N }\N .event-description {\N background-color: white;\N border-radius: 10px;\N box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N padding: 10px 20px;\N }\N .event-img {\N width: 100%;\N box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N border-radius: 10px;\N }\N @media (max-width: 960px) {\N .main-container {\N flex-direction: column;\N }\N .left-container {\N width: 100%;\N width: 10px -20px;\N }\N .right-container {\N width: 100%;\N }\N }\N @media (max-width: 500px) {\N .event-dtl {\N flex-direction: column;\N text-align: center;\N }\N .event-title-icon {\N justify-content: center;\N }\N }\N\N\N\N \N \N \N \N \N \N Date\N Sept. 29\N \N\N \N \N \N Location\N Coastal Coffee\N \N \N\N \N \N \N Time\N 10 a.m. - noon\N \N \N\N \N \N \N Description\N \N \N \N Celebrate National Coffee Day at the grand opening of Coastal\N Coffee! Join Beach Shops and campus leaders for a ribbon-cutting\N ceremony officially welcoming this new coffee destination to The\N Beach.\N \N \N The celebration will feature music, small bites and samples of\N Coastal Coffee’s drinks. Special offers and giveaways will be\N available while supplies last.\N \N \N No registration is required. \N \N \N \N \N \N \N \N \N\N \N \N img\N class="event-img"\N src="images/cal/Fall-2026/WOID274_Coastal_Coffee_Grand_Opening_750x1170_2.jpg"\N alt="Event Flier"\N />\N\N {loadmoduleid 368}\N </div>\N <!-- Technically end of right side -->\N</div>\N<!-- End of main-container -->\N\N<!-- Accordion Test -->\N<script>\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</script>\N" X-ALT-DESC;FMTTYPE=text/html:

Date

Sept. 29

Location

Coastal Coffee

Time

10 a.m. - noon

Description

Celebrate National Coffee Day at the grand opening of Coastal Coffee! Join Beach Shops and campus leaders for a ribbon-cutting ceremony officially welcoming this new coffee destination to The Beach.

The celebration will feature music, small bites and samples of Coastal Coffee’s drinks. Special offers and giveaways will be available while supplies last.

No registration is required.

Event Flier {loadmoduleid 368}
LOCATION: GEO:0.00000000;0.00000000 X-ACCESS:1 X-HITS:19 X-URL: X-COLOR:F9A600 END:VEVENT END:VCALENDAR