.image-gallery {
  width: 100%;
  display: block;
}
.image-gallery .container {
  margin: auto;
}
.image-gallery .row {
  margin: 0 -20px;
}
.image-gallery .gallery-filter {
  padding: 0 21px;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.image-gallery .gallery-filter .filter-item {
  color: rgb(0, 0, 0);
  font-family: "BaseOne-Bold";
  font-size: 24px;
  text-transform: uppercase;
  display: inline-block;
  border: 2px solid transparent;
  border-radius: 50px;
  margin-right: 8px;
  cursor: pointer;
  padding: 8px 20px;
  line-height: 1.2;
  transition: all 0.3s ease;
}
.image-gallery .gallery-filter .filter-item.active {
  color: #e5005d;
}
.image-gallery .gallery-filter.style-1 .filter-item:hover {
  border: 2px solid #e5005d;
}
.image-gallery .gallery-filter.style-1 .filter-item.active {
  color: #e5005d;
}
.image-gallery .gallery-filter.style-2 .filter-item:hover {
  border: 2px solid #fff;
}
.image-gallery .gallery-filter.style-2 .filter-item.active {
  color: #fff;
}
.image-gallery .gallery-filter.style-3 .filter-item:hover {
  border: 2px solid #e5005d;
}
.image-gallery .gallery-filter.style-3 .filter-item {
  color: #fff;
}
.image-gallery .gallery-filter.style-3 .filter-item.active {
  color: #e5005d;
}
.image-gallery .gallery-items {
  --gap: 2em;
  --size: calc(100vw / var(--numcolumns));
  display: grid;
  grid-template-columns: repeat(var(--numcolumns), 1fr);
  grid-template-rows: auto;
  gap: var(--gap);
  grid-auto-rows: 1fr;
  margin: 32px;
}
.image-gallery .gallery-items.cols-3 {
  --numcolumns: 3;
}
.image-gallery .gallery-items.cols-4 {
  --numcolumns: 4;
}
.image-gallery .gallery-items .gallery-item {
  margin-bottom: 0;
  padding: 0;
}
.image-gallery .gallery-items .gallery-item .gallery-item-inner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-gallery .gallery-items .gallery-item.show {
  animation: fadeIn 0.5s ease;
}
.image-gallery .gallery-items .gallery-item.hide {
  display: none;
}
.image-gallery .gallery-items .gallery-item.has-overlay {
  filter: brightness(0) invert(1);
  transition: all 0.25s;
}
.image-gallery .gallery-items .gallery-item.has-overlay:hover {
  filter: initial;
  transition: all 0.25s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .image-gallery .gallery-items {
    --numcolumns: 2;
  }
}
@media (max-width: 425px) {
  .image-gallery .gallery-items {
    --numcolumns: 1;
  }
}
.load-more-button-wrapper {
  text-align: center;
}

.image-gallery .load-more-gallery-items {
  text-transform: uppercase;
  font-weight: 700;
  border-style: solid !important;
  border-width: 2px !important;
  border-radius: 50px;
  padding: 1.05em 2.15em;
  background: 0 0;
}
.image-gallery .load-more-gallery-items.style-1 {
  color: #e5005d;
  border-color: #fff !important;
}
.image-gallery .load-more-gallery-items.style-1:hover {
  color: #fff;
  background: #e5005d;
  border-color: #e5005d !important;
}
.image-gallery .load-more-gallery-items.style-2 {
  color: #fff;
  border-color: #fff !important;
}
.image-gallery .load-more-gallery-items.style-2:hover {
  color: #e5005d;
  background: #fff;
  border-color: #fff;
}
.image-gallery .load-more-gallery-items.style-3 {
  color: #fff;
  border-color: #fff !important;
}
.image-gallery .load-more-gallery-items.style-3:hover {
  background: #e5005d;
  border-color: #e5005d !important;
}
/*# sourceMappingURL=maps/acf-extended-filterable-gallery-public.css.map */