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:20240408T093000
DTEND;TZID=America/Los_Angeles:20240408T103000
UID:D1B5CD83-B6A4-4132-B79D-78B1317E6B4D
SUMMARY:Once in an Eclipse
DTSTAMP:20240319T194051Z
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          April 8\N        \N\N        \N        \N          \N            \N              \N                \N              \N              Location\N            \N            \N              USU 205\N            \N          \N        \N\N        \N        \N          \N            \N              \N            \N            Time\N          \N          9:30 to 10:30 a.m.\N        \N      \N    \N\N    \N    \N      \N        Description\N        \N          \N          !-- Make your college experience unforgettable when you join Sustain U for Once in an Eclipse! -->\N          \N          \N            Make your college experience unforgettable when you join Sustain U for Once in\N            an Eclipse! Grab yourself a pair of special sunglasses and experience the mesmerizing phenomenon of a solar eclipse and\N            marvel at nature's wonders April 8 from 9:30 to 10:30 a.m. in USU 205. Bring a friend or ride solo and\N            deepen your connection to our planet's beauty! Space is limited, so be sure to RSVP on\N             Events & Orgs!\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">April 8</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">              USU 205            </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">9:30 to 10:30 a.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">Make your college experience unforgettable when you join Sustain U for Once in an Eclipse!</div> -->          <!-- EVENT CONTENT -->          <p>            Make your college experience unforgettable when you join Sustain U for Once in            an Eclipse! Grab yourself a pair of special sunglasses and experience the mesmerizing phenomenon of a solar eclipse and            marvel at nature's wonders April 8 from 9:30 to 10:30 a.m. in USU 205. Bring a friend or ride solo and            deepen your connection to our planet's beauty! Space is limited, so be sure to RSVP on            <a href="https://csulb.campuslabs.com/engage/event/9976746" target="_blank" rel="noopener noreferrer"> Events & Orgs!</a>          </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/Spring24/SP24_SustainU_Eclipse_dgtl-CalEvent.jpg" alt="Once in an Eclipse event on April 8 at USU 205 from 9:30 to 10:30 a.m" />      {loadmoduleid 368}    </div>  </div></div>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20240319T194338Z
X-ACCESS:1
X-HITS:1292
X-URL:
X-COLOR:488B2B
END:VEVENT
END:VCALENDAR