[v-cloak] {
  display: none;
}

.events-search-page {
  background: #F3F3F2;
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  .events-search-page {
    padding-bottom: 300px;
  }
}

.mbsc-calendar-button-next {
  background: url(../icons/circled-arrow-next.svg) top center no-repeat !important;
  background-size: cover !important;
}
.mbsc-calendar-button-next svg {
  display: none !important;
}

.mbsc-calendar-button-prev {
  background: url(../icons/circled-arrow-prev.svg) top center no-repeat !important;
  background-size: cover !important;
}
.mbsc-calendar-button-prev svg {
  display: none !important;
}

.mbsc-calendar-title-wrapper {
  flex: unset !important;
  margin-right: auto;
  position: relative;
  overflow: visible !important;
}
.mbsc-calendar-title-wrapper .mbsc-calendar-button {
  overflow: visible;
  pointer-events: none;
  cursor: auto;
}

.mbsc-icon-button {
  width: 32px !important;
  height: 32px !important;
}
.mbsc-icon-button:first-of-type {
  margin-right: 16px !important;
}

.mbsc-calendar-title {
  color: #242424;
  font-family: "Archivo", sans-serif !important;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.events-search-header {
  padding: 24px 16px 0;
}
@media (min-width: 1024px) {
  .events-search-header {
    padding: 32px 24px 0;
    max-width: 1440px;
    margin: 0 auto 32px;
  }
}
@media (min-width: 1504px) {
  .events-search-header {
    padding: 32px 0 0;
  }
}

.events-search-header-container {
  padding: 0 16px 24px;
}
@media (min-width: 1024px) {
  .events-search-header-container {
    padding: 0 0 24px;
  }
}

.events-search:has(.hide-inner-filter) #filterResetBtn {
  display: none;
}
@media (min-width: 1024px) {
  .events-search:has(.hide-inner-filter) #filterResetBtn {
    display: block;
  }
}
.events-search:has(.hide-inner-filter) #filterOpenBtn {
  display: block;
  height: auto;
  width: auto;
}

#filterResetBtn {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  letter-spacing: 0.28px;
  margin: 0;
}
@media (min-width: 1024px) {
  #filterResetBtn {
    right: 24px;
    top: 24px;
    position: absolute;
    z-index: 100;
  }
}

#clearFiltersBtn {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  letter-spacing: 0.28px;
  margin: 0;
}
#clearFiltersBtn.disabled {
  color: #C8C8C8;
  pointer-events: none;
}

.events-search:has(.filter-open) {
  padding-bottom: 16px;
}
.events-search:has(.filter-open) .date-and-btns-container {
  height: 120px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1001;
}
.events-search:has(.filter-open) .date-and-btns-container:has(.calendar-view-toggle.sticky) {
  height: 377px;
}

#eventDatePicker.events-loading:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 68px;
  background: transparent;
  z-index: 1000;
}

.hide-calendar {
  display: none;
}

.chosen-categories-outer.desktop {
  display: none;
}
.chosen-categories-outer.desktop .chosen-categories-container {
  margin: 0 0 18px 0;
}
.chosen-categories-outer.desktop .chosen-categories-container .total-events-text {
  margin: 0;
}
.chosen-categories-outer.desktop .chosen-categories-container .chosen-category {
  padding: 4px 16px;
  background: #FFFFFF;
}
.chosen-categories-outer.desktop .chosen-categories-container.show-chosen-categories {
  align-items: center;
  gap: 8px 16px;
}
.chosen-categories-outer.desktop:has(.chosen-categories-container) {
  display: none;
}
.chosen-categories-outer.mobile:has(.chosen-categories-container) {
  display: block;
}
@media (min-width: 1024px) {
  .chosen-categories-outer.mobile {
    display: none;
  }
  .chosen-categories-outer.mobile:has(.chosen-categories-container) {
    display: none;
  }
  .chosen-categories-outer.desktop:has(.chosen-categories-container) {
    display: block;
  }
}

.chosen-categories-container {
  display: none;
  gap: 4px;
}
.chosen-categories-container .total-events-text {
  color: #242424;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  letter-spacing: 0.2px;
  margin: 0 16px 0 0;
}
.chosen-categories-container .chosen-category {
  padding: 4px 8px;
  border-radius: 24px;
  background: #F3F3F2;
  color: #929292;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.42px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: -moz-min-content;
  height: min-content;
}

.show-chosen-categories {
  display: flex;
  flex-wrap: wrap;
  margin: 16px 44px 16px 16px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.btn.submit:has(.loading-spinner) {
  pointer-events: none !important;
}

.loading-spinner {
  border: white 3px solid;
  border-top-color: transparent;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: spin 1s linear infinite;
}
.loading-spinner.black {
  display: inline-block;
  border: #242424 3px solid;
  border-top-color: transparent;
  width: 16px;
  height: 16px;
}

.triangle-mark {
  content: "";
  transform: rotate(45deg);
  transform-origin: left bottom;
  border-radius: 0;
  width: 8px;
  height: 8px;
  position: relative;
  top: -2px;
  right: 1px;
}

.square-mark {
  border-radius: 0;
}

.empty-mark {
  background: red;
}

.date-and-btns-container {
  position: relative;
  animation: all 0.3s ease-in-out;
}
@media (min-width: 1024px) {
  .date-and-btns-container {
    margin: 0;
    padding-bottom: 24px;
  }
}

.filter-btns-container {
  position: absolute;
  top: 20px;
  right: 16px;
  z-index: 100;
}
.filter-btns-container.sticky {
  position: fixed;
  width: 100%;
  z-index: 1001;
  width: 24px;
  display: flex;
  justify-content: flex-end;
}
.filter-btns-container a {
  display: block;
  height: auto;
}
.filter-btns-container .filter-icon {
  width: 24px;
  height: 24px;
}
.filter-btns-container .filter-icon.reset {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.filter-btns-container .filter-icon.hide-filter-btn {
  display: none;
}
@media (min-width: 1024px) {
  .filter-btns-container {
    display: none !important;
  }
}

.events-search-page:has(.no-text-events) .events-search:has(.sticky) {
  position: unset !important;
  transform: unset !important;
}
.events-search-page:has(.no-text-events) .events-list-container {
  min-height: 100vh;
}

.events-search-inner:has(.sticky) .featured-events-container {
  margin-top: 170px;
}
@media (min-width: 1024px) {
  .events-search-inner:has(.sticky) .featured-events-container {
    margin-top: 0;
  }
}

.events-list-container {
  padding: 0 16px 48px;
}
@media (min-width: 1024px) {
  .events-list-container {
    width: 100%;
    padding: 0;
  }
}
.events-list-container.no-text-events {
  min-height: 1500px;
}
.events-list-container .calendar-event {
  background: #fff;
  border-radius: 24px;
  margin-bottom: 16px;
  padding: 24px;
}
@media (min-width: 1024px) {
  .events-list-container .calendar-event {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    gap: 0 24px;
    width: 100%;
    padding-right: 250px;
    padding-bottom: 8px;
  }
  .events-list-container .calendar-event:hover {
    box-shadow: 0 0 12px rgba(33, 33, 33, 0.2);
  }
}
.events-list-container .no-event {
  padding: 16px 24px;
  border-radius: 24px;
  background: #E9E9E9;
}
@media (min-width: 1024px) {
  .events-list-container .no-event {
    padding: 40px 24px;
  }
}
.events-list-container .no-event h3 {
  color: #5B5B5B;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  margin: 0 auto 8px;
}
.events-list-container .no-event .no-event-message {
  color: #242424;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  letter-spacing: 0.2px;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}
.events-list-container .events-list-date {
  margin: 0;
  padding-top: 48px;
}
.events-list-container .events-list-date-inner {
  scroll-margin-top: 170px;
}
.events-list-container .events-list-date-inner.calendar-open {
  scroll-margin-top: 340px;
}
.events-list-container .events-list-date-inner.first-click {
  scroll-margin-top: 280px;
}
.events-list-container .calendar-date {
  color: #1980CC;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .events-list-container .calendar-date {
    margin-bottom: 16px;
  }
}

body:has(.event-search-filter.sticky.filter-open .show-chosen-categories) {
  overflow-y: auto;
}
@media (min-width: 1024px) {
  body:has(.event-search-filter.sticky.filter-open .show-chosen-categories) {
    overflow-y: auto;
  }
}

body:has(.event-search-filter .hide-inner-filter) {
  overflow-y: auto;
}

body:has(.event-search-filter.sticky.filter-open) {
  overflow-y: hidden;
}
@media (min-width: 1024px) {
  body:has(.event-search-filter.sticky.filter-open) {
    overflow-y: auto;
  }
}

body:has(.filter-open) {
  overflow-y: hidden;
}
@media (min-width: 1024px) {
  body:has(.filter-open) {
    overflow-y: auto;
  }
}

.event-search-filter {
  background: #fff;
  position: relative;
}
.event-search-filter.sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
.event-search-filter.sticky.filter-open {
  height: 100%;
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scroll-behavior: smooth;
}
.event-search-filter.sticky.filter-open::-webkit-scrollbar {
  display: none;
}
.event-search-filter.sticky:has(.show-chosen-categories) {
  height: auto;
}
@media (min-width: 1024px) {
  .event-search-filter.sticky {
    position: unset;
    width: auto;
  }
}
.event-search-filter.sticky .show-chosen-categories {
  padding-top: 0;
  margin-bottom: 0;
}
.event-search-filter.filter-open {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  height: 100%;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
@media (min-width: 1024px) {
  .event-search-filter {
    border-radius: 24px;
    margin-bottom: 100px;
  }
}
.event-search-filter #closeFiltersBtn {
  position: absolute;
  right: 24px;
  bottom: 24px;
}
.event-search-filter .saddleback-campus-dropdown {
  margin-bottom: 24px;
}
.event-search-filter .event-filter-label {
  color: #242424;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.16px;
  margin-bottom: 8px;
}
.event-search-filter .event-category-filter-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 8px;
  margin-bottom: 0;
}
.event-search-filter .event-category-filter {
  padding: 8px 16px;
  background: #F3F3F2;
  border-radius: 24px;
  margin-bottom: 0;
  color: #242424;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.42px;
}
.event-search-filter .event-category-filter.active {
  background-color: #242424;
  color: #FFFFFF;
}
.event-search-filter .hide-inner-filter {
  display: none;
}

@media (min-width: 1024px) {
  .text-search-active .event-search-filter {
    margin-top: 24px;
  }
}

.event-search-filter:has(.active) {
  border-radius: 0;
}
@media (min-width: 1024px) {
  .event-search-filter:has(.active) {
    border-radius: 24px;
  }
}

@media (min-width: 1024px) {
  .category-list-active {
    padding: 0;
  }
}

.event-search-filter-inner {
  padding: 20px 24px;
}
@media (min-width: 1024px) {
  .event-search-filter-inner {
    padding: 24px;
  }
}
.event-search-filter-inner .contact-label {
  color: #242424;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.16px;
  margin-bottom: 8px;
}
.event-search-filter-inner .event-search-filter-header {
  margin-bottom: 8px;
  position: relative;
}
.event-search-filter-inner .event-search-filter-header #filterResetBtn {
  right: 0;
  top: 10px;
}
.event-search-filter-inner .filters-header {
  margin-bottom: 4px;
}

#resultsNumberBtn {
  position: sticky;
  bottom: 24px;
  width: 100%;
  margin-top: 40px;
  box-shadow: 0px 4px 10px 0px rgba(36, 36, 36, 0.15);
}
#resultsNumberBtn.not-pinned {
  box-shadow: none;
}
#resultsNumberBtn.disabled {
  pointer-events: none;
}

#eventsDatePickerContainer {
  transition: all 0.3s ease-in-out;
}
#eventsDatePickerContainer #eventDatePicker {
  background: transparent;
  border: none;
  height: auto;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1024px) {
  #eventsDatePickerContainer #eventDatePicker {
    height: 100%;
  }
}
#eventsDatePickerContainer.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
@media (min-width: 1024px) {
  #eventsDatePickerContainer.sticky {
    position: unset;
    width: auto;
  }
}
#eventsDatePickerContainer .mbsc-datepicker-tab-wrapper {
  border-radius: 0px 0px 24px 24px;
  background: var(--White, #FFF);
  box-shadow: 0px 4px 4px 0px rgba(91, 91, 91, 0.15);
}
@media (min-width: 1024px) {
  #eventsDatePickerContainer .mbsc-datepicker-tab-wrapper {
    border-radius: 24px;
  }
}
#eventsDatePickerContainer #monthViewToggle {
  position: absolute;
  top: 2px;
  right: -16px;
  z-index: 100;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1024px) {
  #eventsDatePickerContainer #monthViewToggle {
    display: none;
  }
}
#eventsDatePickerContainer.calendar-view-toggle #monthViewToggle {
  transform: rotate(180deg);
}

.events-search-input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.events-search-input .text-search-container {
  width: 100%;
  position: relative;
}
.events-search-input input {
  width: 100%;
  margin: 0;
  min-width: unset;
  flex-grow: 1;
}
.events-search-input .text-search-clear {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.events-search-input .btn {
  min-width: 48px;
  width: 48px;
  border-radius: 16px;
}

.events-datepicker-container {
  position: relative;
}

.mbsc-calendar-controls {
  padding-right: 80px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  padding-left: 16px !important;
}
@media (min-width: 1024px) {
  .mbsc-calendar-controls {
    padding-right: 24px !important;
  }
}

.custom-view {
  display: flex;
  flex: 1 0 auto;
  justify-content: center;
}
.custom-view .mbsc-segmented {
  margin: 0;
}
.custom-view .mbsc-segmented.mbsc-material,
.custom-view .mbsc-segmented.mbsc-windows {
  padding: 0 2px;
}
.custom-view .mbsc-segmented .mbsc-segmented-button {
  padding: 0 1px;
}
.custom-view .mbsc-segmented .mbsc-icon {
  font-size: 20px;
}
.custom-view .mbsc-segmented-button.mbsc-windows {
  border: 0;
}

.custom-view-nav .mbsc-calendar-title.mbsc-material {
  font-size: 16px;
}

.mbsc-calendar-table {
  gap: 8px;
}

.mbsc-calendar-cell {
  height: 44px !important;
}

.mbsc-calendar-day-inner {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.mbsc-calendar-week-day {
  color: #929292;
  text-align: center;
  font-family: "Archivo", sans-serif !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 150% !important;
  letter-spacing: 0.16px;
}

.mbsc-ios.mbsc-calendar-day-text {
  color: #242424;
  text-align: center;
  /* Mobile - Bold Body Copy */
  font-family: "Archivo", sans-serif !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 150% !important;
  letter-spacing: 0.16px;
  position: relative;
  z-index: 1;
  width: 36px !important;
  height: 36px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0px !important;
}

.mbsc-ios.mbsc-selected .mbsc-calendar-cell-text {
  background: #F3F3F2 !important;
  border-color: #F3F3F2 !important;
  color: #242424 !important;
}
.mbsc-ios.mbsc-selected .mbsc-calendar-cell-text::after {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background: #F3F3F2;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.mbsc-ios.mbsc-calendar-today {
  color: #1980CC !important;
}

.mbsc-calendar-marks {
  z-index: 2;
  bottom: 3px;
}

.mbsc-calendar-day-outer {
  height: 0 !important;
  width: 0 !important;
  pointer-events: none !important;
}

.registered-event .mbsc-calendar-cell-text {
  border: solid 1px #1980CC !important;
}

#featuredEventsContainer.events-container .event-info {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.featured-events-container:has(.no-featured-events) .events-container-outer {
  margin: 0;
}

@media (min-width: 1024px) {
  #featuredEventsContainer.single-featured .event-info {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  #featuredEventsContainer.double-featured {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
  #featuredEventsContainer.double-featured .event {
    flex: 1;
    width: 50%;
    height: 467px;
  }
  #featuredEventsContainer.double-featured .event-image {
    border-radius: 24px 24px 0 0;
  }
  #featuredEventsContainer.double-featured .event-image img {
    height: auto;
    width: 100% !important;
  }
  #featuredEventsContainer.double-featured .event-info {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  #featuredEventsContainer.events-container {
    gap: 16px !important;
  }
  #featuredEventsContainer.events-container .event {
    width: 50%;
    max-width: 428px;
  }
  #featuredEventsContainer.events-container .event-image {
    border-radius: 24px 24px 0 0;
  }
  #featuredEventsContainer.events-container .event-image img {
    height: auto;
    width: 100% !important;
  }
  #featuredEventsContainer.events-container .event-info {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .featured-events-container:has(.single-featured) {
    padding: 64px 24px;
  }
  .featured-events-container:has(.single-featured) h3 {
    padding: 0;
  }
  .featured-events-container:has(.single-featured) .events-container-outer {
    margin: 0;
  }
  .featured-events-container:has(.double-featured) {
    padding: 64px 24px;
  }
  .featured-events-container:has(.double-featured) h3 {
    padding: 0;
  }
  .featured-events-container:has(.double-featured) .events-container-outer {
    margin: 0;
  }
}
@media screen and (min-width: 1148px) {
  #featuredEventsContainer.single-featured .event-image {
    height: 160px !important;
    min-height: 160px !important;
  }
}
@media screen and (min-width: 1345px) {
  #featuredEventsContainer.single-featured .event {
    width: 100%;
    height: 274px;
  }
  #featuredEventsContainer.single-featured .event .event-btn-container {
    margin: auto 0 0;
    padding: 0 24px;
  }
  #featuredEventsContainer.single-featured .event-title {
    padding-top: 0 !important;
  }
  #featuredEventsContainer.single-featured .event-inner {
    flex-direction: row;
    width: 100%;
    padding-bottom: 0;
  }
  #featuredEventsContainer.single-featured .event-image {
    width: 50%;
    height: auto !important;
    border-radius: 24px 0 0 24px;
  }
  #featuredEventsContainer.single-featured .event-info {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    padding-left: 24px;
  }
}
.featured-events-container {
  padding: 24px 16px;
  background: #FFFFFF;
  margin: 32px 0 0;
  max-width: 1024px;
}
@media (min-width: 1024px) {
  .featured-events-container .events-container-outer {
    display: grid;
  }
}
.featured-events-container h3 {
  color: #242424;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 31.2px */
  margin-bottom: 16px;
  padding: 0;
}
.featured-events-container h3.sign-in-no-featured {
  margin-bottom: 0;
}

.events-search-inner.hidden {
  display: none;
}
@media (min-width: 1024px) {
  .events-search-inner {
    display: grid;
    grid-template-columns: auto 374px;
    grid-template-rows: auto;
    gap: 0 40px;
    grid-template-areas: "featured-events-container events-search" "events-list-container events-search";
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
  }
}
@media (min-width: 1504px) {
  .events-search-inner {
    padding: 0;
  }
}

.events-search .black-filter {
  display: block;
}
.events-search .white-filter {
  display: none;
  background: #1980CC;
  border-radius: 50%;
  padding: 4px;
}
.events-search.text-search-active {
  margin: 0 0 48px;
  padding: 0;
}
.events-search.text-search-active .date-and-btns-container {
  right: 0;
}
.events-search.text-search-active .filter-btns-container {
  top: 30px;
  right: 20px;
}
.events-search.text-search-active .filter-btns-container.sticky {
  top: 18px;
}
.events-search.text-search-active .black-filter {
  display: none;
}
.events-search.text-search-active .white-filter {
  display: block;
}
.events-search.text-search-active .filter-open.sticky {
  position: fixed;
}
@media (min-width: 1024px) {
  .events-search.text-search-active .filter-open {
    position: unset;
  }
}

@media (min-width: 1024px) {
  .events-search {
    grid-area: events-search;
    width: 100%;
  }
  .events-search.text-search-active .events-search-header-container {
    padding-bottom: 0;
  }
  .events-search:has(.sticky) {
    position: fixed;
    top: 24px;
    z-index: 1000;
    max-width: 1440px;
    margin: 0 auto;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
    pointer-events: none;
    overflow: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    scroll-behavior: smooth;
    padding-right: 24px;
  }
}
@media (min-width: 1024px) and (min-width: 1504px) {
  .events-search:has(.sticky) {
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .events-search:has(.sticky)::-webkit-scrollbar {
    display: none;
  }
  .events-search:has(.sticky) .events-search-header-container {
    max-width: 374px;
    margin-left: auto;
    pointer-events: all;
  }
  .events-search:has(.sticky) .date-and-btns-container {
    max-width: 374px;
    margin-left: auto;
    pointer-events: all;
    height: auto;
  }
  .events-search:has(.sticky) .event-search-filter {
    max-width: 374px;
    margin-left: auto;
    pointer-events: all;
  }
  .events-search:has(.sticky) .featured-events-container {
    margin-top: 0;
  }
  .featured-events-container {
    grid-area: featured-events-container;
    width: 100%;
    border-radius: 24px;
    padding: 24px;
    margin-top: 0;
  }
  .events-list-container {
    grid-area: events-list-container;
    width: 100%;
  }
  .event-search-filter-inner {
    display: block !important;
  }
}
.events-container {
  gap: 8px !important;
  margin-bottom: 0 !important;
}

.event, .calendar-event {
  cursor: auto !important;
}
@media (min-width: 1024px) {
  .event .event-image, .calendar-event .event-image {
    height: 160px !important;
    min-height: 160px !important;
  }
}
@media screen and (min-width: 1148px) {
  .event .event-image, .calendar-event .event-image {
    height: 206px !important;
    min-height: 206px !important;
  }
}
@media screen and (min-width: 1330px) {
  .event .event-image, .calendar-event .event-image {
    height: 240px !important;
    min-height: 240px !important;
  }
}
@media (min-width: 1504px) {
  .event .event-image, .calendar-event .event-image {
    height: 260px !important;
    min-height: 260px !important;
  }
}
.event .event-title, .calendar-event .event-title {
  padding: 24px 24px 0 !important;
  height: auto !important;
  color: #242424;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.6px;
  margin-bottom: 8px !important;
}
.event .event-date-container, .calendar-event .event-date-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px !important;
}
.event .event-date-container img, .calendar-event .event-date-container img {
  margin-right: 8px;
}
.event .event-date-container svg path, .calendar-event .event-date-container svg path {
  fill: #5B5B5B !important;
}
.event .event-date, .event .event-info, .calendar-event .event-date, .calendar-event .event-info {
  color: #5B5B5B !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 150% !important; /* 21px */
  letter-spacing: 0.28px !important;
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.event .event-body, .calendar-event .event-body {
  height: auto !important;
  margin-bottom: 24px !important;
}
.event .event-btn-container, .calendar-event .event-btn-container {
  padding: 0 24px;
}
.event .btn, .calendar-event .btn {
  margin-top: auto;
  min-height: 48px;
}
.event.featured, .calendar-event.featured {
  border: 1px solid #E9E9E9;
  height: 467px;
}

.calendar-event .event-title {
  padding: 0 !important;
}
@media (min-width: 1024px) {
  .calendar-event .event-title {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .calendar-event .btn {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
  }
}

.event-cost-size-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  margin: 16px 0;
}
@media (min-width: 1024px) {
  .event-cost-size-container {
    width: 100%;
  }
}
.event-cost-size-container p {
  color: #5B5B5B;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.28px;
  margin: 0;
}
.event-cost-size-container p .no-cost {
  color: #67C18C;
}

.notification-outer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0 16px;
}
@media (min-width: 1024px) {
  .notification-outer {
    width: 100%;
  }
}

.event-notification-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-bottom: 8px;
}
.event-notification-container p {
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.42px;
  margin: 0;
}
.event-notification-container.registration-full p {
  color: #F47A46;
}
.event-notification-container.user-registered p {
  color: #67C18C;
}

.no-featured-events {
  border-radius: 24px;
  border: 1px solid #E9E9E9;
  background: #E8F2FA;
  padding: 48px 32px;
}
@media (min-width: 1024px) {
  .no-featured-events {
    padding: 48px 32px;
  }
}
.no-featured-events h3 {
  margin: 0 auto 24px;
  text-align: center;
  color: #5B5B5B;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 31.2px */
  max-width: 505px;
  margin: 0 auto;
}
.no-featured-events h3.sign-in-no-featured {
  max-width: 405px;
}
.no-featured-events h3.signed-out-featured-notification {
  color: #242424;
  margin-bottom: 16px;
}
.no-featured-events p, .no-featured-events button {
  color: #5B5B5B;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.16px;
  text-align: center;
  margin: 0;
}
.no-featured-events button {
  color: #1980CC;
}
.no-featured-events button.sign-in-link {
  padding: 0;
}