@import "lightgallery.css";
@import "lg-fullscreen.css";
@import "lg-thumbnail.css";
@import "lg-transitions.css";
@import "lg-zoom.css";
@media only screen and (min-width: 768px) {
  .lightgallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }
}
.lightgallery_element {
  display: block;
}
.lightgallery_element-img {
  width: 100%;
  display: block;
}
.lg-counter {
  font-family: neue-haas-grotesk-text, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.lg-backdrop {
  background-color: #f5f5f5;
}
.lg-next {
  font-size: 16px;
  background-color: transparent !important;
  border: none !important;
}
.lg-next:before {
  display: none;
}
.lg-prev {
  font-size: 16px;
  background-color: transparent !important;
  border: none !important;
}
.lg-prev:after {
  display: none;
}
.lg-icon.lg-zoom-out,
.lg-icon.lg-zoom-in {
  display: none;
}
.lg-icon.lg-close:after {
  font-size: 14px;
  content: '\e616';
  font-family: 'luma-icons';
}
.lg-outer .lg-components {
  background-color: transparent;
}
.lg-outer .lg-components .lg-thumb-outer {
  background-color: transparent;
}
.lg-outer .lg-components .lg-thumb-outer .lg-thumb {
  background-color: transparent;
}
.lg-outer .lg-components .lg-thumb-outer .lg-thumb-item {
  border: 1px solid transparent;
  border-radius: 0;
}
.lg-outer .lg-components .lg-thumb-outer .lg-thumb-item.active,
.lg-outer .lg-components .lg-thumb-outer .lg-thumb-item:hover {
  border-color: var(--mainColor--black);
}