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:20250318T170000
DTEND;TZID=America/Los_Angeles:20250318T193000
UID:7459CA44-3937-480E-BCFD-1D8B3D899076
SUMMARY:Night of Narratives
DTSTAMP:20250307T164213Z
DESCRIPTION:\N\N\N\N    .apply-button {\N             display: inline-block;\N             padding: 5px 10px;\N             font-size: 16px;\N             color: white;\N             background-color:#3061AE;\N             text-decoration: none;\N             border: none;\N             border-radius: 5px;\N             cursor: pointer;\N             text-align: center;\N             transition: background-color 0.3s ease, transform 0.2s ease;\N         }\N   .apply-button:hover,\N         .apply-button:focus,\N         .apply-button:active{\N             background-color:#2D62AC;\N             color: white;\N             text-decoration: none;\N             transform: scale(1.05);\N         }\N  \N    .apply-button:active{\N        transform: scale(0.95);\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     text-decoration: none;\N     color: #fff;\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 18\N       \N  \N       \N       \N         \N             Location\N           \N           USU Sunset Lounge\N         \N       \N  \N       \N       \N         \N           Time\N         \N         5 to 7:30 p.m.\N       \N     \N  \N     \N     \N       \N         Description\N         \N         \N           \N             Night of Narratives is an open mic event that allows students to express themselves in creative ways.  Join us for an unforgettable evening of performances from dancing and singing, to poetry, storytelling and more! This is your chance to share your narrative and experience a vibrant mix of art forms.\N           \N           \N             This event is FREE for all students, and all types of performers are welcome! Bring your talent, passion and energy to be a part of this colorful celebration of creativity.          \N           \N             Night of Narratives is a safe and inclusive space for all participants, and we ask that everyone be respectful and mindful of one another. Hate speech, incitements of violence or direct threats of harm against individuals or communities will absolutely not be tolerated.\N           \N           \N             If at any time a topic or performance makes you feel uneasy, please feel free to step away and notify a staff member —your comfort is important. We hope you enjoy the performances and the creativity that unfolds at the event!          \N           \N  \N             \N               Beach Pride Events will provide a microphone for all performers. If you plan to bring additional equipment for your performance or have performance requests or questions, please email \N               asi-beachpride@csulb.edu by Wednesday, March 12.\N             \N             \N               \N                   Register\N               \N           \N           \N           \N         \N         \N       \N     \N     \N   \N   \N  \N   \N   \N     img\N       class="event-img&quot;\N       src=&quot;images/cal/Spring25/SP25_BPE_Night_of_Narratives_dgtl-CalEvent_1.jpg&quot;\N       alt=&quot;Night of Narratives\N       March 18\N       5 to 7:30 p.m.\N       USU Sunset Lounge&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>    .apply-button {             display: inline-block;             padding: 5px 10px;             font-size: 16px;             color: white;             background-color:#3061AE;             text-decoration: none;             border: none;             border-radius: 5px;             cursor: pointer;             text-align: center;             transition: background-color 0.3s ease, transform 0.2s ease;         }   .apply-button:hover,         .apply-button:focus,         .apply-button:active{             background-color:#2D62AC;             color: white;             text-decoration: none;             transform: scale(1.05);         }      .apply-button:active{        transform: scale(0.95);    }     .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);     text-decoration: none;     color: #fff;   }   /* _____________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 18</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">USU Sunset Lounge</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">5 to 7:30 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>             Night of Narratives is an open mic event that allows students to express themselves in creative ways.  Join us for an unforgettable evening of performances from dancing and singing, to poetry, storytelling and more! This is your chance to share your narrative and experience a vibrant mix of art forms.           </p>           <p>             This event is FREE for all students, and all types of performers are welcome! Bring your talent, passion and energy to be a part of this colorful celebration of creativity.          </p>           <p>             Night of Narratives is a safe and inclusive space for all participants, and we ask that everyone be respectful and mindful of one another. Hate speech, incitements of violence or direct threats of harm against individuals or communities will absolutely not be tolerated.           </p>           <p>             If at any time a topic or performance makes you feel uneasy, please feel free to step away and notify a staff member —your comfort is important. We hope you enjoy the performances and the creativity that unfolds at the event!          </p>                          <p>               Beach Pride Events will provide a microphone for all performers. If you plan to bring additional equipment for your performance or have performance requests or questions, please email                <a href="mailto:asi-beachpride@csulb.edu">asi-beachpride@csulb.edu</a> by Wednesday, March 12.             </p>             <div style="display: flex; justify-content: flex-end;">               <a class="button-71" style="               width: auto !important;               padding: 10px 40px;               font-size: 2rem;               font-weight: 600;               margin: 0 auto;               display: flex;             " href="https://csulb.campuslabs.com/engage/event/11157665" target="_blank">                   Register               </a>           </div>                               </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_BPE_Night_of_Narratives_dgtl-CalEvent_1.jpg"       alt="Night of Narratives       March 18       5 to 7:30 p.m.       USU Sunset Lounge"     />       {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:20250311T220501Z
X-ACCESS:1
X-HITS:715
X-URL:
X-COLOR:E54268
END:VEVENT
END:VCALENDAR