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:20260429T140000
DTEND;TZID=America/Los_Angeles:20260429T143000
UID:B9D910D7-1C76-43BC-BB0D-930DB17CCD62
SUMMARY:Pass the Plate: Vegetarian Lasagna Soup
DTSTAMP:20260306T171906Z
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        April 29\N      \N\N      \N      \N        \N            Location\N          Parkside Commons\N        \N      \N\N      \N      \N        \N          Time\N        2 to 3 p.m.\N      \N    \N\N    \N    \N      \N        Description\N        \N        \N          \N            Sustain U’s Pass the Plate series brings together comfort food and\N            sustainability with a cooking demonstration featuring Vegetarian\N            Lasagna Soup. This plant-based twist on a classic favorite\N            transforms traditional lasagna flavors into a simple, hearty one-pot\N            meal that’s both nourishing and easy to make.\N          \N          \N            During the session, participants will learn how choosing vegetarian\N            alternatives can help reduce their carbon footprint while still\N            delivering rich flavor and satisfying meals. The demonstration will\N            highlight practical tips for preparing plant-based dishes that are\N            accessible, affordable and perfect for sharing with friends or\N            family.\N          \N          \N            Whether you’re curious about sustainable eating, looking for new\N            vegetarian recipes or simply in the mood for something warm and\N            comforting, this event offers a welcoming space to learn, connect\N            and enjoy good food with the community.\N          \N          \N            RSVP through\N            \N      \N    \N    \N  \N  \N\N  \N  \N    img\N      class="event-img&quot;\N      src=&quot;images/cal/Spring26/SP26_SustainU_Lasagna-PassthePlate_dgtl-CalEvent_1.jpg&quot;\N      alt=&quot;Pass the Plate: Vegetarian Lasagna Soup April 29 2 to 3 p.m. Parkside Commons Flier&quot;\N    /&gt;\N\N    {loadmoduleid 368}\N  &lt;/div&gt;\N  &lt;!-- Technically end of right side --&gt;\N&lt;/div&gt;\N&lt;!-- End of main-container --&gt;\N\N&lt;!-- Accordion Test --&gt;\N&lt;script&gt;\N  document.addEventListener(&quot;DOMContentLoaded&quot;, function () {\N    document\N      .querySelectorAll(&quot;#HistoryOfUniversity .acco button&quot;)\N      .forEach((item) =&gt; item.addEventListener(&quot;click&quot;, toggleacco));\N\N    function toggleacco() {\N      const parentAcco = this.closest(&quot;.acco&quot;);\N      const itemsInThisAcco = parentAcco.querySelectorAll(&quot;button&quot;);\N      const currentStatus = this.getAttribute(&quot;aria-expanded&quot;);\N\N      if (currentStatus == &quot;false&quot;) {\N        // Close all other items\N        // for (let i = 0; i &lt; itemsInThisAcco.length; i++) {\N        //   itemsInThisAcco[i].setAttribute(&quot;aria-expanded&quot;, &quot;false&quot;);\N        // }\N        // Open the clicked item\N        this.setAttribute(&quot;aria-expanded&quot;, &quot;true&quot;);\N      } else {\N        // Close the clicked item\N        this.setAttribute(&quot;aria-expanded&quot;, &quot;false&quot;);\N      }\N    }\N  });\N&lt;/script&gt;\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">April 29</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">Parkside Commons</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">2 to 3 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>            Sustain U’s Pass the Plate series brings together comfort food and            sustainability with a cooking demonstration featuring Vegetarian            Lasagna Soup. This plant-based twist on a classic favorite            transforms traditional lasagna flavors into a simple, hearty one-pot            meal that’s both nourishing and easy to make.          </p>          <p>            During the session, participants will learn how choosing vegetarian            alternatives can help reduce their carbon footprint while still            delivering rich flavor and satisfying meals. The demonstration will            highlight practical tips for preparing plant-based dishes that are            accessible, affordable and perfect for sharing with friends or            family.          </p>          <p>            Whether you’re curious about sustainable eating, looking for new            vegetarian recipes or simply in the mood for something warm and            comforting, this event offers a welcoming space to learn, connect            and enjoy good food with the community.          </p>          <p>            RSVP through            <a              href="https://csulb.campuslabs.com/engage/organization/asi-sustain-u"              target="_blank"              ><b>Events & Orgs</b></a            >            to secure your spot.          </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/SP26_SustainU_Lasagna-PassthePlate_dgtl-CalEvent_1.jpg"      alt="Pass the Plate: Vegetarian Lasagna Soup April 29 2 to 3 p.m. Parkside Commons 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
X-ACCESS:1
X-HITS:48
X-URL:
X-COLOR:488B2B
END:VEVENT
END:VCALENDAR