/*
--------------------------------------
Items
--------------------------------------
*/

.filterable-gallery-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 35px;
  width: 100%;
}

/*
--------------------------------------
Item
--------------------------------------
*/

.filterable-gallery-item {
  /*display: grid;*/
  /*grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));*/
  /*grid-auto-flow: dense;*/
  transition: all 0.35s ease-in-out;
  max-width: 350px;
}

.filterable-gallery-item--is-hidden {
  display: none;
}

/*btn*/

.filterable-gallery-btns {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-bottom: calc(36px + (56 - 36) * ((100vw - 320px) / (1920 - 320)));
}

.filterable-gallery-btns .js-trigger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0 !important;
  transition: all 0.35s ease-in-out;
  text-transform: capitalize;
  height: 100%;
}

.filterable-gallery-btns .js-trigger:hover  {
  background-color: var(--e-global-color-secondary);
  border-color: var(--e-global-color-primary);
}

.filterable-gallery-btns .js-trigger--is-active,
.filterable-gallery-btns .js-trigger--is-active:focus {
  background-color: var(--e-global-color-text);
  border-color: var(--e-global-color-text);
  border-radius: 0 !important;
}

.filterable-gallery-btns .js-trigger--is-active span {
  color: #fff;
}

/*
--------------------------------------
img
--------------------------------------
*/

.filterable-gallery-item .item-image img {
  width: 350px;
  height: 350px;
  object-fit: cover;
}

/*
--------------------------------------
lightbox
--------------------------------------
*/

.lb-data .lb-close {
  position: absolute;
  top: 0;
  right: 28%;

}

.fbx-caption-title {
  display: none;
}