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:20260304T190000
DTEND;TZID=America/Los_Angeles:20260304T201500
UID:516C4A9D-0BB4-41DF-856F-9F0142AE3100
SUMMARY:An Evening with Penn Badgley & Dr. Nura Mowzoon- SOLD OUT
DTSTAMP:20250225T234747Z
DESCRIPTION:\N  .top-section {\N    display: flex;\N    gap: 20px;\N    margin-top: 30px;\N    margin-bottom: 30px;\N    justify-content: space-around;\N  }\N\N  .bottom-section {\N  }\N  .event-header-text {\N    text-shadow: 2px 4px 0px #f3ac50;\N    font-weight: 800 !important;\N    font-size: 5rem !important;\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: #f3ac50;\N    border: 0;\N    border-radius: 56px;\N    color: #000000;\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:\N      rgba(255, 255, 255, 0.2) 0 3px 15px inset,\N      rgba(0, 0, 0, 0.1) 0 3px 5px,\N      rgba(0, 0, 0, 0.1) 0 10px 13px;\N    transform: scale(1.05);\N  }\N  /* _____________Accordian Section CSS+_______________ */\N\N  .acco .acco-item {\N    border-bottom: 1px solid #e5e5e5;\N  }\N\N  .acco button {\N    position: relative;\N    display: block;\N    text-align: left;\N    width: 100%;\N    padding: 1em 0;\N    color: #8800ad;\N    border: none;\N    background: none;\N    outline: none;\N  }\N\N  .acco button:hover,\N  .acco button:focus {\N    cursor: pointer;\N    color: white !important;\N    background-color: #8700ad !important;\N  }\N\N  .acco button:hover .icon,\N  .acco button:focus .icon {\N    cursor: pointer;\N    color: white;\N    border: 1px solid white !important;\N  }\N\N  .acco .acco-title {\N    padding: 1em 1.5em 1em 1em;\N  }\N\N  .acco .icon {\N    display: inline-block;\N    position: absolute;\N    top: 18px;\N    right: 20px;\N    width: 22px;\N    height: 22px;\N    border: 1px solid;\N    border-radius: 22px;\N  }\N\N  .acco .icon::before,\N  .acco .icon::after {\N    display: block;\N    position: absolute;\N    content: "";\N    background: currentColor;\N  }\N\N  .acco .icon::before {\N    top: 9px;\N    left: 5px;\N    width: 10px;\N    height: 2px;\N  }\N\N  .acco .icon::after {\N    top: 5px;\N    left: 9px;\N    width: 2px;\N    height: 10px;\N  }\N\N  .acco button[aria-expanded="true"] {\N    color: #8800ad;\N    border-bottom: 1px solid #8800ad;\N    /* background-color: #8700ad; */\N  }\N\N  .acco button[aria-expanded="true"] .icon::after {\N    width: 0;\N  }\N\N  .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 9em;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N  }\N\N  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {\N    opacity: 1;\N    max-height: 100%;\N    transition: all 200ms linear;\N    /* overflow: scroll; */\N    border-left: 2px solid #8800ad3f;\N    border-right: 2px solid #8800ad3f;\N  }\N\N  .acco .acco-content {\N    opacity: 0;\N    max-height: 0;\N    overflow: hidden;\N    transition:\N      opacity 200ms linear,\N      max-height 200ms linear;\N  }\N\N  .acco .acco-content p {\N    /* font-size: 1rem; */\N    font-weight: 300;\N    margin: 0;\N  }\N  /* ______________Accordian CSS Ends__________ */\N  .main-container {\N    display: flex;\N    gap: 10px;\N    max-width: 1600px;\N    margin: 0 auto;\N  }\N  .left-container {\N    width: 50%;\N  }\N  .right-container {\N    width: 50%;\N  }\N  .event-dtl {\N    background-color: white;\N    border-radius: 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    gap: 20px;\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  /* 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: #cc3352;\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-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    align-items: start;\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    }\N    .book {\N      margin: 0 auto;\N      display: flex;\N    }\N    .grid-container {\N      grid-template-columns: 1fr;\N    }\N  }\N\N  .img-container {\N    width: 100%;\N    max-width: 700px;\N    height: 100%; /* pick what you want */\N    overflow: hidden;\N    border-radius: 10px;\N  }\N\N  .img-container img {\N    width: 100%;\N    height: 100%;\N    object-fit: cover; /* fills container, crops edges */\N    display: block;\N  }\N\N  .book-card {\N    width: 100%;\N    max-width: 294px;\N    height: 100%; /* pick what you want */\N    overflow: hidden;\N    border-radius: 10px;\N    margin-top: 20px;\N  }\N\N  .book-card img {\N    width: 100%;\N    height: 100%;\N    object-fit: cover; /* fills container, crops edges */\N    display: block;\N  }\N\N\N  !-- An Evening with Penn Badgley & Dr. Nura Mowzoon -->\N  \N    \N      \N      \N        \N          Date\N        \N        March 4\N      \N\N      \N      \N        \N            Location\N          \N          \N            Richard & Karen Carpenter Performing Arts Center\N          \N        \N      \N\N      \N      \N        \N          Time\N        \N        \N          7 p.m. to 8:15 p.m. (Doors open at 6 p.m.)\N        \N      \N    \N\N    \N    \N      \N    \N    \N      \N    \N  \N    Description\N\N    \N      \N      \N      \N        Crushmore: Essays on Love, Loss, and Coming-of-Age\N        \N      \N    \N  \N  \N    Tickets & Event Details\N    \N      \N        Seats are first-come, first-served and cannot be reserved. There are a\N        limited number of tickets, so get them while supplies last!\N      \N      \N        If you’d like to submit a question to Penn Badgely and Dr. Nura Mowzoon,\N        you can do so\N        Event Info\N\N    \N      \N        Students must use their student email (@student.csulb.edu) to RSVP for\N        their free ticket. Limit one per Long Beach State University (LBSU)\N        student.\N      \N      \N        If tickets sell out, there will be a waiting list starting at 1 p.m. at\N        the entrance of the Carpenter Performing Arts Center. There is no\N        guarantee that tickets will be available after 7 p.m.\N      \N      \N        Tickets will be available to pick up on Wednesday, March 4, starting at\N        1 p.m.\N      \N      \N        If you were able to RSVP for a ticket, tickets will be available to pick\N        up on Wednesday, March 4, starting at 1 PM in front of the Carpenter\N        Performing Arts Center. Tickets must be picked up by 7:15 pm the night\N        of the even. After 7:15 pm, tickets will be distributed to individuals\N        on the waiting list.\N      \N      Ticket and LBSU ID are required for entry.\N      \N        The first 600 students in line will receive a copy of\N        \N      asi-beachpride@csulb.edu.\N    \N\N    !-- \N    \N      Co-Sponsored by:\N      \N      For questions, please email\N        asi-beachpride@csulb.edu.\N     -->\N  \N\N\N\N  $(document).ready(function () {\N    $("#toggle").click(function () {\N      var elem = $("#toggle").text();\N      if (elem == "Read more...") {\N        //Stuff to do when btn is in the read more state\N        $("#toggle").text("Read Less");\N        $("#text").slideDown();\N      } else {\N        //Stuff to do when btn is in the read less state\N        $("#toggle").text("Read more...");\N        $("#text").slideUp();\N      }\N    });\N  });\N\N\N\N  \N  \N  \N  \N  \N  %= label.length \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("2026/03/04 19: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          "Countdown to An Evening With Penn Badgley & Dr. Nura Mowzoon";\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:<style>  .top-section {    display: flex;    gap: 20px;    margin-top: 30px;    margin-bottom: 30px;    justify-content: space-around;  }  .bottom-section {  }  .event-header-text {    text-shadow: 2px 4px 0px #f3ac50;    font-weight: 800 !important;    font-size: 5rem !important;  }  .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: #f3ac50;    border: 0;    border-radius: 56px;    color: #000000;    cursor: pointer;    display: inline-block;    /* font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif; */    font-size: 18px;    font-weight: 600;    outline: 0;    padding: 16px 21px;    position: relative;    text-align: center;    text-decoration: none;    transition: all 0.3s;    user-select: none;    -webkit-user-select: none;    touch-action: manipulation;  }  .button-71:before {    background-color: initial;    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);    border-radius: 125px;    content: "";    height: 50%;    left: 4%;    opacity: 0.5;    position: absolute;    top: 0;    transition: all 0.3s;    width: 92%;  }  .button-71:hover {    box-shadow:      rgba(255, 255, 255, 0.2) 0 3px 15px inset,      rgba(0, 0, 0, 0.1) 0 3px 5px,      rgba(0, 0, 0, 0.1) 0 10px 13px;    transform: scale(1.05);  }  /* _____________Accordian Section CSS+_______________ */  .acco .acco-item {    border-bottom: 1px solid #e5e5e5;  }  .acco button {    position: relative;    display: block;    text-align: left;    width: 100%;    padding: 1em 0;    color: #8800ad;    border: none;    background: none;    outline: none;  }  .acco button:hover,  .acco button:focus {    cursor: pointer;    color: white !important;    background-color: #8700ad !important;  }  .acco button:hover .icon,  .acco button:focus .icon {    cursor: pointer;    color: white;    border: 1px solid white !important;  }  .acco .acco-title {    padding: 1em 1.5em 1em 1em;  }  .acco .icon {    display: inline-block;    position: absolute;    top: 18px;    right: 20px;    width: 22px;    height: 22px;    border: 1px solid;    border-radius: 22px;  }  .acco .icon::before,  .acco .icon::after {    display: block;    position: absolute;    content: "";    background: currentColor;  }  .acco .icon::before {    top: 9px;    left: 5px;    width: 10px;    height: 2px;  }  .acco .icon::after {    top: 5px;    left: 9px;    width: 2px;    height: 10px;  }  .acco button[aria-expanded="true"] {    color: #8800ad;    border-bottom: 1px solid #8800ad;    /* background-color: #8700ad; */  }  .acco button[aria-expanded="true"] .icon::after {    width: 0;  }  .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 9em;    transition: all 200ms linear;    /* overflow: scroll; */  }  #HistoryOfUniversity .acco button[aria-expanded="true"] + .acco-content {    opacity: 1;    max-height: 100%;    transition: all 200ms linear;    /* overflow: scroll; */    border-left: 2px solid #8800ad3f;    border-right: 2px solid #8800ad3f;  }  .acco .acco-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition:      opacity 200ms linear,      max-height 200ms linear;  }  .acco .acco-content p {    /* font-size: 1rem; */    font-weight: 300;    margin: 0;  }  /* ______________Accordian CSS Ends__________ */  .main-container {    display: flex;    gap: 10px;    max-width: 1600px;    margin: 0 auto;  }  .left-container {    width: 50%;  }  .right-container {    width: 50%;  }  .event-dtl {    background-color: white;    border-radius: 10px;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;    margin-bottom: 20px;    padding: 10px 20px;    display: flex;    justify-content: space-between;    gap: 20px;  }  .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;    }  }  /* 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: #cc3352;    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-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;    align-items: start;  }  .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;    }    .book {      margin: 0 auto;      display: flex;    }    .grid-container {      grid-template-columns: 1fr;    }  }  .img-container {    width: 100%;    max-width: 700px;    height: 100%; /* pick what you want */    overflow: hidden;    border-radius: 10px;  }  .img-container img {    width: 100%;    height: 100%;    object-fit: cover; /* fills container, crops edges */    display: block;  }  .book-card {    width: 100%;    max-width: 294px;    height: 100%; /* pick what you want */    overflow: hidden;    border-radius: 10px;    margin-top: 20px;  }  .book-card img {    width: 100%;    height: 100%;    object-fit: cover; /* fills container, crops edges */    display: block;  }</style><div class="top-section">  <!-- <h2 class="event-header-text">An Evening with Penn Badgley & Dr. Nura Mowzoon</h2> -->  <div>    <div class="event-dtl">      <!-- DATE -->      <div itemprop="startDate" content="2026-03-05">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/calendar.png"            style="height: 20px; width: 25px"          />        </div>        <p class="event-title-head">Date</p>        <!-- Update the date per each event -->        <p class="event-title-text">March 4</p>      </div>      <!-- LOCATION -->      <div>        <div          itemprop="location"          itemscope="itemscope"          itemtype="http://schema.org/Place"        >          <div class="event-title-icon">            <img              src="images/enjoy/beachpride/QR_Code_WOW-F23/location.png"              style="height: 20px; width: 25px"            />          </div>          <p class="event-title-head">Location</p>          <!-- Update the date per each event -->          <p class="event-title-text">            Richard & Karen Carpenter <br />Performing Arts Center          </p>        </div>      </div>      <!-- TIME -->      <div itemprop="endDate" content="2026-03-05">        <div class="event-title-icon">          <img            src="images/enjoy/beachpride/QR_Code_WOW-F23/time.png"            style="height: 20px; width: 25px"          />        </div>        <p class="event-title-head">Time</p>        <!-- MUST INCLUDE "." IN A.M./P.M. -->        <p class="event-title-text">          7 p.m. to 8:15 p.m. <br />(Doors open at 6 p.m.)        </p>      </div>    </div>    <!-- Countdown -->    <div class="countdown-padding">      <p        id="begins_text"        style="          margin: 0 auto;          font-size: 2rem;          color: #cc3352;          font-weight: 700;        "      ></p>      <div id="event_countdown" style="margin: 0 auto"></div>    </div>    <div class="btn-container" style="margin-top: 5px">      <a        href="https://www.eventbrite.com/e/an-evening-with-penn-badgley-dr-nura-mowzoon-tickets-1983059890515?aff=oddtdtcreator"        target="_blank"        rel="noopener noreferrer"      >        <button          class="button-71"          role="button"          style="            width: auto !important;            padding: 10px 40px;            font-size: 2rem;            font-weight: 600;            margin: 0 auto;            display: flex;          "        >          SOLD OUT        </button>      </a>    </div>  </div>  <!-- Photo of Penn Badgley & Dr. Nura Mowzoon with ticket button -->  <div class="img-container">    <img      src="images/cal/Spring26/aew/SP26_BPE_EW_horizontal_1.jpg"      style="max-width: 700px"      alt="AEW Flier"      class="book"    />  </div></div><style>  .aew-img {    width: 50%;    margin: 0 auto;  }  @media (max-width: 700px) {    .aew-img {      width: 100%;    }  }</style><!-- Bottom --><div class="grid-container">  <div class="grid-item">    <h3 class="event-title-head">Description</h3>    <div class="aew-img">      <img        src="images/cal/Spring26/aew/SP26_BPE_Evening-With_dgtl-IGPost1_1.jpg"        alt="flier for AEW Penn Badgley"      />    </div>    <p>      Penn Badgley is an actor, director, producer and writer in television and      film. Known most of his roles in      <a        href="https://www.bing.com/ck/a?!&&p=a6339ad1035aa19b2ebfb74512301e5297f464d9f2d4759dcb591ff6aeb24a15JmltdHM9MTc3MTI4NjQwMA&ptn=3&ver=2&hsh=4&fclid=0cb0bdd4-32e9-6796-186f-ae30330766a9&psq=gossip+girl&u=a1aHR0cHM6Ly93d3cuaW1kYi5jb20vdGl0bGUvdHQwMzk3NDQyLw0"        target="_blank"        style="text-decoration: underline"        >“Gossip Girl”</a      >      and      <a        href="https://www.bing.com/ck/a?!&&p=74e75b9bc72792f57756e415e65c12451bd9a15301bac1a573a326cb479650d5JmltdHM9MTc3MTI4NjQwMA&ptn=3&ver=2&hsh=4&fclid=0cb0bdd4-32e9-6796-186f-ae30330766a9&psq=%22You%22+show&u=a1aHR0cHM6Ly93d3cuaW1kYi5jb20vdGl0bGUvdHQ3MzM1MTg0Lw"        target="_blank"        style="text-decoration: underline"        >“YOU”</a      >, he has been working as a professional in media for more than 25 years      and is seeking to engage in discourses around the influence of media on      young people, particularly in love and relationships. Badgley is also the      co-founder of Ninth Mode, a production company which premiered      <a        href="https://www.youtube.com/@Podcrushed"        target="_blank"        style="text-decoration: underline"        >PODCRUSHED</a      >, a podcast focusing on the period of adolescence as an opener to deeper      conversations about youth and formative experiences.    </p>    <p>      Psychotherapist Nura Mowzoon, a friend of Badgley, has been helping      couples and individuals with their relationships for more than a decade.      She holds a B.S. in Family Studies & Child Development, and a master's      degree and Ph. D. in Marriage & Family Therapy. Mowzoon is also an      instructor at Arizona State University, where she teaches courses in      social sciences, with a primary focus on dating, love, interpersonal      conflict and communication. Beyond the classroom, she frequently is a      guest speaker at various organizations, sharing her expertise on these      subjects to empower individuals in cultivating stronger relationships with      one another.    </p>    <div style="margin-bottom: 10px">      <iframe        width="100%"        height="315"        src="https://www.youtube.com/embed/AsCa7bP7kvg?si=4HKdCQwaq0ziNWtg"        title="YouTube video player"        frameborder="0"        allow="          accelerometer;          autoplay;          clipboard-write;          encrypted-media;          gyroscope;          picture-in-picture;          web-share;        "        referrerpolicy="strict-origin-when-cross-origin"        allowfullscreen      ></iframe>    </div>    <hr />    <div class="book-div" style="display: flex; gap: 20px; align-items: center">      <div class="book-card">        <img          src="images/cal/Spring26/aew/71NhOZd50WL_SL1500__1.jpg"          alt="Crushmore Book"        />      </div>      <p>        The first 600 students in line will receive a copy of        <b          ><a            href="https://www.amazon.com/Crushmore-Essays-Love-Coming-Age/dp/166807799X"            target="_blank" style="text-decoration: underline"            >Crushmore: Essays on Love, Loss, and Coming-of-Age</a          >        </b>      </p>    </div>  </div>  <div class="grid-item">    <h3 class="event-title-head">Tickets & Event Details</h3>    <ul>      <li>        Seats are first-come, first-served and cannot be reserved. There are a        limited number of tickets, so get them while supplies last!      </li>      <li>        If you’d like to submit a question to Penn Badgely and Dr. Nura Mowzoon,        you can do so        <a href="https://csulb.qualtrics.com/jfe/form/SV_0p9rW1Q9Ykotp2u"          ><b>HERE</b></a        >        by Friday, Feb. 27. Join us at the event to see if your question is        asked!      </li>      <li>        To request disability-related accommodations, complete the        <a          href="https://elbert.accessiblelearning.com/csulb/customrequest.aspx"          target="_blank"          rel="noopener noreferrer"          ><b>Bob Murphy Access Center Event Request Form</b></a        >.      </li>    </ul>    <hr />    <h4 class="event-title-head">Event Info</h4>    <ul>      <li>        Students must use their student email (@student.csulb.edu) to RSVP for        their free ticket. Limit one per Long Beach State University (LBSU)        student.      </li>      <li>        If tickets sell out, there will be a waiting list starting at 1 p.m. at        the entrance of the Carpenter Performing Arts Center. There is no        guarantee that tickets will be available after 7 p.m.      </li>      <li>        Tickets will be available to pick up on Wednesday, March 4, starting at        1 p.m.      </li>      <li>        If you were able to RSVP for a ticket, tickets will be available to pick        up on Wednesday, March 4, starting at 1 PM in front of the Carpenter        Performing Arts Center. Tickets must be picked up by 7:15 pm the night        of the even. After 7:15 pm, tickets will be distributed to individuals        on the waiting list.      </li>      <li>Ticket and LBSU ID are required for entry.</li>      <li>        The first 600 students in line will receive a copy of        <a          href="https://www.amazon.com/Crushmore-Essays-Love-Coming-Age/dp/166807799X"          target="_blank"          rel="noopener noreferrer"          >Crushmore: Essays on Love, Loss, and Coming-of-Age</a        >      </li>      <li>Closed to the public.</li>      <li>No backpacks are allowed in the venue.</li>      <li>Parking permits will be enforced.</li>      <li>        The use of any recording devices during the event, including but not        limited to, cell phones, video cameras or digital recorders, is not        permitted during speaking engagement.      </li>    </ul>    <p>      <em>        Special note: If tickets are available, LBSU faculty and staff can        purchase tickets beginning March 2 using a @csulb.edu email address.      </em>    </p>    <div class="btn-container" style="margin: 5px 0">      <a        href="https://www.eventbrite.com/e/an-evening-with-penn-badgley-dr-nura-mowzoon-tickets-1983059890515?aff=oddtdtcreator"        target="_blank"        rel="noopener noreferrer"      >        <button          class="button-71"          role="button"          style="            width: auto !important;            padding: 10px 40px;            font-size: 2rem;            font-weight: 600;            margin: 0 auto;            display: flex;          "        >          SOLD OUT        </button>      </a>    </div>    <p>      <b        >For questions, please email        <a href="mailto:asi-beachpride@csulb.edu">asi-beachpride@csulb.edu</a        >.</b      >    </p>    <!-- <hr />    <div style="margin: 20px; text-align: center">      <h4>Co-Sponsored by:</h4>      <img        src="images/cal/Spring25/DSA_Logo.png"        style="width: 200px"        alt="DSA Logo"      />    </div>    <p style="margin-top: 10px; text-align: center">      <b        >For questions, please email        <a href="mailto:asi-beachpride@csulb.edu">asi-beachpride@csulb.edu</a        >.</b      >    </p> -->  </div></div><script>  $(document).ready(function () {    $("#toggle").click(function () {      var elem = $("#toggle").text();      if (elem == "Read more...") {        //Stuff to do when btn is in the read more state        $("#toggle").text("Read Less");        $("#text").slideDown();      } else {        //Stuff to do when btn is in the read less state        $("#toggle").text("Read more...");        $("#text").slideUp();      }    });  });</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">  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("2026/03/04 19: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 =          "Countdown to An Evening With Penn Badgley & Dr. Nura Mowzoon";        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:20260304T194626Z
X-ACCESS:1
X-HITS:7277
X-URL:
X-COLOR:E54268
END:VEVENT
END:VCALENDAR