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:20260218T120000
DTEND;TZID=America/Los_Angeles:20260218T140000
UID:64951796-2E0F-411A-AB86-8951C86437C7
SUMMARY:Lunar New Year Festival
DTSTAMP:20260211T153054Z
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            Feb. 18\N        \N\N        \N        \N            \N                Location\N            LBS Financial Credit Union Pyramid, The Pointe\N            \N        \N\N        \N        \N            \N            Time\N            12 – 2 p.m.\N        \N        \N\N        \N        \N        \N            Description\N            \N            \N            \N                Ring in the Lunar New Year at The Beach! Join us as we celebrate the\N                Year of the Horse — symbolizing freedom, individuality and\N                adventurous new beginnings.\N            \N            \N                Stop by for an afternoon filled with culture, creativity and\N                community at our FREE Lunar New Year Festival. Enjoy hands-on\N                activities, festive performances and delicious treats while\N                connecting with fellow Beach students, staff and faculty.\N            \N            Event highlights include:\N            \N                Notebook decorating\N                Keychain making\N                Origami\N                Bracelet making\N                Wish Wall\N                Name calligraphy in Chinese, Vietnamese and Korean\N                Photo Booth\N                Traditional Lion Dance performance\N                FREE food and drinks\N            \N            \N                This event is open to current Long Beach State University students,\N                staff and faculty. Don’t miss this vibrant celebration to welcome\N                the new year together!\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">LBS Financial Credit Union<br /> Pyramid, The Pointe</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 – 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>                Ring in the Lunar New Year at The Beach! Join us as we celebrate the                Year of the Horse — symbolizing freedom, individuality and                adventurous new beginnings.            </p>            <p>                Stop by for an afternoon filled with culture, creativity and                community at our FREE Lunar New Year Festival. Enjoy hands-on                activities, festive performances and delicious treats while                connecting with fellow Beach students, staff and faculty.            </p>            <p><b>Event highlights include:</b></p>            <ul>                <li>Notebook decorating</li>                <li>Keychain making</li>                <li>Origami</li>                <li>Bracelet making</li>                <li>Wish Wall</li>                <li>Name calligraphy in Chinese, Vietnamese and Korean</li>                <li>Photo Booth</li>                <li>Traditional Lion Dance performance</li>                <li>FREE food and drinks</li>            </ul>            <p>                This event is open to current Long Beach State University students,                staff and faculty. Don’t miss this vibrant celebration to welcome                the new year 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 class="event-img" src="images/cal/Spring26/2026_OBI_LNY_Flyer_ADA_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:20260211T153128Z
X-ACCESS:1
X-HITS:407
X-URL:
X-COLOR:E54268
END:VEVENT
END:VCALENDAR