[hidden] { display: none !important; }
.content-hub {
  margin-top: 0;
}
label.chub__field {
    max-width: 100%;
    position: relative;
}
.chub__filters {
    display: flex;
    gap: 28px;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    background: var(--light-gray);
    padding: 18px;
    border-radius: 20px;
    margin-bottom: 60px;
}
.chub__field select, .chub__search input {
    width: 100%;
    padding-left: 45px;
    appearance: none;
    outline: 0;
    border: 1px solid var(--gray);
    border-radius: 25px;
    height: 40px;
    appearance: none;
}
.chub__search input[type="search"]::-webkit-search-cancel-button {
    appearance: none;
    -webkit-appearance: none;
}
.chub__field select {
    min-width: 220px;
    padding-left: 20px;
    padding-right: 50px;
}
label.chub__field:before {
    content: '';
    width: 18px;
    height: 9px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%229%22%20viewBox%3D%220%200%2018%209%22%3E%3Cpath%20id%3D%22Path%22%20d%3D%22M6.586%2C9%2C.293%2C1.92A1.227%2C1.227%2C0%2C0%2C1%2C.293.33a.923.923%2C0%2C0%2C1%2C1.414%2C0l7%2C7.875a1.227%2C1.227%2C0%2C0%2C1%2C0%2C1.591l-7%2C7.875a.923.923%2C0%2C0%2C1-1.414%2C0%2C1.227%2C1.227%2C0%2C0%2C1%2C0-1.591Z%22%20transform%3D%22translate(18)%20rotate(90)%22%20fill%3D%22%23a98b69%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events: none;
}
label.chub__search {
    background-color: var(--light-gray);
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    padding: 0;
    gap: 15px;
    border-radius: 35px;
    max-width: 100%;
}
label.chub__search:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22Group_814%22%20data-name%3D%22Group%20814%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2223.313%22%20height%3D%2223.531%22%20viewBox%3D%220%200%2023.313%2023.531%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip-path%22%3E%3Crect%20id%3D%22Rectangle_444%22%20data-name%3D%22Rectangle%20444%22%20width%3D%2223.313%22%20height%3D%2223.531%22%20fill%3D%22%23c6a883%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Group_814-2%22%20data-name%3D%22Group%20814%22%20clip-path%3D%22url(%23clip-path)%22%3E%3Cpath%20id%3D%22Path_772%22%20data-name%3D%22Path%20772%22%20d%3D%22M12.656%2C8.774a.664.664%2C0%2C0%2C0%2C.685-.641%2C4.251%2C4.251%2C0%2C0%2C0-4.1-4.386.664.664%2C0%2C1%2C0-.044%2C1.326%2C2.923%2C2.923%2C0%2C0%2C1%2C2.82%2C3.015.661.661%2C0%2C0%2C0%2C.641.685M16.3%2C16.513h0a1.749%2C1.749%2C0%2C0%2C1%2C2.466%2C0L22.8%2C20.557a1.743%2C1.743%2C0%2C1%2C1-2.466%2C2.466L16.3%2C18.979a1.749%2C1.749%2C0%2C0%2C1%2C0-2.466M8.515%2C2.275a6.24%2C6.24%2C0%2C1%2C1-6.24%2C6.24%2C6.24%2C6.24%2C0%2C0%2C1%2C6.24-6.24M8.515%2C0a8.515%2C8.515%2C0%2C0%2C1%2C6.72%2C13.745l1.572%2C1.572a1.733%2C1.733%2C0%2C0%2C0-1.032.5h0a1.731%2C1.731%2C0%2C0%2C0-.483.935l-1.528-1.528A8.515%2C8.515%2C0%2C1%2C1%2C8.515%2C0%22%20fill%3D%22%23c6a883%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.chub__reset { padding:.65rem 1rem; border-radius:999px; }


.chub__grid { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:35px; margin-top:35px; }
.chub-card { background: var(--white); border:1px solid var(--dark); border-radius:25px; overflow:hidden; display:flex; flex-direction:column; }
.chub-card a {
  text-decoration: none;
}
.chub-card__media {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 92%;
    overflow: hidden;
    border-radius: 0 0 25px 25px;
}
.chub-card__media img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    object-fit: cover;
}
.chub-card__body { padding:16px; }
.chub-card__title { font-size:1.05rem; margin:0 0 .4rem; }

.chub__results-wrap { position:relative; }

.chub__results-wrap { position: relative; }

.chub__results-wrap.is-loading .chub__grid {
  filter: blur(1px) opacity(0.6);
  transition: filter 120ms ease, opacity 120ms ease;
}

.chub__loader {
  position: absolute;
  inset: 0;
  display: none;
  place-items: center;
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  z-index: 1;
  pointer-events: auto;
}

.chub__results-wrap.is-loading .chub__loader {
  display: grid;
}

.chub__loader::after {
  content: "";
  width: 32px; height: 32px;
  border: 3px solid #ddd; border-top-color: #888;
  border-radius: 50%;
  animation: chubspin 0.8s linear infinite;
}
@keyframes chubspin { to { transform: rotate(360deg); } }


.chub__more { text-align:center; margin:24px 0 8px; }
#chub-load-more { padding:.7rem 1.2rem; border-radius:999px; }

@media screen and (max-width: 991px) {
  .chub__filters {
    display: flex;
    gap: 18px;
  }
  .chub__field select {
      max-width: 160px;
      min-width: 160px;
  }
}

@media screen and (max-width: 767px) {
  .chub__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
  }
  .chub__field select {
      max-width: 100%;
      min-width: 100%;
  }
  .chub__grid { display:grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap:35px; margin-top:35px; }
  label.chub__field {
      max-width: 100%;
      position: relative;
      width: 100%;
  }
  .chub__reset {
      width: 100%;
  }
}