.bs-slice .card.clickable-card :is([class^="mt-"], [class*=" mt-"]) {
  margin-top: 0 !important;
}

.bs-slice .card.clickable-card .p-3 {
  padding: 24px 24px 48px 24px !important;
}

.card.clickable-card .date {
  text-transform: uppercase !important;
}

.latest-news-n-event-list .latest-news-n-event-list--date {
  font-size: var(--text-sm) !important;
}

.search-dialog__form {
  margin-top: 10px;
}

@media (width>515px) {
  .search-dialog__form {
    margin-top: 50px;
  }
}

@media (width>1028px) {
  .search-dialog__form {
    margin-top: 80px;
  }
}

@media (width>2000px) {
  .search-dialog__form {
    margin-top: 160px;
  }
}

.bg-grad {
  width: 100%;
  height: 70%;
  max-height: 500px;
  background: linear-gradient(to bottom, white 40%, transparent 100%);
}

body {
  overflow-x: hidden !important;
}

.header {
  z-index: 2002 !important;
}

.megamenu__close i {
  margin-top: -3px !important;
}

.narrow-block {
  max-width: 961px !important;
  margin-inline: auto !important;
}

/* .lvl-3-hero {
  min-height: 507px !important;
} */

.bs-slice .button-grid a {
  padding: 20px !important;
  min-height: 130px !important;
}

.bs-slice .img-thumbnail {
  margin-bottom: 50px !important;
}

h2,
.h2,
.bs-slice h2,
.bs-slice .h2 {
  font-weight: 600 !important;
}

.md\:font-semibold {
  font-weight: 600 !important;
}

hr {
  margin-bottom: 30px !important;
}

/* ---------------------------------------------- */
/* Special Event Card Overrides 
/* ---------------------------------------------- */
.card.clickable-card[data-card-type] .h-full {
  height: unset !important;
}

.card.clickable-card[data-card-type] .date.mt-auto {
  margin-top: unset !important;
}

.card.clickable-card[data-card-type] .links {
  margin-top: auto !important;
}

/* ---------------------------------------------- */
/* Home Page = Placeholder Label Overrides
/* ---------------------------------------------- */
[data-placeholder-label] {
  gap: 40px !important;
}

[data-placeholder-label] .card.clickable-card .mb-6 {
  margin-bottom: 12px !important;
}

@media (min-width: 768px) {
  [data-placeholder-label] {
    gap: 120px !important;
  }
}

/* ---------------------------------------------- */
/* Home Page = Butterfly Image Overrides
/* ---------------------------------------------- */
@media (min-width: 768px) {
  .home-butterfly {
    margin-bottom: -100px;
  }
}

@media (min-width: 1700px) {
  .home-butterfly {
    margin-bottom: -160px;
  }
}

/* ---------------------------------------------- */
/* Accordion Overrides
/* ---------------------------------------------- */
.accordion__label {
  padding-block: 40px !important;
}

.accordion__label h3,
.accordion__label .h3 {
  font-weight: 400 !important;
  transition: all ease-in-out 0.3s;
}

.accordion__label[aria-expanded="true"] h3,
.accordion__label[aria-expanded="true"] .h3 {
  font-weight: 600 !important;
  color: var(--color-orange-100) !important;
}

.accordion__label[aria-expanded="true"] {
  padding-bottom: 20px !important;
}

.accordion__label[aria-expanded="true"] + .accordion__content {
  padding-bottom: 40px !important;
}

/* ---------------------------------------------- */
/* Home Page Safari Fixes
/* ---------------------------------------------- */
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
  .card.clickable-card .p-3 {
    flex: 1;
    min-height: 0;
  }
}

/* ---------------------------------------------- */
/* On Page Nav Overrides
/* ---------------------------------------------- */
.on-page-nav {
  position: relative !important;
  margin-bottom: -68px;
  z-index: 1001 !important;
}

/* ---------------------------------------------- */
/* Header Overrides
/* ---------------------------------------------- */
.header {
  background-color: transparent !important;
  transition: background-color ease-in-out 0.3s !important;
}

.header:has(.nav-mobile--active) {
  background-color: white !important;
}

/* ---------------------------------------------- */
/* Image Gallery Overrides
/* ---------------------------------------------- */
.image-gallery-swiper-button-next:hover,
.image-gallery-swiper-button-prev:hover,
.image-gallery-swiper-button-next:focus,
.image-gallery-swiper-button-prev:focus {
  background-color: var(--color-orange-100) !important;
}

/* ---------------------------------------------- */
/* Table Caption/Title Overrides
/* ---------------------------------------------- */
.table-wrapper table caption {
  font-size: clamp(1.125rem, 0.679rem + 1.19vw, 1.75rem);
  font-weight: 600;
  line-height: 1.25;
}

/* ---------------------------------------------- */
/* Bootstrap Overrides - Form Layout Fix
/* ---------------------------------------------- */
[data-sf-role="form-container"] .col-lg-6 {
  flex-direction: column !important;
}

@media (width >= 768px) {
  [data-sf-role="form-container"] .col-lg-6 {
    flex: 1 !important;
  }
}

/* ---------------------------------------------- */
/* Bootstrap Overrides - Card Layout Fix
/* ---------------------------------------------- */
.row > * {
  padding-right: calc(var(--bs-gutter-x) * 1) !important;
  padding-left: calc(var(--bs-gutter-x) * 1) !important;
}

/* ---------------------------------------------- */
/* Bootstrap Overrides - Swiper Fix In Safari
/* ---------------------------------------------- */
.row:has(.swiper) > * {
  max-width: 1444px !important;
}

/* ---------------------------------------------- */
/* Swiper Fix In Safari
/* ---------------------------------------------- */
.image-gallery-swiper-button-prev,
.image-gallery-swiper-button-next {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
}

/* ---------------------------------------------- */
/* Page Title Overrides
/* ---------------------------------------------- */
.page-title h1,
.page-title .h1 {
  font-size: clamp(1.375rem, 0.214rem + 3.095vw, 3rem) !important;
  margin-bottom: calc(var(--spacing) * 6) !important;
}

/* ---------------------------------------------- */
/* Search Results Date Overrides
/* ---------------------------------------------- */
.search-results-list--date {
  display: none !important;
}

.swiper-slide {
  aspect-ratio: 6/4 !important;
}

/* ---------------------------------------------- */
/* 
/* ---------------------------------------------- */

.float-figure-left {
  margin-right: 0 !important;
}

.font-custom-title.font-semibold.pb-34 {
  padding-top: 30px !important;
}

.filter-options button {
  display: flex;
  gap: 8px;
}

/* ---------------------------------------------- */
/* Level 3 Hero Fixes
/* ---------------------------------------------- */
.lvl-3-hero {
  overflow: unset !important;
}

.lvl-3-hero--wrapper {
  overflow: hidden !important;
}

/* ---------------------------------------------- */
/* Button Overrides
/* ---------------------------------------------- */
.btn:not(.filter-selects .btn, .latest-news-n-event .btn, .title .btn, #map-group-buttons-container .btn) {
  width: 100%;
}

/* ---------------------------------------------- */
/* Info Box Overrides
/* ---------------------------------------------- */
@media (max-width: 768px) {
  .info-box {
    width: 90% !important;
    margin-inline: auto !important;
    margin-top: -30% !important;
    margin-bottom: 50px !important;
  }
}

/* ---------------------------------------------- */
/* Mailto Link Overrides
/* ---------------------------------------------- */
a[href^="mailto:"] {
  /* white-space: nowrap; */
  overflow-wrap: anywhere;
  word-break: normal;
}

/* ---------------------------------------------- */
/* Map Overrides
/* ---------------------------------------------- */
.bs-slice #map-info-section .py-5 {
  padding-top: calc(var(--spacing) * 5) !important;
  padding-bottom: calc(var(--spacing) * 5) !important;
}

.bs-slice #info-content .px-5 {
  padding-left: calc(var(--spacing) * 5) !important;
  padding-right: calc(var(--spacing) * 5) !important;
}

.bs-slice .feature-list {
  gap: calc(var(--spacing) * 4) !important;
}

.bs-slice .feature-list li {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  line-height: 1.25;
}

.bs-slice .feature-list li span.border-2 {
  border-width: 3px !important;
}

/* ---------------------------------------------- */
/* Form Select Overrides
/* ---------------------------------------------- */
.form-element--select-wrapper {
  position: relative;
}
.form-element--select-wrapper::after {
  position: absolute;
  font-family: "coconut-creek" !important;
  content: "\e90a";
  top: 50%;
  right: 20px;
  transform: translateY(-90%) rotate(90deg);
  color: var(--color-orange-100) !important;
  pointer-events: none;
}

.search-page.search-dialog__form {
  margin-top: 0;
}

/* ---------------------------------------------- */
/* General Button Cursor Fix
/* ---------------------------------------------- */
.btn {
  cursor: pointer;
}

/* --------------------------------------------- */
/* Aspect Ratio Overrides
/* --------------------------------------------- */
.aspect-video,
.aspect-video.sm\:aspect-\[3\/2\],
.card.clickable-card .aspect-video.sm\:aspect-\[3\/2\] {
  aspect-ratio: 16/9 !important;
  overflow: hidden !important;
  width: 100% !important;
  display: inline-block !important;

  align-self: center !important;
  justify-self: center !important;

  text-align: center !important;

  display: flex !important;
}

.card.clickable-card .aspect-video.sm\:aspect-\[3\/2\] i {
  margin-top: -20px;
}

.aspect-video img,
.aspect-video.sm\:aspect-\[3\/2\] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

.aspect-video:has(> a),
.aspect-video.sm\:aspect-\[3\/2\]:has(> a) {
  aspect-ratio: 16/9 !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;

  @media (width >= 40rem) {
    aspect-ratio: unset !important;
  }
}

.aspect-video:has(> a) img,
.aspect-video.sm\:aspect-\[3\/2\]:has(> a) img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.card.clickable-card .h-full {
  height: auto !important;
}

/* ---------------------------------------------- */
/* Filter Button Overrides
/* ---------------------------------------------- */
.filter-selects {
  gap: 2rem;
}
.filter-options-top button {
  font-size: clamp(16px, 2vw, 24px);
  line-height: 1.8;
}

.filter-options-bottom .filter-group__title,
.filter-options-bottom button {
  font-size: clamp(10px, 2vw, 12px) !important;
}

.filter-select-wrapper.btn {
  margin-top: 0 !important;
}

.filter-select-wrapper {
  border: solid 1px #000 !important;
  border-radius: 0 !important;
  padding: 7px 10px !important;
}

.filter-select-wrapper::before {
  left: -1rem;
}

.filter-group__inner:nth-child(2) {
  margin-left: 2rem;
}