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:20250912T180000
DTEND;TZID=America/Los_Angeles:20250912T220000
UID:124F712A-D6C9-4F88-94AF-4469A7BEBFD3
SUMMARY:Smorgasport 2025
DTSTAMP:20250730T172134Z
DESCRIPTION:\N\N\N\N  .event-title-head {\N    font-weight: bold;\N    font-size: 20px;\N    color: darkgoldenrod;\N  }\N  .event-title-subhead {\N    font-weight: bold;\N    font-size: 24px;\N    color: black;\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    position: relative;\N    width: 100%;\N    /* max-width: 800px;       */\N    aspect-ratio: 16/9;\N    margin: 2rem auto;\N    border-radius: 10px; /* ✅ Add border radius to container */\N    /* overflow: hidden;    */\N  }\N\N  /* Top-right corner bracket */\N  .event-video-main::before {\N    content: "";\N    position: absolute;\N    top: -5px;\N    right: -5px;\N    width: 120px;\N    height: 120px;\N    /* border-top: 8px solid #e54268; */\N    border-top: 8px solid #f0548d;\N    border-right: 8px solid #f0548d;\N    border-top-right-radius: 10px;\N  }\N\N  /* Bottom-left corner bracket */\N  .event-video-main::after {\N    content: "";\N    position: absolute;\N    bottom: -5px;\N    left: -5px;\N    width: 120px;\N    height: 120px;\N    border-bottom: 8px solid #ecaa00;\N    border-left: 8px solid #ecaa00;\N    border-bottom-left-radius: 10px;\N  }\N\N  .event-video-main iframe {\N    width: 100%;\N    height: 100%;\N    border: none;\N    border-radius: 10px; /* optional, keeps your rounded corners */\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    margin-bottom: 10px;\N  }\N\N  .event-subcontainer {\N    display: flex;\N    gap: 20px;\N    margin-bottom: 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      margin-bottom: 10px;\N    }\N\N    .event-subcontainer {\N      flex-direction: column-reverse;\N      margin-left: -10px;\N      margin-right: -10px;\N      margin-bottom: 20px;\N    }\N\N    .event-left,\N    .event-right {\N      width: 100%;\N    }\N  }\N\N  /* Button Start */\N  .button-3 {\N    appearance: none;\N    background-color: #ecaa00;\N    border: 1px solid rgba(27, 31, 35, 0.15);\N    border-radius: 10px;\N    box-shadow: 3px 3px 0px 0 rgb(0 0 0);\N    box-sizing: border-box;\N    color: #000;\N    cursor: pointer;\N    display: inline-block;\N    font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial,\N      sans-serif, "Apple Color Emoji", "Segoe UI Emoji";\N    font-size: 2.2rem;\N    font-weight: 600;\N    line-height: 20px;\N    padding: 14px 47px;\N    position: relative;\N    text-align: center;\N    text-decoration: none;\N    user-select: none;\N    -webkit-user-select: none;\N    touch-action: manipulation;\N    vertical-align: middle;\N    white-space: nowrap;\N  }\N\N  .button-3:focus:not(:focus-visible):not(.focus-visible) {\N    box-shadow: none;\N    outline: none;\N  }\N\N  .button-3:hover {\N    background-color: #d49900 !important;\N  }\N\N  .button-3:focus {\N    box-shadow: rgba(46, 164, 79, 0.4) 0 0 0 3px;\N    outline: none;\N  }\N\N  .button-3:disabled {\N    background-color: #ecaa00;\N    border-color: rgba(27, 31, 35, 0.1);\N    color: rgba(255, 255, 255, 0.8);\N    cursor: default;\N  }\N\N  .button-3:active {\N    background-color: #ecaa00;\N    box-shadow: rgba(20, 70, 32, 0.2) 0 1px 0 inset;\N  }\N  /* Button End */\N\N  .aux-btn {\N    display: flex;\N    justify-content: center;\N    margin: 25px;\N  }\N\N  /* Button End */\N\N  @media (max-width: 700px) {\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  /* Slider */\N  .slick-slide {\N    margin: 0px 20px;\N  }\N\N  .slick-slide img {\N    width: 50%;\N  }\N\N  @media (max-width: 650px) {\N    .slick-slide img {\N      width: 100%;\N    }\N  }\N\N  @media (max-width: 1100px) {\N    .slick-slide img {\N      width: 75%;\N    }\N  }\N\N  .slick-list {\N    position: relative;\N    display: block;\N    overflow: hidden;\N    margin: 0;\N    padding: 0;\N  }\N\N  .slick-list:focus {\N    outline: none;\N  }\N\N  .slick-list.dragging {\N    cursor: pointer;\N    cursor: hand;\N  }\N\N  .slick-slider .slick-track,\N  .slick-slider .slick-list {\N    -webkit-transform: translate3d(0, 0, 0);\N    -moz-transform: translate3d(0, 0, 0);\N    -ms-transform: translate3d(0, 0, 0);\N    -o-transform: translate3d(0, 0, 0);\N    transform: translate3d(0, 0, 0);\N  }\N\N  .slick-track {\N    position: relative;\N    top: 0;\N    left: 0;\N    display: block;\N  }\N\N  .slick-track:before,\N  .slick-track:after {\N    display: table;\N    content: "";\N  }\N\N  .slick-track:after {\N    clear: both;\N  }\N\N  .slick-loading .slick-track {\N    visibility: hidden;\N  }\N\N  .slick-slide {\N    display: none;\N    float: left;\N    height: 100%;\N    min-height: 1px;\N  }\N\N  [dir="rtl"] .slick-slide {\N    float: right;\N  }\N\N  .slick-slide img {\N    display: block;\N  }\N\N  .slick-slide.slick-loading img {\N    display: none;\N  }\N\N  .slick-slide.dragging img {\N    pointer-events: none;\N  }\N\N  .slick-initialized .slick-slide {\N    display: block;\N  }\N\N  .slick-loading .slick-slide {\N    visibility: hidden;\N  }\N\N  .slick-vertical .slick-slide {\N    display: block;\N    height: auto;\N    border: 1px solid transparent;\N  }\N\N  .slick-arrow.slick-hidden {\N    display: none;\N  }\N\N  /* Slider ENds */\N\N  /* Countdown */\N  /* COUNTODWN TIMER */\N  .counter_text {\N    background-color: #f8f8f8;\N    color: #191919;\N    text-align: center;\N    font-size: 2em;\N    line-height: 130%;\N    padding: 1% 0;\N  }\N  #event_countdown span {\N    font-weight: 700;\N  }\N  .time {\N    border-radius: 5px;\N    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);\N    display: inline-block;\N    text-align: center;\N    position: relative;\N    height: 95px;\N    width: 105px;\N\N    -webkit-perspective: 479px;\N    -moz-perspective: 479px;\N    -ms-perspective: 479px;\N    -o-perspective: 479px;\N    perspective: 479px;\N\N    -webkit-backface-visibility: hidden;\N    -moz-backface-visibility: hidden;\N    -ms-backface-visibility: hidden;\N    -o-backface-visibility: hidden;\N    backface-visibility: hidden;\N\N    -webkit-transform: translateZ(0);\N    -moz-transform: translateZ(0);\N    -ms-transform: translateZ(0);\N    -o-transform: translateZ(0);\N    transform: translateZ(0);\N\N    -webkit-transform: translate3d(0, 0, 0);\N    -moz-transform: translate3d(0, 0, 0);\N    -ms-transform: translate3d(0, 0, 0);\N    -o-transform: translate3d(0, 0, 0);\N    transform: translate3d(0, 0, 0);\N  }\N  .count {\N    background: #f0548d;\N    color: #f8f8f8;\N    display: block;\N    font-family: "Oswald", sans-serif;\N    font-size: 2em;\N    line-height: 2.4em;\N    overflow: hidden;\N    position: absolute;\N    text-align: center;\N    /* text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); */\N    top: 0;\N    width: 100%;\N    /* -webkit-transform: translateZ(0); */\N    -moz-transform: translateZ(0);\N    -ms-transform: translateZ(0);\N    -o-transform: translateZ(0);\N    /* transform: translateZ(0); */\N    /* -webkit-transform-style: flat; */\N    -moz-transform-style: flat;\N    -ms-transform-style: flat;\N    -o-transform-style: flat;\N    /* transform-style: flat; */\N  }\N  .count .top {\N    /* border-top: 1px solid rgba(255,255,255,0.2); */\N    /* border-bottom: 1px solid rgba(255,255,255,0.1); */\N    border-radius: 5px 5px 0 0;\N    height: 50%;\N\N    -webkit-transform-origin: 50% 100%;\N    -moz-transform-origin: 50% 100%;\N    -ms-transform-origin: 50% 100%;\N    -o-transform-origin: 50% 100%;\N    transform-origin: 50% 100%;\N  }\N  .count.bottom {\N    background-image: linear-gradient(rgba(255, 255, 255, 0.1), transparent);\N    background-image: -webkit-linear-gradient(\N      rgba(255, 255, 255, 0.1),\N      transparent\N    );\N    background-image: -moz-linear-gradient(\N      rgba(255, 255, 255, 0.1),\N      transparent\N    );\N    background-image: -ms-linear-gradient(\N      rgba(255, 255, 255, 0.1),\N      transparent\N    );\N    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), transparent);\N    /* border-top: 1px solid #000; */\N    /* border-bottom: 1px solid #000; */\N    border-radius: 0 0 5px 5px;\N    line-height: 0;\N    -webkit-transform-origin: 50% 0;\N    -moz-transform-origin: 50% 0;\N    -ms-transform-origin: 50% 0;\N    -o-transform-origin: 50% 0;\N    transform-origin: 50% 0;\N  }\N  .count.next {\N  }\N  .label {\N    margin-top: 6.5em;\N    display: block;\N    position: absolute;\N    /*top: 102%;*/\N    width: 100%;\N    color: #191919;\N  }\N  /* Animation start */\N  .count.curr.top {\N    -webkit-transform: rotateX(0deg);\N    -moz-transform: rotateX(0deg);\N    -ms-transform: rotateX(0deg);\N    -o-transform: rotateX(0deg);\N    transform: rotateX(0deg);\N    z-index: 3;\N  }\N  .count.next.bottom {\N    -webkit-transform: rotateX(90deg);\N    -moz-transform: rotateX(90deg);\N    -ms-transform: rotateX(90deg);\N    -o-transform: rotateX(90deg);\N    transform: rotateX(90deg);\N    z-index: 2;\N  }\N  /* Animation end */\N  .flip .count.curr.top {\N    -webkit-transition: all 250ms ease-in-out;\N    -moz-transition: all 250ms ease-in-out;\N    -ms-transition: all 250ms ease-in-out;\N    -o-transition: all 250ms ease-in-out;\N    transition: all 250ms ease-in-out;\N\N    -webkit-transform: rotateX(-87deg);\N    -moz-transform: rotateX(-87deg);\N    -ms-transform: rotateX(-87deg);\N    -o-transform: rotateX(-87deg);\N    transform: rotateX(-87deg);\N    color: #000;\N    opacity: 0;\N  }\N  .flip .count.next.bottom {\N    -webkit-transition: all 250ms ease-in-out 250ms;\N    -moz-transition: all 250ms ease-in-out 250ms;\N    -ms-transition: all 250ms ease-in-out 250ms;\N    -o-transition: all 250ms ease-in-out 250ms;\N    transition: all 250ms ease-in-out 250ms;\N\N    -webkit-transform: rotateX(0deg);\N    -moz-transform: rotateX(0deg);\N    -ms-transform: rotateX(0deg);\N    -o-transform: rotateX(0deg);\N    transform: rotateX(0deg);\N  }\N  .countdown-container {\N    height: 130px;\N  }\N  .countdown-card-container {\N    display: flex;\N    flex-direction: column;\N    /* border-radius: 10px;\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */\N    gap: 10px;\N    margin: 20px 0px;\N  }\N  .countdown-padding {\N    padding: 0 0 2.6em 0;\N    /* display: flex; */\N    /* justify-content: center; */\N    gap: 10px;\N    flex-direction: column;\N  }\N  @media screen and (max-width: 650px) {\N    .label {\N      font-size: 0.4em !important;\N    }\N    .time {\N      height: 4em;\N      width: 3em;\N    }\N    .count {\N      font-size: 1em;\N    }\N    .countdown-padding {\N      padding: 0 0 1em 0;\N    }\N  }\N  @media screen and (max-width: 350px) {\N    .time {\N      height: 2em;\N      width: 1.4em;\N    }\N  }\N  /* GRID */\N  .grid-container {\N    display: grid;\N    grid-template-columns: 1fr 1fr;\N    grid-template-rows: 1fr;\N    gap: 40px; /* Adjust the gap between grid items if needed */\N    margin-top: 20px;\N  }\N  .grid-item {\N    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\N    padding: 20px;\N    border-radius: 20px;\N  }\N  .book-div {\N    text-align: center;\N    display: flex;\N    gap: 20px;\N    align-items: center;\N  }\N  @media (max-width: 1100px) {\N    .top-section,\N    .book-div {\N      flex-direction: column;\N    }\N    .countdown-padding {\N      display: flex;\N      /* justify-content: center; */\N    }\N    .book {\N      margin: 0 auto;\N      display: flex;\N    }\N    .grid-container {\N      grid-template-columns: 1fr;\N    }\N  }\N  /* COUNTDOWN END */\N\N  /* FAQ Section  */\N  .acco {\N    gap: 30px;\N    display: flex;\N    flex-direction: column;\N  }\N\N  .acco .acco-item {\N    border-bottom: 1px solid #fee6b8;\N    border: 1px solid #ecaa00;\N    border-radius: 5px;\N    box-shadow: 3px 3px 0px 0 rgb(0 0 0);\N    box-sizing: border-box;\N    background-color: #fff;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: rgb(0 0 0) !important;\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: #ecaa00 !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: 0em 1.5em 0em 1em;\N    font-weight: 500;\N    display: flex;\N    flex-wrap: wrap;\N    width: 90% !important;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 20px;\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: #ecaa00;\N    border-bottom: 1px solid #fee6b8;\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  #SmorgasportFAQ .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 #fee6b8;\N    border-right: 2px solid #fee6b8;\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\N  /* FAQ Section end  */\N\N  .smorgasport-map{\N    text-align:center; \N  }\N  \N  /* .smorgasport-map a{\N    display:inline-block; \N    max-width:100%;\N  } */\N\N.smorgasport-map img {\N  cursor: pointer;\N  box-shadow: 0 4px 12px rgba(0,0,0,0.3);\N  border-radius: 10px;\N  max-width: 600px !important;     \N  height: auto !important;  \N  margin:40px 0 !important\N}\N\N/* ✅ Mobile: full width */\N@media (max-width: 767px) {\N  .smorgasport-map img {\N    max-width: 100% !important;\N  }\N}\N\N\N\N\N\N  \N    \N\N    \N    \N      \N        \N          \N          \N            \N              \N                Date\N            \N            Sept. 12\N          \N\N          \N          \N            \N              \N                  Location\N              \N              \N                LBSU Parking Lots E1 & G3\N              \N            \N          \N\N          \N          \N            \N              \N                Time\N            \N            6 to 10 p.m.\N          \N        \N      \N    \N    !--  -->\N\N    \N    \N      \N        \N      \N    \N  \N\N  \N    \N      \N      \N        \N          Description\N          \N            \N            !-- Lorem ipsum dolor sit amet. -->\N            \N            \N              Join us for a free on-campus carnival experience! This event is\N              open to current Long Beach State University (LBSU) students only.\N            \N            \N              What can you expect at Smorgasport? Let us tell you! Below is some\N              of the fun you’ll experience:\N            \N            \N              Tornado carnival ride\N              Paratrooper carnival ride\N              Scrambler carnival ride\N              Inflatables\N\N              Silent Disco\N              Carnival games with prizes\N              Henna artists\N              Caricatures\N              Balloon twisting creations\N              Photo booths\N              Food trucks\N              And more!\N            \N\N            \N              What do you need to bring?! Your LBSU student ID and signed\N              waiver!\N            \N            \N              Students who are 18+ will be required to show their valid LBSU\N              student ID and sign a "Waiver of Liability" upon check in.\N              Students who are under 18 will be required to have a\N              parent/guardian sign a “Waiver of Liability” on their behalf prior\N              to the event and bring the signed copy with their LBSU student ID.\N              The waiver can be accessed through students’ LBSU Single Sign-On\N              (SSO) by Sept.8 2025\N            \N            \N            \N              \N                  Waiver Available Here\N                \N              \N            \N          \N\N          \N            Check out Smorgasport 2024 hosted by ASI Beach Pride Events!\N          \N\N          \N          \N            \N      \N  \N    \N  \N\N\N\N\N\N  \N    Smorgasport Co-Sponsors\N\N    \N      !--  -->\N      \N        \N          \N           -->\N        \N          \N          \N          \N          \N          \N          \N          \N          \N          \N          \N          \N          \N          \N          \N          \N          \N          \N        Thank you for the continued support from the Port of Long Beach!\N      \N      FAQ\N    \N      \N        \N        \N          \N            \N          \N          \N            \N              \N                \N                  This event is free for all currently enrolled Long Beach State\N                  students. You do not need a ticket; however, you will need to\N                  sign a “Waiver of Liability” and show your LBSU student ID at\N                  check in to receive a wristband to participate in the\N                  activities.\N                \N              \N            \N          \N        \N\N        \N        \N          \N            Can I bring a guest?\N            \N          \N          \N            \N              \N                \N                  No. This year’s Smorgasport is for currently enrolled LBSU\N                  students only.\N                \N              \N            \N          \N        \N\N        \N        \N          \N            \N          \N          \N            \N              \N                \N                  To request disability-related accommodations, complete the\N                  \N          \N            \N          \N          \N            \N              \N                \N                  Yes. If you are an enrolled LBSU student, please contact Beach\N                  Pride Events at asi-beachpride@csulb.edu to receive the Waiver\N                  of Liability form that your parent/guardian must sign on your\N                  behalf. You will be required to bring the signed form to check\N                  in at the event.\N                \N                \N                  Waiver Available Here by Sept. 8, 2025\N                  \N          \N            \N          \N          \N            \N              \N                \N                  Yes. There will be “Waiver of Liability” forms at check-in on\N                  the day of the event. No need to sign anything before the\N                  event if you are 18+.\N                \N              \N            \N          \N        \N\N        \N        \N          \N            \N          \N          \N            \N              \N                \N                  Yes. There will be “Waiver of Liability” forms at check-in on\N                  the day of the event. No need to sign anything before the\N                  event if you are 18+.\N                \N              \N            \N          \N        \N\N        \N        \N          \N            Can I bring a bag or backpack?\N            \N          \N          \N            \N              \N                \N                  We highly encourage you not to bring bags or backpacks. There\N                  are no storage locations; ASI and LBSU are not responsible for\N                  any lost or stolen items.\N                \N              \N            \N          \N        \N\N        \N        \N          \N            I am an alum, can I attend?\N            \N          \N          \N            \N              \N                \N                  No. Smorgasport is for currently enrolled LBSU students only.\N                \N              \N            \N          \N        \N\N        \N        \N          \N            Where do I enter the event?\N            \N          \N          \N            \N              \N                There are three check in locations:\N                \N                  \N                    Station 1: The entrance to parking lot E1 across from G4.\N                  \N                  Station 2: Beach Circle by College of Business.\N                  \N                    Station 3: First floor plaza in front of Brotman Hall by the\N                    flagpoles and entrance to parking lot E2.\N                  \N                \N              \N            \N          \N        \N\N        \N        \N          \N            Where do I enter the event?\N            \N          \N          \N            \N              \N                There are three check in locations:\N                \N                  \N                    Station 1: The entrance to parking lot E1 across from G4.\N                  \N                  Station 2: Beach Circle by College of Business.\N                  \N                    Station 3: First floor plaza in front of Brotman Hall by the\N                    flagpoles and entrance to parking lot E2.\N                  \N                \N              \N            \N          \N        \N\N        \N    \N\N        \N        \N          \N            Is parking free?\N            \N          \N          \N            \N              \N                \N                  No. Parking permits will be enforced and are always required\N                  to park on campus.\N                \N              \N            \N          \N        \N\N        \N        \N          \N            \N          \N          \N            \N              \N                \N                  If you have any other event related questions, please send all\N                  inquiries to\N                  562-985-2535.\N                \N              \N            \N          \N        \N\N        \N        \N          \N            \N          \N          \N            \N              \N                \N                  Yes, water will be available for students who bring a reusable\N                  water bottle. Bottles will be checked upon entry to ensure\N                  they are empty. All bottles with liquid in them will be\N                  emptied before being allowed to enter the event.\N                \N              \N            \N          \N        \N\N        \N        !-- \N          \N            Will I be able to use the roller rink without\N                                  socks?\N            \N          \N          \N            \N              \N                \N                    No, individuals not wearing socks will not be\N                                  permitted to participate in the roller rink.\N                                  Please bring a pair of socks to participate in\N                                  this activity.\N                \N              \N            \N          \N         -->\N\N        \N      \N    \N  \N\N  \N  \N    document.addEventListener("DOMContentLoaded", function () {\N      document\N        .querySelectorAll("#SmorgasportFAQ .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\N\N\N\N\N  \N  \N  \N  \N  \N  %= label.length \N  \N\N\N  $(".logos-slider").slick({\N    slidesToShow: 4,\N    slidesToScroll: 1,\N    autoplay: true,\N    autoplaySpeed: 1500,\N    arrows: false,\N    dots: false,\N    pauseOnHover: false,\N    responsive: [\N      {\N        breakpoint: 768,\N        settings: {\N          slidesToShow: 3,\N        },\N      },\N      {\N        breakpoint: 520,\N        settings: {\N          slidesToShow: 2,\N        },\N      },\N    ],\N  });\N\N  jQuery(function () {\N    var labels = ["days", "hours", "minutes", "seconds"],\N      template = _.template(jQuery("#event_countdown_template").html()),\N      currDate = "00:00:00:00:00",\N      nextDate = "00:00:00:00:00",\N      parser = /([0-9]{2})/gi,\N      $event_countdown = jQuery("#event_countdown");\N\N    // Parse countdown string to an object\N    function strfobj(str) {\N      var parsed = str.match(parser),\N        obj = {};\N      labels.forEach(function (label, i) {\N        obj[label] = parsed[i];\N      });\N      return obj;\N    }\N\N    // Return the time components that diffs\N    function diff(obj1, obj2) {\N      var diff = [];\N      labels.forEach(function (key) {\N        if (obj1[key] !== obj2[key]) {\N          diff.push(key);\N        }\N      });\N      return diff;\N    }\N\N    // Build the layout\N    var initData = strfobj(currDate);\N    labels.forEach(function (label, i) {\N      $event_countdown.append(\N        template({\N          curr: initData[label],\N          next: initData[label],\N          label: label,\N        })\N      );\N    });\N\N    // Starts the countdown\N    $event_countdown.countdown("2025/09/12 18:00:00", function (event) {\N      var newDate = event.strftime("%D:%H:%M:%S"),\N        data;\N\N      if (event.elapsed) {\N        // Either true or false\N        // document.getElementById("begins_text").innerHTML = "";\N        // var ec = document.getElementById("event_countdown");\N        // ec.innerHTML = "Happening Now!"\N      } else {\N        /* document.getElementById("begins_text").innerHTML = ""; */\N        if (newDate !== nextDate) {\N          currDate = nextDate;\N          nextDate = newDate;\N\N          // Setup the data\N          data = {\N            curr: strfobj(currDate),\N            next: strfobj(nextDate),\N          };\N\N          // Apply the new values to each node that changed\N          diff(data.curr, data.next).forEach(function (label) {\N            var selector = ".%s".replace(/%s/, label),\N              jQuerynode = $event_countdown.find(selector);\N            // Update the node\N            jQuerynode.removeClass("flip");\N            jQuerynode.find(".curr").text(data.curr[label]);\N            jQuerynode.find(".next").text(data.next[label]);\N            // Wait for a repaint to then flip\N\N            _.delay(\N              function (jQuerynode) {\N                jQuerynode.addClass("flip");\N              },\N              50,\N              jQuerynode\N            );\N          });\N        }\N      }\N    });\N  });\N\N
X-ALT-DESC;FMTTYPE=text/html:<!--  Smorgasport 2025 --><!-- Updated July, 2025 --><style>  .event-title-head {    font-weight: bold;    font-size: 20px;    color: darkgoldenrod;  }  .event-title-subhead {    font-weight: bold;    font-size: 24px;    color: black;  }  .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;    position: relative;    width: 100%;    /* max-width: 800px;       */    aspect-ratio: 16/9;    margin: 2rem auto;    border-radius: 10px; /* ✅ Add border radius to container */    /* overflow: hidden;    */  }  /* Top-right corner bracket */  .event-video-main::before {    content: "";    position: absolute;    top: -5px;    right: -5px;    width: 120px;    height: 120px;    /* border-top: 8px solid #e54268; */    border-top: 8px solid #f0548d;    border-right: 8px solid #f0548d;    border-top-right-radius: 10px;  }  /* Bottom-left corner bracket */  .event-video-main::after {    content: "";    position: absolute;    bottom: -5px;    left: -5px;    width: 120px;    height: 120px;    border-bottom: 8px solid #ecaa00;    border-left: 8px solid #ecaa00;    border-bottom-left-radius: 10px;  }  .event-video-main iframe {    width: 100%;    height: 100%;    border: none;    border-radius: 10px; /* optional, keeps your rounded corners */  }  .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;    margin-bottom: 10px;  }  .event-subcontainer {    display: flex;    gap: 20px;    margin-bottom: 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;      margin-bottom: 10px;    }    .event-subcontainer {      flex-direction: column-reverse;      margin-left: -10px;      margin-right: -10px;      margin-bottom: 20px;    }    .event-left,    .event-right {      width: 100%;    }  }  /* Button Start */  .button-3 {    appearance: none;    background-color: #ecaa00;    border: 1px solid rgba(27, 31, 35, 0.15);    border-radius: 10px;    box-shadow: 3px 3px 0px 0 rgb(0 0 0);    box-sizing: border-box;    color: #000;    cursor: pointer;    display: inline-block;    font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial,      sans-serif, "Apple Color Emoji", "Segoe UI Emoji";    font-size: 2.2rem;    font-weight: 600;    line-height: 20px;    padding: 14px 47px;    position: relative;    text-align: center;    text-decoration: none;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;    vertical-align: middle;    white-space: nowrap;  }  .button-3:focus:not(:focus-visible):not(.focus-visible) {    box-shadow: none;    outline: none;  }  .button-3:hover {    background-color: #d49900 !important;  }  .button-3:focus {    box-shadow: rgba(46, 164, 79, 0.4) 0 0 0 3px;    outline: none;  }  .button-3:disabled {    background-color: #ecaa00;    border-color: rgba(27, 31, 35, 0.1);    color: rgba(255, 255, 255, 0.8);    cursor: default;  }  .button-3:active {    background-color: #ecaa00;    box-shadow: rgba(20, 70, 32, 0.2) 0 1px 0 inset;  }  /* Button End */  .aux-btn {    display: flex;    justify-content: center;    margin: 25px;  }  /* Button End */  @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);    }  }  /* Slider */  .slick-slide {    margin: 0px 20px;  }  .slick-slide img {    width: 50%;  }  @media (max-width: 650px) {    .slick-slide img {      width: 100%;    }  }  @media (max-width: 1100px) {    .slick-slide img {      width: 75%;    }  }  .slick-list {    position: relative;    display: block;    overflow: hidden;    margin: 0;    padding: 0;  }  .slick-list:focus {    outline: none;  }  .slick-list.dragging {    cursor: pointer;    cursor: hand;  }  .slick-slider .slick-track,  .slick-slider .slick-list {    -webkit-transform: translate3d(0, 0, 0);    -moz-transform: translate3d(0, 0, 0);    -ms-transform: translate3d(0, 0, 0);    -o-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  .slick-track {    position: relative;    top: 0;    left: 0;    display: block;  }  .slick-track:before,  .slick-track:after {    display: table;    content: "";  }  .slick-track:after {    clear: both;  }  .slick-loading .slick-track {    visibility: hidden;  }  .slick-slide {    display: none;    float: left;    height: 100%;    min-height: 1px;  }  [dir="rtl"] .slick-slide {    float: right;  }  .slick-slide img {    display: block;  }  .slick-slide.slick-loading img {    display: none;  }  .slick-slide.dragging img {    pointer-events: none;  }  .slick-initialized .slick-slide {    display: block;  }  .slick-loading .slick-slide {    visibility: hidden;  }  .slick-vertical .slick-slide {    display: block;    height: auto;    border: 1px solid transparent;  }  .slick-arrow.slick-hidden {    display: none;  }  /* Slider ENds */  /* Countdown */  /* COUNTODWN TIMER */  .counter_text {    background-color: #f8f8f8;    color: #191919;    text-align: center;    font-size: 2em;    line-height: 130%;    padding: 1% 0;  }  #event_countdown span {    font-weight: 700;  }  .time {    border-radius: 5px;    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);    display: inline-block;    text-align: center;    position: relative;    height: 95px;    width: 105px;    -webkit-perspective: 479px;    -moz-perspective: 479px;    -ms-perspective: 479px;    -o-perspective: 479px;    perspective: 479px;    -webkit-backface-visibility: hidden;    -moz-backface-visibility: hidden;    -ms-backface-visibility: hidden;    -o-backface-visibility: hidden;    backface-visibility: hidden;    -webkit-transform: translateZ(0);    -moz-transform: translateZ(0);    -ms-transform: translateZ(0);    -o-transform: translateZ(0);    transform: translateZ(0);    -webkit-transform: translate3d(0, 0, 0);    -moz-transform: translate3d(0, 0, 0);    -ms-transform: translate3d(0, 0, 0);    -o-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  .count {    background: #f0548d;    color: #f8f8f8;    display: block;    font-family: "Oswald", sans-serif;    font-size: 2em;    line-height: 2.4em;    overflow: hidden;    position: absolute;    text-align: center;    /* text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); */    top: 0;    width: 100%;    /* -webkit-transform: translateZ(0); */    -moz-transform: translateZ(0);    -ms-transform: translateZ(0);    -o-transform: translateZ(0);    /* transform: translateZ(0); */    /* -webkit-transform-style: flat; */    -moz-transform-style: flat;    -ms-transform-style: flat;    -o-transform-style: flat;    /* transform-style: flat; */  }  .count .top {    /* border-top: 1px solid rgba(255,255,255,0.2); */    /* border-bottom: 1px solid rgba(255,255,255,0.1); */    border-radius: 5px 5px 0 0;    height: 50%;    -webkit-transform-origin: 50% 100%;    -moz-transform-origin: 50% 100%;    -ms-transform-origin: 50% 100%;    -o-transform-origin: 50% 100%;    transform-origin: 50% 100%;  }  .count.bottom {    background-image: linear-gradient(rgba(255, 255, 255, 0.1), transparent);    background-image: -webkit-linear-gradient(      rgba(255, 255, 255, 0.1),      transparent    );    background-image: -moz-linear-gradient(      rgba(255, 255, 255, 0.1),      transparent    );    background-image: -ms-linear-gradient(      rgba(255, 255, 255, 0.1),      transparent    );    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), transparent);    /* border-top: 1px solid #000; */    /* border-bottom: 1px solid #000; */    border-radius: 0 0 5px 5px;    line-height: 0;    -webkit-transform-origin: 50% 0;    -moz-transform-origin: 50% 0;    -ms-transform-origin: 50% 0;    -o-transform-origin: 50% 0;    transform-origin: 50% 0;  }  .count.next {  }  .label {    margin-top: 6.5em;    display: block;    position: absolute;    /*top: 102%;*/    width: 100%;    color: #191919;  }  /* Animation start */  .count.curr.top {    -webkit-transform: rotateX(0deg);    -moz-transform: rotateX(0deg);    -ms-transform: rotateX(0deg);    -o-transform: rotateX(0deg);    transform: rotateX(0deg);    z-index: 3;  }  .count.next.bottom {    -webkit-transform: rotateX(90deg);    -moz-transform: rotateX(90deg);    -ms-transform: rotateX(90deg);    -o-transform: rotateX(90deg);    transform: rotateX(90deg);    z-index: 2;  }  /* Animation end */  .flip .count.curr.top {    -webkit-transition: all 250ms ease-in-out;    -moz-transition: all 250ms ease-in-out;    -ms-transition: all 250ms ease-in-out;    -o-transition: all 250ms ease-in-out;    transition: all 250ms ease-in-out;    -webkit-transform: rotateX(-87deg);    -moz-transform: rotateX(-87deg);    -ms-transform: rotateX(-87deg);    -o-transform: rotateX(-87deg);    transform: rotateX(-87deg);    color: #000;    opacity: 0;  }  .flip .count.next.bottom {    -webkit-transition: all 250ms ease-in-out 250ms;    -moz-transition: all 250ms ease-in-out 250ms;    -ms-transition: all 250ms ease-in-out 250ms;    -o-transition: all 250ms ease-in-out 250ms;    transition: all 250ms ease-in-out 250ms;    -webkit-transform: rotateX(0deg);    -moz-transform: rotateX(0deg);    -ms-transform: rotateX(0deg);    -o-transform: rotateX(0deg);    transform: rotateX(0deg);  }  .countdown-container {    height: 130px;  }  .countdown-card-container {    display: flex;    flex-direction: column;    /* border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */    gap: 10px;    margin: 20px 0px;  }  .countdown-padding {    padding: 0 0 2.6em 0;    /* display: flex; */    /* justify-content: center; */    gap: 10px;    flex-direction: column;  }  @media screen and (max-width: 650px) {    .label {      font-size: 0.4em !important;    }    .time {      height: 4em;      width: 3em;    }    .count {      font-size: 1em;    }    .countdown-padding {      padding: 0 0 1em 0;    }  }  @media screen and (max-width: 350px) {    .time {      height: 2em;      width: 1.4em;    }  }  /* GRID */  .grid-container {    display: grid;    grid-template-columns: 1fr 1fr;    grid-template-rows: 1fr;    gap: 40px; /* Adjust the gap between grid items if needed */    margin-top: 20px;  }  .grid-item {    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    padding: 20px;    border-radius: 20px;  }  .book-div {    text-align: center;    display: flex;    gap: 20px;    align-items: center;  }  @media (max-width: 1100px) {    .top-section,    .book-div {      flex-direction: column;    }    .countdown-padding {      display: flex;      /* justify-content: center; */    }    .book {      margin: 0 auto;      display: flex;    }    .grid-container {      grid-template-columns: 1fr;    }  }  /* COUNTDOWN END */  /* FAQ Section  */  .acco {    gap: 30px;    display: flex;    flex-direction: column;  }  .acco .acco-item {    border-bottom: 1px solid #fee6b8;    border: 1px solid #ecaa00;    border-radius: 5px;    box-shadow: 3px 3px 0px 0 rgb(0 0 0);    box-sizing: border-box;    background-color: #fff;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: rgb(0 0 0) !important;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #ecaa00 !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 0em 1.5em 0em 1em;    font-weight: 500;    display: flex;    flex-wrap: wrap;    width: 90% !important;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 20px;    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: #ecaa00;    border-bottom: 1px solid #fee6b8;    /* 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; */  }  #SmorgasportFAQ .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #fee6b8;    border-right: 2px solid #fee6b8;  }  .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;  }  /* FAQ Section end  */  .smorgasport-map{    text-align:center;   }    /* .smorgasport-map a{    display:inline-block;     max-width:100%;  } */.smorgasport-map img {  cursor: pointer;  box-shadow: 0 4px 12px rgba(0,0,0,0.3);  border-radius: 10px;  max-width: 600px !important;       height: auto !important;    margin:40px 0 !important}/* ✅ Mobile: full width */@media (max-width: 767px) {  .smorgasport-map img {    max-width: 100% !important;  }}</style><div>  <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">Sept. 12</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">                LBSU Parking Lots E1 & G3              </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">6 to 10 p.m.</p>          </div>        </div>      </div>    </div>    <!-- </div> -->    <!-- *********************          START OF RIGHT SIDE      ********************** -->    <div class="event-right">      <div class="countdown-card-container">        <div id="event_countdown" style="margin: 0 auto"></div>      </div>    </div>  </div>  <div class="event-subcontainer">    <div class="event-left">      <!-- ***  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">Lorem ipsum dolor sit amet.</div> -->            <!-- EVENT CONTENT -->            <p>              Join us for a free on-campus carnival experience! This event is              open to current Long Beach State University (LBSU) students only.            </p>            <p>              What can you expect at Smorgasport? Let us tell you! Below is some              of the fun you’ll experience:            </p>            <ul>              <li>Tornado carnival ride</li>              <li>Paratrooper carnival ride</li>              <li>Scrambler carnival ride</li>              <li>Inflatables</li>              <li>Silent Disco</li>              <li>Carnival games with prizes</li>              <li>Henna artists</li>              <li>Caricatures</li>              <li>Balloon twisting creations</li>              <li>Photo booths</li>              <li>Food trucks</li>              <li>And more!</li>            </ul>            <p>              What do you need to bring?! Your LBSU student ID and signed              waiver!            </p>            <p>              Students who are 18+ will be required to show their valid LBSU              student ID and sign a "Waiver of Liability" upon check in.              Students who are under 18 will be required to have a              parent/guardian sign a “Waiver of Liability” on their behalf prior              to the event and bring the signed copy with their LBSU student ID.              The waiver can be accessed through students’ LBSU Single Sign-On              (SSO) by Sept.8 2025            </p>            <!-- Download PDF -->            <div class="aux-btn">              <a                href="https://csulb.qualtrics.com/jfe/form/SV_7P8EPNJqBjMpbOC"                target="_blank"                rel="noopener noreferrer"              >                <button class="button-3" role="button">                  Waiver Available Here                </button>              </a>            </div>          </div>          <p class="event-title-subhead">            Check out Smorgasport 2024 hosted by ASI Beach Pride Events!          </p>          <!-- VIDEO LINK -->          <div class="event-video-main">            <iframe              width="560"              height="315"              src="https://www.youtube.com/embed/0vjHHfsfKYQ"              frameborder="0"              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"              allowfullscreen            >            </iframe>          </div>        </div>      </div>    </div>    <div class="event-right">      <img        style="width: 100%; margin-bottom: 20px; border-radius: 10px"        src="images/cal/Fall-2025/SM25_BPE_Smorgasport_dgtl-CalEvent-Recovered_2.jpg"        alt="Beach Pride Event - September 13 - Smorgasport"      />    </div>  </div>  <!-- Thumbnail image (smaller version) --><div class="smorgasport-map">  <a href="images/enjoy/calendar/FALL24/SmorgaSportsLogos/Smorgasport_General__Public_Map.png" target="_blank" >    <img src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/Smorgasport_General__Public_Map.png"          alt="Smorgasport 2025 Map"          >  </a></div>  <div>    <p class="event-title-subhead">Smorgasport Co-Sponsors</p>    <div class="custom-container">      <!-- <hr> -->      <section class="logos-slider slider">        <div class="slide">          <img            src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img1v2.jpg"            alt=""          />        </div>        <div class="slide">          <img            src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img2v2.jpg"            alt=""          />        </div>        <!-- <div class="slide"><img                              src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img3v2.jpg" alt=""></div> -->        <div class="slide">          <img            src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img41v2.jpg"            alt=""          />        </div>        <div class="slide">          <img            src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img42v2.jpg"            alt=""          />        </div>        <div class="slide">          <img            src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img5v2.jpg"            alt=""          />        </div>        <div class="slide">          <img            src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img61v2.jpg"            alt=""          />        </div>        <div class="slide">          <img            src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img62v2.jpg"            alt=""          />        </div>        <div class="slide">          <img            src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img7v2.jpg"            alt=""          />        </div>        <div class="slide">          <img            src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img8v2.jpg"            alt=""          />        </div>        <div class="slide">          <img            src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img9v2.jpg"            alt=""          />        </div>        <div class="slide">          <img            src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img10v2.jpg"            alt=""          />        </div>        <div class="slide">          <img            src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img11v2.jpg"            alt=""          />        </div>        <div class="slide">          <img            src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img12v2.jpg"            alt=""          />        </div>        <div class="slide">          <img            src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img13v2.jpg"            alt=""          />        </div>        <div class="slide">          <img            src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img14v2.jpg"            alt=""          />        </div>        <div class="slide">          <img            src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img15v2.jpg"            alt=""          />        </div>        <div class="slide">          <img            src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img16v2.jpg"            alt=""          />        </div>        <div class="slide">          <img            src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img17v2.jpg"            alt=""          />        </div>        <div class="slide">          <img            src="images/enjoy/calendar/FALL24/SmorgaSportsLogos/img18v2.jpg"            alt=""          />        </div>      </section>      <h3 style="font-size: 1.75rem; font-weight: bold">        Thank you for the continued support from the Port of Long Beach!      </h3>      <img        src="images/cal/Fall-2025/WOW/2_POLB_PC_h_4c.png"        alt="Port of Long Beach"        style="width: 20%; margin-bottom: 25px"      />      <hr />    </div>    <p class="event-title-subhead">FAQ</p>    <div id="SmorgasportFAQ">      <div class="acco">        <!-- faq1  -->        <div class="acco-item">          <button id="faq1" aria-expanded="false">            <span class="acco-title"              >Do I need a ticket to enter? Is the event free?</span            >            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <p>                  This event is free for all currently enrolled Long Beach State                  students. You do not need a ticket; however, you will need to                  sign a “Waiver of Liability” and show your LBSU student ID at                  check in to receive a wristband to participate in the                  activities.                </p>              </div>            </div>          </div>        </div>        <!-- faq2  -->        <div class="acco-item">          <button id="faq1" aria-expanded="false">            <span class="acco-title">Can I bring a guest?</span>            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <p>                  No. This year’s Smorgasport is for currently enrolled LBSU                  students only.                </p>              </div>            </div>          </div>        </div>        <!-- faq3  -->        <div class="acco-item">          <button id="faq1" aria-expanded="false">            <span class="acco-title"              >I need disability-related accommodations for this event, who do I              contact?</span            >            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <p>                  To request disability-related accommodations, complete the                  <a                    href="https://elbert.accessiblelearning.com/csulb/customrequest.aspx"                    >Bob Murphy Access Center Event Request Form</a                  >.                </p>              </div>            </div>          </div>        </div>        <!-- faq4  -->        <div class="acco-item">          <button id="faq1" aria-expanded="false">            <span class="acco-title"              >I am under 18, do I need my parents to sign the waiver?</span            >            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <p>                  Yes. If you are an enrolled LBSU student, please contact Beach                  Pride Events at asi-beachpride@csulb.edu to receive the Waiver                  of Liability form that your parent/guardian must sign on your                  behalf. You will be required to bring the signed form to check                  in at the event.                </p>                <p>                  Waiver Available Here by Sept. 8, 2025                  <a                    href="https://csulb.qualtrics.com/jfe/form/SV_7P8EPNJqBjMpbOC"                    >ASI Waiver of Liability</a                  >.                </p>                <p>                  Please bring a printed and signed copy of the above form with                  you to the event. We will collect it from you at event                  check-in, and you will receive a wristband to participate in                  the event. A wristband is required to participate in all event                  activities. We recommend you use the DocuSign chicklet in your                  SSO account to have your parent/guardian sign this easily and                  electronically.                </p>              </div>            </div>          </div>        </div>        <!-- faq5  -->        <div class="acco-item">          <button id="faq1" aria-expanded="false">            <span class="acco-title"              >I am over 18, do I still need to sign a waiver?</span            >            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <p>                  Yes. There will be “Waiver of Liability” forms at check-in on                  the day of the event. No need to sign anything before the                  event if you are 18+.                </p>              </div>            </div>          </div>        </div>        <!-- faq5  -->        <div class="acco-item">          <button id="faq1" aria-expanded="false">            <span class="acco-title"              >I am over 18, do I still need to sign a waiver?</span            >            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <p>                  Yes. There will be “Waiver of Liability” forms at check-in on                  the day of the event. No need to sign anything before the                  event if you are 18+.                </p>              </div>            </div>          </div>        </div>        <!-- faq6  -->        <div class="acco-item">          <button id="faq1" aria-expanded="false">            <span class="acco-title">Can I bring a bag or backpack?</span>            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <p>                  We highly encourage you not to bring bags or backpacks. There                  are no storage locations; ASI and LBSU are not responsible for                  any lost or stolen items.                </p>              </div>            </div>          </div>        </div>        <!-- faq7  -->        <div class="acco-item">          <button id="faq1" aria-expanded="false">            <span class="acco-title">I am an alum, can I attend?</span>            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <p>                  No. Smorgasport is for currently enrolled LBSU students only.                </p>              </div>            </div>          </div>        </div>        <!-- faq8  -->        <div class="acco-item">          <button id="faq1" aria-expanded="false">            <span class="acco-title">Where do I enter the event?</span>            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <p>There are three check in locations:</p>                <ul>                  <li>                    Station 1: The entrance to parking lot E1 across from G4.                  </li>                  <li>Station 2: Beach Circle by College of Business.</li>                  <li>                    Station 3: First floor plaza in front of Brotman Hall by the                    flagpoles and entrance to parking lot E2.                  </li>                </ul>              </div>            </div>          </div>        </div>        <!-- faq8  -->        <div class="acco-item">          <button id="faq1" aria-expanded="false">            <span class="acco-title">Where do I enter the event?</span>            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <p>There are three check in locations:</p>                <ul>                  <li>                    Station 1: The entrance to parking lot E1 across from G4.                  </li>                  <li>Station 2: Beach Circle by College of Business.</li>                  <li>                    Station 3: First floor plaza in front of Brotman Hall by the                    flagpoles and entrance to parking lot E2.                  </li>                </ul>              </div>            </div>          </div>        </div>        <!-- faq9  -->            <!-- faq10  -->        <div class="acco-item">          <button id="faq1" aria-expanded="false">            <span class="acco-title">Is parking free?</span>            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <p>                  No. Parking permits will be enforced and are always required                  to park on campus.                </p>              </div>            </div>          </div>        </div>        <!-- faq11  -->        <div class="acco-item">          <button id="faq1" aria-expanded="false">            <span class="acco-title"              >Who do I contact if I have more questions?</span            >            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <p>                  If you have any other event related questions, please send all                  inquiries to                  <a href="mailto:ASI-BeachPride@csulb.edu"                    >ASI-BeachPride@csulb.edu</a                  >                  or call us at                  <a href="tel:5629852535">562-985-2535</a>.                </p>              </div>            </div>          </div>        </div>        <!-- faq12  -->        <div class="acco-item">          <button id="faq1" aria-expanded="false">            <span class="acco-title"              >Will water be available during the event?</span            >            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <p>                  Yes, water will be available for students who bring a reusable                  water bottle. Bottles will be checked upon entry to ensure                  they are empty. All bottles with liquid in them will be                  emptied before being allowed to enter the event.                </p>              </div>            </div>          </div>        </div>        <!-- faq13  -->        <!-- <div class="acco-item">          <button id="faq1" aria-expanded="false">            <span class="acco-title">Will I be able to use the roller rink without                                  socks?</span>            <span class="icon" aria-hidden="true"></span>          </button>          <div class="acco-content">            <div class="col-md-12 col-xs-12">              <div class="panel-body">                <p>                    No, individuals not wearing socks will not be                                  permitted to participate in the roller rink.                                  Please bring a pair of socks to participate in                                  this activity.                </p>              </div>            </div>          </div>        </div> -->        <!-- End of Candidates accordion -->      </div>    </div>  </div>  <!-- Accordion Test -->  <script>    document.addEventListener("DOMContentLoaded", function () {      document        .querySelectorAll("#SmorgasportFAQ .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></div><script  src="https://code.jquery.com/jquery-2.2.0.min.js"  type="text/javascript"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script><script src="templates/samba_spa/js/countdown/jquery.countdown.min.js"></script><script  type="text/javascript"  src="templates/samba_spa/js/countdown/underscore-min.js"></script><script type="text/template" id="event_countdown_template">  <div class="time <%= label %>">  <span class="count curr top"><%= curr %></span>  <span class="count next top"><%= next %></span>  <span class="count next bottom"><%= next %></span>  <span class="count curr bottom"><%= curr %></span>  <span class="label"><%= label.length < 6 ? label : label.substr(0, 3)  %></span>  </div></script><script type="text/javascript">  $(".logos-slider").slick({    slidesToShow: 4,    slidesToScroll: 1,    autoplay: true,    autoplaySpeed: 1500,    arrows: false,    dots: false,    pauseOnHover: false,    responsive: [      {        breakpoint: 768,        settings: {          slidesToShow: 3,        },      },      {        breakpoint: 520,        settings: {          slidesToShow: 2,        },      },    ],  });  jQuery(function () {    var labels = ["days", "hours", "minutes", "seconds"],      template = _.template(jQuery("#event_countdown_template").html()),      currDate = "00:00:00:00:00",      nextDate = "00:00:00:00:00",      parser = /([0-9]{2})/gi,      $event_countdown = jQuery("#event_countdown");    // Parse countdown string to an object    function strfobj(str) {      var parsed = str.match(parser),        obj = {};      labels.forEach(function (label, i) {        obj[label] = parsed[i];      });      return obj;    }    // Return the time components that diffs    function diff(obj1, obj2) {      var diff = [];      labels.forEach(function (key) {        if (obj1[key] !== obj2[key]) {          diff.push(key);        }      });      return diff;    }    // Build the layout    var initData = strfobj(currDate);    labels.forEach(function (label, i) {      $event_countdown.append(        template({          curr: initData[label],          next: initData[label],          label: label,        })      );    });    // Starts the countdown    $event_countdown.countdown("2025/09/12 18:00:00", function (event) {      var newDate = event.strftime("%D:%H:%M:%S"),        data;      if (event.elapsed) {        // Either true or false        // document.getElementById("begins_text").innerHTML = "";        // var ec = document.getElementById("event_countdown");        // ec.innerHTML = "<br/><br/><h2 style='font-weight: 700;'>Happening Now!</h2>"      } else {        /* document.getElementById("begins_text").innerHTML = ""; */        if (newDate !== nextDate) {          currDate = nextDate;          nextDate = newDate;          // Setup the data          data = {            curr: strfobj(currDate),            next: strfobj(nextDate),          };          // Apply the new values to each node that changed          diff(data.curr, data.next).forEach(function (label) {            var selector = ".%s".replace(/%s/, label),              jQuerynode = $event_countdown.find(selector);            // Update the node            jQuerynode.removeClass("flip");            jQuerynode.find(".curr").text(data.curr[label]);            jQuerynode.find(".next").text(data.next[label]);            // Wait for a repaint to then flip            _.delay(              function (jQuerynode) {                jQuerynode.addClass("flip");              },              50,              jQuerynode            );          });        }      }    });  });</script>
LOCATION:
GEO:0.00000000;0.00000000
LAST-MODIFIED:20250911T211514Z
X-ACCESS:1
X-HITS:13407
X-URL:
X-COLOR:E54268
END:VEVENT
END:VCALENDAR