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:20251113T110000
DTEND;TZID=America/Los_Angeles:20251113T130000
UID:D59D0E11-59B8-4042-A8B3-C3A7F8ADEFA7
SUMMARY:Pups & Cups
DTSTAMP:20251028T220843Z
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            Nov. 13\N          \N\N          \N          \N            \N                Location\N              Central Quad\N            \N          \N\N          \N          \N            \N              Time\N            11 a.m. to 1 p.m.\N          \N        \N\N        \N        \N          \N            Description\N            \N            \N              \N                Do you love puppies? Do you like FREE drinks? Do you like FREE\N                items? If you at least say yes to one of these, come join Beach\N                Pride Events (BPE) for Pups & Cups, where we bring puppies and\N                refreshments for you to enjoy on campus at no cost!\N              \N              \N                Students will be able to interact with puppies brought on campus\N                at no cost. There will be two pens to line up for each pen,\N                including a different batch of puppies.\N              \N              \N                Free refreshments will be given out for free as well. Different\N                ice-cold Gatorade flavors to choose from will be available at a\N                student's request if still available.\N              \N              \N                Swag Items will be available for students to win through\N                spinning a wheel, giving them many options to win from.\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:    <!-- 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">Nov. 13</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">Central Quad</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">11 a.m. to 1 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>                Do you love puppies? Do you like FREE drinks? Do you like FREE                items? If you at least say yes to one of these, come join Beach                Pride Events (BPE) for Pups & Cups, where we bring puppies and                refreshments for you to enjoy on campus at no cost!              </p>              <p>                Students will be able to interact with puppies brought on campus                at no cost. There will be two pens to line up for each pen,                including a different batch of puppies.              </p>              <p>                Free refreshments will be given out for free as well. Different                ice-cold Gatorade flavors to choose from will be available at a                student's request if still available.              </p>              <p>                Swag Items will be available for students to win through                spinning a wheel, giving them many options to win from.              </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/Fall-2025/NovF25_BPE_Pups-and-Cups_dgtl-CalEvent_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>    " 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:20251105T160741Z
X-ACCESS:1
X-HITS:643
X-URL:
X-COLOR:E54268
END:VEVENT
END:VCALENDAR