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:20250206T110000
DTEND;TZID=America/Los_Angeles:20250206T130000
UID:B2C66B85-F12C-4F8F-9C26-A88A0A82AA84
SUMMARY:Dr. Martin Luther King Jr. Celebration
DTSTAMP:20250102T204353Z
DESCRIPTION:\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    /* _____________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: 10px;\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: 20px;\N      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\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: 20px;\N      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\N      padding: 10px 20px;\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          Feb. 6\N        \N  \N        \N        \N          \N              Location\N            \N            USU Ballrooms\N          \N        \N  \N        \N        \N          \N            Time\N          \N          11 a.m. to 1 p.m.\N        \N      \N  \N      \N      \N        \N          Description\N          \N          \N            \N                Dr. Martin Luther King, Jr. left a profound legacy that\N                continues to inspire generations today. Join us for the\N                26th Annual Dr. Martin Luther King, Jr. (MLK) Celebration\N                on Feb. 6 from 11 a.m. to 1 p.m. in the USU Ballrooms.\N                This FREE informative event is open to all Long Beach\N                State University (LBSU) students, staff, and faculty.\N                Beach Pride Events (BPE) will commemorate Dr. MLK Jr.'s\N                dream for civil rights and liberties while discussing ways\N                to keep his mission flourishing in an ever-changing\N                society.\N              \N              \N                As Dr. MLK Jr. once famously said, "Our dreams are the\N                architects of our future." Let's explore how the next\N                generation's dreams can shape a better tomorrow. Join us\N                for an enlightening celebration as we honor the past and\N                aspire toward a vibrant and impactful future.\N              \N          \N          \N        \N      \N      \N    \N    \N  \N    \N    \N      img\N        style="width: 100%"\N        src="images/cal/Spring25/F23_BPE_MLK-Birthday-Celebration_dgtl-CalEvent.jpg"\N        alt="Dr. Martin Luther King Jr. Celebration"\N      />\N  \N      {loadmoduleid 368}\N    </div>\N    <!-- Technically end of right side -->\N  </div>\N  <!-- End of main-container -->\N  \N  <!-- Accordion Test -->\N  <script>\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  </script>\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;    }      .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: 10px;      max-width: 1600px;      margin: 0 auto;    }    .left-container {      width: 50%;    }    .right-container {      width: 50%;    }    .event-dtl {      background-color: white;      border-radius: 20px;      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;      margin-bottom: 20px;      padding: 10px 20px;      display: flex;      justify-content: space-between;    }    .event-description {      background-color: white;      border-radius: 20px;      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;      padding: 10px 20px;    }    @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>          <p class="event-title-head">Date</p>          <!-- Update the date per each event -->          <p class="event-title-text">Feb. 6</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>            <p class="event-title-head">Location</p>            <!-- Update the date per each event -->            <p class="event-title-text">USU Ballrooms</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>          <p class="event-title-head">Time</p>          <!-- MUST INCLUDE "." IN A.M./P.M. -->          <p class="event-title-text">11 a.m. to 1 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>                Dr. Martin Luther King, Jr. left a profound legacy that                continues to inspire generations today. Join us for the                26th Annual Dr. Martin Luther King, Jr. (MLK) Celebration                on Feb. 6 from 11 a.m. to 1 p.m. in the USU Ballrooms.                This FREE informative event is open to all Long Beach                State University (LBSU) students, staff, and faculty.                Beach Pride Events (BPE) will commemorate Dr. MLK Jr.'s                dream for civil rights and liberties while discussing ways                to keep his mission flourishing in an ever-changing                society.              </p>              <p>                As Dr. MLK Jr. once famously said, "Our dreams are the                architects of our future." Let's explore how the next                generation's dreams can shape a better tomorrow. Join us                for an enlightening celebration as we honor the past and                aspire toward a vibrant and impactful future.              </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        style="width: 100%"        src="images/cal/Spring25/F23_BPE_MLK-Birthday-Celebration_dgtl-CalEvent.jpg"        alt="Dr. Martin Luther King Jr. Celebration"      />        {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:20250205T003626Z
X-ACCESS:1
X-HITS:1020
X-URL:
X-COLOR:E54268
END:VEVENT
END:VCALENDAR