BEGIN:VCALENDAR
VERSION:2.0
PRODID:DPCALENDAR
CALSCALE:GREGORIAN
BEGIN:VTIMEZONE
TZID:America/Los_Angeles
X-MICROSOFT-CDO-TZID:13
BEGIN:DAYLIGHT
DTSTART:20260308T100000
TZOFFSETFROM:-0800
TZOFFSETTO:-0700
TZNAME:PDT
END:DAYLIGHT
BEGIN:STANDARD
DTSTART:20261101T090000
TZOFFSETFROM:-0700
TZOFFSETTO:-0800
TZNAME:PST
END:STANDARD
BEGIN:DAYLIGHT
DTSTART:20270314T100000
TZOFFSETFROM:-0800
TZOFFSETTO:-0700
TZNAME:PDT
END:DAYLIGHT
END:VTIMEZONE
X-WR-TIMEZONE:America/Los_Angeles
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:456
X-URL:
X-COLOR:488B2B
END:VEVENT
END:VCALENDAR