#project-intro figure img {
  object-fit: cover;
  height: 100%;
}

#projectImagesContainer figure {
  border: none !important;
  padding: 0 !important;
}
#projectImagesContainer figure .fe-image-lozenge {
  top: 30px;
  bottom: auto;
  right: auto;
  left: 5px;
}

td.table-label {
  padding-right: 1rem;
  width: 140px;
}
@media (min-width: 1200px) {
  td.table-label {
    width: 220px;
  }
}

#project_gallery img {
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) and (pointer: coarse) and (hover: none) {
  #project_gallery img {
    pointer-events: none;
  }
}
#project_gallery figure {
  transition: all 0.3s ease;
}

.project-details .detail-item {
  border-bottom: 1px solid var(--black);
}
.project-details .detail-item:last-child {
  border-bottom: none;
}

@media only screen and (max-width: 1200px) {
  [class*="md:mt--"], [class*="md:mb--"], [class*="md:ml--"], [class*="md:mr--"] {
    margin: 0 !important;
  }
}
#project_text ul {
  padding-left: 1rem;
}
#project_text ul li {
  list-style-type: square;
  margin-bottom: 0.4rem;
}
#project_text ul li:before {
  display: none;
}

@media (min-width: 960px) {
  .project-next-arrow,
  .project-prev-arrow {
    position: relative;
  }
  .project-next-arrow:before,
  .project-prev-arrow:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 80px;
    height: 80px;
    filter: invert(1);
    background-repeat: no-repeat;
    background-size: 50px 60px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.project-next-arrow:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik00IC43NTVsMTQuMzc0IDExLjI0NS0xNC4zNzQgMTEuMjE5LjYxOS43ODEgMTUuMzgxLTEyLTE1LjM5MS0xMi0uNjA5Ljc1NXoiLz48L3N2Zz4=");
  right: 1rem;
  background-position: right center;
}

.project-prev-arrow:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yMCAuNzU1bC0xNC4zNzQgMTEuMjQ1IDE0LjM3NCAxMS4yMTktLjYxOS43ODEtMTUuMzgxLTEyIDE1LjM5MS0xMiAuNjA5Ljc1NXoiLz48L3N2Zz4=");
  left: 1rem;
  background-position: left center;
}

.project-next-arrow-inner {
  padding: 1rem;
}
@media (min-width: 960px) {
  .project-next-arrow-inner {
    padding: 2.5rem;
  }
}

.link-hover-arrow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-left: 0.2rem;
  margin-top: -0.4rem;
  opacity: 0;
  transform: translateX(-0.5rem);
  transition: opacity 0.3s ease, transform 0.3s ease;
  vertical-align: middle;
  visibility: hidden;
}

a:hover .link-hover-arrow {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}

/* Responsive sizing */
@media (min-width: 768px) {
  .link-hover-arrow {
    width: 3rem;
    height: 3rem;
  }
}
.card[data-search-hidden], .sb-card[data-search-hidden] {
  display: none !important;
}

.close-search-field {
  position: absolute;
  z-index: 3; /* Position relative to the parent */
  top: 50%;
  right: 0%;
  transform: translate(0%, -50%); /* Center the div both vertically and horizontally */
}
.close-search-field svg {
  width: 20px;
  height: 20px;
  margin-right: 1rem;
  fill: var(--black);
}

/* Hide non-matching cards */
.card[data-search-hidden] {
  display: none !important;
}

/* Remove default search input X button */
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

/* Ensure search stays aligned on both rows */
.filters-main-container {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 3rem;
  align-items: start;
}

.filters-left-column {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.search-wrap-fixed {
  grid-column: 2;
  grid-row: 1/3;
  align-self: start;
  position: sticky;
  top: 0;
}

@media (max-width: 800px) {
  .filters-main-container {
    grid-template-columns: 1fr;
  }
  .search-wrap-fixed {
    grid-column: 1;
    grid-row: auto;
    position: static;
  }
}
.search-field-icon {
  width: 18px;
  position: absolute;
  z-index: 3; /* Position relative to the parent */
  top: 50%;
  left: 0.8rem;
  transform: translate(0%, -50%);
}

.arrow-svg-left svg, .arrow-svg-right svg {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 1px;
}
@media (min-width: 960px) {
  .arrow-svg-left svg, .arrow-svg-right svg {
    width: 18px;
    height: 18px;
    top: 1px;
  }
}
@media (min-width: 1200px) {
  .arrow-svg-left svg, .arrow-svg-right svg {
    width: 20px;
    height: 20px;
    top: 2.5px;
  }
}

.arrow-svg-left {
  padding-left: 18px;
}
@media (min-width: 960px) {
  .arrow-svg-left {
    padding-left: 20px;
  }
}
@media (min-width: 1200px) {
  .arrow-svg-left {
    padding-left: 25px;
  }
}
.arrow-svg-left svg {
  transform: rotate(90deg);
  left: -5px;
}
@media (min-width: 960px) {
  .arrow-svg-left svg {
    left: -5px;
  }
}

.arrow-svg-right {
  padding-right: 18px;
}
@media (min-width: 960px) {
  .arrow-svg-right {
    padding-right: 20px;
  }
}
@media (min-width: 1200px) {
  .arrow-svg-right {
    padding-right: 25px;
  }
}
.arrow-svg-right svg {
  transform: rotate(-90deg);
  right: -5px;
}
@media (min-width: 960px) {
  .arrow-svg-right svg {
    right: -5px;
  }
}

.side-gradient-right {
  background: linear-gradient(to right, rgba(247, 245, 244, 0), rgb(247, 245, 244));
}