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:20250314T190000
DTEND;TZID=America/Los_Angeles:20250314T200000
UID:C7E5B3E7-BAC6-414F-9B80-56D075E092B8
SUMMARY:Beach Pantry Night
DTSTAMP:20250312T154339Z
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          \N          March 14\N        \N  \N        \N        \N          \N              Location\N            \N            Walter Pyramid\N          \N        \N  \N        \N        \N          \N            Time\N          \N          Doors open at 6 p.m.\N            Game starts at 7 p.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            Join us for Laurén Chalmers '83 Beach Pantry Night as we cheer on Long Beach State Men's Volleyball in an exciting match against CSUN! This special night is presented by Naples Rib Company and supports the Beach Pantry, which provides essential food resources to students in need.\N            How You Can Help:\N            For every student in attendance, $1 will be donated to the Beach Pantry, up to $1,500! Simply show up, enjoy the game and make a difference in the LBSU community.\N            Why Attend?\N            \N                Support our #1 LBSU Men’s Volleyball in an electrifying match\N                Give back to students in need with every student counted\N                Experience the unmatched energy of the Walter Pyramid\N            \N             Invite your friends and help us fill the stands—more students mean more support for the Beach Pantry!\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>          <!-- Update the date per each event -->          <p class="event-title-text">March 14</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>            <!-- Update the date per each event -->            <p class="event-title-text">Walter Pyramid</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>          <!-- MUST INCLUDE "." IN A.M./P.M. -->          <p class="event-title-text">Doors open at 6 p.m.<br>            Game starts at 7 p.m.</p>        </div>      </div>        <!-- EVENT DESCRIPTION -->      <div class="event-description">        <div>          <p class="event-title-head">Description</p>          <!-- ***************************************          ** Place all elements of description HERE **          **************************************** -->          <div itemprop="description">            <p>Join us for Laurén Chalmers '83 Beach Pantry Night as we cheer on Long Beach State Men's Volleyball in an exciting match against CSUN! This special night is presented by Naples Rib Company and supports the Beach Pantry, which provides essential food resources to students in need.</p>            <h3>How You Can Help:</h3>            <p>For every student in attendance, <b>$1 will be donated to the Beach Pantry</b>, up to <b>$1,500!</b> Simply show up, enjoy the game and make a difference in the LBSU community.</p>            <h3>Why Attend?</h3>            <ul>                <li>Support our <b>#1 LBSU Men’s Volleyball</b> in an electrifying match</li>                <li>Give back to students in need with every student counted</li>                <li>Experience the <b>unmatched energy</b> of the Walter Pyramid</li>            </ul>            <p> Invite your friends and help us fill the stands—more students mean more support for the Beach Pantry!</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/Spring25/SP25_BP_PANTRY-Night_dgtl-CalEVENT.jpg" alt="Beach Pantry Night      March 14      Doors open at 6 p.m.      Game starts at 7 p.m.      Walter Pyramid" />        {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:20250312T154354Z
X-ACCESS:1
X-HITS:701
X-URL:
X-COLOR:E75434
END:VEVENT
END:VCALENDAR