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:20241014T120000
DTEND;TZID=America/Los_Angeles:20241014T130000
UID:0AC26D78-A3A3-4D74-B8F0-2DD839E3FB5D
SUMMARY:Compost Happens
DTSTAMP:20240923T184730Z
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. 23, Oct. 14 & Nov. 4\N            \N          \N  \N          \N          \N            \N              \N                \N                  \N                \N                Location\N              \N              \N  \N                Grow Beach\N              \N            \N          \N  \N          \N          \N            \N              \N                \N              \N              Time\N            \N            12 - 1 p.m.\N          \N        \N      \N  \N      \N      \N        \N          Description\N          \N            \N            !-- Lorem ipsum dolor sit amet. -->\N            \N            \N              Join Sustain U at the Grow Beach Garden near Friendship Walk to discover the wonders of composting! Learn what compost is, how it benefits the environment, and create your own compost. This event is designed to help you connect with nature and promote sustainable living. \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. 23, Oct. 14 & Nov. 4            </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              </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 - 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 at the Grow Beach Garden near Friendship Walk to discover the wonders of composting! Learn what compost is, how it benefits the environment, and create your own compost. This event is designed to help you connect with nature and promote sustainable living.             </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_COMPOST-HAPPENS_CALEVENT2.png"            alt="Compost Happens Event - Learn Composting at Grow Beach Garden" />          {loadmoduleid 368}      </div>    </div>  </div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240923T185110Z
X-ACCESS:1
X-HITS:1216
X-URL:
X-COLOR:488B2B
END:VEVENT
END:VCALENDAR