/*
* FooGallery Custom CSS
* This file is created by adding custom CSS on FooGallery Settings page in wp-admin
* Created : 1 Sep 2026, 8:23 am
*/

.foogallery .fg-item.fg-loaded {
  width: calc((100% / 5) - 5px);
  margin-right: calc(25px / 4);
  margin-bottom: calc(25px / 4);
}

.fg-default {
  gap: 0 !important;
}

.foogallery .fg-item.fg-loaded:nth-of-type(5n) {
  margin-right: 0;
}

.gallery__box {
  background: #ffffff;
  box-sizing: border-box;
  padding: 2em;
  margin: 0 auto 2em;
  border-radius: 5px;
}

.gallery__box:last-of-type {
  margin-bottom: 0;
}

.gallery__box h2 {
  border: none;
  padding: 0;
}

.gallery__box h2::after {
  display: none;
}

@media only screen and (max-width: 768px) {
  .foogallery .fg-item.fg-loaded, .foogallery .fg-item.fg-loaded:nth-of-type(5n) {
    width: calc((100% / 3) - 5px);
    margin-right: calc(15px / 2);
    margin-bottom: calc(15px / 2);
  }

  .foogallery .fg-item.fg-loaded:nth-of-type(3n) {
    margin-right: 0;
  }
}