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:20260407T123000 DTEND;TZID=America/Los_Angeles:20260407T170000 UID:CBC2877D-7DD4-4968-9D27-411EBD2F9F9F SUMMARY:MENA Opening Ceremony & Screening DTSTAMP:20250226T182209Z DESCRIPTION:\N\N\N .event-title-head {\N font-weight: bold;\N font-size: 20px;\N color: darkgoldenrod;\N margin-top: 5px;\N margin-bottom: 0;\N }\N\N .event-title-text {\N font-weight: 500;\N font-size: 15px;\N line-height: 17px;\N font-weight: bold;\N }\N\N .event-title-icon {\N margin-top: 6px;\N display: flex;\N justify-content: left;\N }\N\N .event-video-main {\N display: flex;\N justify-content: center;\N margin-bottom: 20px;\N }\N\N .history-btn {\N display: flex;\N justify-content: center;\N }\N\N .button-71 {\N background-color: #007daa;\N border: 0;\N border-radius: 56px;\N color: #fff;\N cursor: pointer;\N display: inline-block;\N /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */\N font-size: 18px;\N font-weight: 600;\N outline: 0;\N padding: 16px 21px;\N position: relative;\N text-align: center;\N text-decoration: none;\N transition: all 0.3s;\N user-select: none;\N -webkit-user-select: none;\N touch-action: manipulation;\N }\N\N .button-71:before {\N background-color: initial;\N background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\N border-radius: 125px;\N content: "";\N height: 50%;\N left: 4%;\N opacity: 0.5;\N position: absolute;\N top: 0;\N transition: all 0.3s;\N width: 92%;\N }\N\N .button-71:hover {\N box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;\N transform: scale(1.05);\N }\N /* _____________Accordian Section CSS+_______________ */\N\N .acco .acco-item {\N border-bottom: 1px solid #e5e5e5;\N }\N\N .acco button {\N position: relative;\N display: block;\N text-align: left;\N width: 100%;\N padding: 1em 0;\N color: #8800ad;\N border: none;\N background: none;\N outline: none;\N }\N\N .acco button:hover,\N .acco button:focus {\N cursor: pointer;\N color: white !important;\N background-color: #8700ad !important;\N }\N\N .acco button:hover .icon,\N .acco button:focus .icon {\N cursor: pointer;\N color: white;\N border: 1px solid white !important;\N }\N\N .acco .acco-title {\N padding: 1em 1.5em 1em 1em;\N }\N\N .acco .icon {\N display: inline-block;\N position: absolute;\N top: 18px;\N right: 20px;\N width: 22px;\N height: 22px;\N border: 1px solid;\N border-radius: 22px;\N }\N\N .acco .icon::before,\N .acco .icon::after {\N display: block;\N position: absolute;\N content: "";\N background: currentColor;\N }\N\N .acco .icon::before {\N top: 9px;\N left: 5px;\N width: 10px;\N height: 2px;\N }\N\N .acco .icon::after {\N top: 5px;\N left: 9px;\N width: 2px;\N height: 10px;\N }\N\N .acco button[aria-expanded="true"] {\N color: #8800ad;\N border-bottom: 1px solid #8800ad;\N /* background-color: #8700ad; */\N }\N\N .acco button[aria-expanded="true"] .icon::after {\N width: 0;\N }\N\N .acco button[aria-expanded="true"] + .acco-content {\N opacity: 1;\N max-height: 9em;\N transition: all 200ms linear;\N /* overflow: scroll; */\N }\N\N #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N opacity: 1;\N max-height: 100%;\N transition: all 200ms linear;\N /* overflow: scroll; */\N border-left: 2px solid #8800ad3f;\N border-right: 2px solid #8800ad3f;\N }\N\N .acco .acco-content {\N opacity: 0;\N max-height: 0;\N overflow: hidden;\N transition: opacity 200ms linear, max-height 200ms linear;\N }\N\N .acco .acco-content p {\N /* font-size: 1rem; */\N font-weight: 300;\N margin: 0;\N }\N /* ______________Accordian CSS Ends__________ */\N .main-container {\N display: flex;\N gap: 20px;\N max-width: 1600px;\N margin: 0 auto;\N }\N .left-container {\N width: 50%;\N }\N .right-container {\N width: 50%;\N }\N .event-dtl {\N background-color: white;\N border-radius: 10px;\N box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N margin-bottom: 20px;\N padding: 10px 20px;\N display: flex;\N justify-content: space-between;\N }\N .event-description {\N background-color: white;\N border-radius: 10px;\N box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N padding: 10px 20px;\N }\N .event-img {\N width: 100%;\N box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N border-radius: 10px;\N }\N @media (max-width: 960px) {\N .main-container {\N flex-direction: column;\N }\N .left-container {\N width: 100%;\N width: 10px -20px;\N }\N .right-container {\N width: 100%;\N }\N }\N @media (max-width: 500px) {\N .event-dtl {\N flex-direction: column;\N text-align: center;\N }\N .event-title-icon {\N justify-content: center;\N }\N }\N\N\N\N \N \N \N \N \N \N Date\N \N Apr 7\N \N\N \N \N \N Location\N \N PH1 209\N \N \N\N \N \N \N Time\N \N 12:30 P.M.\N \N \N\N \N \N \N Description\N \N \N Kick off Middle Eastern & North African (MENA) Cultural Awareness with an opening ceremony and screening that celebrates the richness, diversity and stories of MENA communities.\N\NJoin us for an engaging afternoon that invites reflection, connection and cultural appreciation through film and shared experience. Whether you’re looking to learn something new or connect with others, this event offers a meaningful way to begin the month’s programming.\N\N\NThis event is free and open to all Long Beach State students. Be sure to RSVP on Events & Orgs to reserve your spot.\N\N \N \N \N \N \N \N \N\N \N \N img\N class="event-img"\N src="images/cal/Spring26/2026_OBI_MENA_DS_Vert.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

Apr 7

Location

PH1 209

Time

12:30 P.M.

Description

Kick off Middle Eastern & North African (MENA) Cultural Awareness with an opening ceremony and screening that celebrates the richness, diversity and stories of MENA communities.

Join us for an engaging afternoon that invites reflection, connection and cultural appreciation through film and shared experience. Whether you’re looking to learn something new or connect with others, this event offers a meaningful way to begin the month’s programming.

This event is free and open to all Long Beach State students. Be sure to RSVP on Events & Orgs to reserve your spot.

Event Flier {loadmoduleid 368}
LAST-MODIFIED:20260407T151032Z X-ACCESS:1 X-HITS:22 X-URL: X-COLOR:F9A600 END:VEVENT END:VCALENDAR