.elementor-widget-eael-filterable-gallery .fg-caption-head .fg-item-price{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-filterable-gallery .fg-caption-head .fg-item-ratings{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-filterable-gallery .fg-item-category span{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-filterable-gallery .fg-filter-trigger > span{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-filterable-gallery .fg-layout-3-filter-controls li.control{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-filterable-gallery .eael-gallery-load-more .eael-filterable-gallery-load-more-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-85 .elementor-element.elementor-element-43fb334 .gallery-item-caption-wrap{transition:500ms;}.elementor-85 .elementor-element.elementor-element-43fb334 .eael-filterable-gallery-loadmore{text-align:center;}.elementor-85 .elementor-element.elementor-element-43fb334 .eael-filter-gallery-wrapper{background-color:#080C1800;border-radius:0px;}.elementor-85 .elementor-element.elementor-element-43fb334 .eael-filter-gallery-control ul li.control{color:#F0EAD8;}.elementor-85 .elementor-element.elementor-element-43fb334 .eael-filter-gallery-control ul > li.control{border-radius:0px;}.elementor-85 .elementor-element.elementor-element-43fb334 .eael-filter-gallery-control ul li.active{color:#fff;}.elementor-85 .elementor-element.elementor-element-43fb334 .eael-filter-gallery-control ul li.control.active{background:#333;border-radius:0px;}.elementor-85 .elementor-element.elementor-element-43fb334 .eael-filterable-gallery-item-wrap .eael-gallery-grid-item, 
                    .elementor-85 .elementor-element.elementor-element-43fb334 .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-85 .elementor-element.elementor-element-43fb334 .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{border-radius:0px;}.elementor-85 .elementor-element.elementor-element-43fb334 .gallery-item-caption-wrap .gallery-item-hoverer-bg{background-color:rgba(0,0,0,0.7);}.elementor-85 .elementor-element.elementor-element-43fb334 .gallery-item-caption-wrap.caption-style-hoverer .fg-item-title{color:#ffffff;}.elementor-85 .elementor-element.elementor-element-43fb334 .gallery-item-caption-wrap.caption-style-hoverer .fg-item-content{color:#ffffff;}.elementor-85 .elementor-element.elementor-element-43fb334 .video-popup-bg{background-color:rgba(0, 0, 0, .7);}.elementor-85 .elementor-element.elementor-element-43fb334 .video-popup:hover > img{transform:scale(1.1);}.elementor-85 .elementor-element.elementor-element-43fb334 .gallery-item-caption-wrap .gallery-item-buttons > a span{background:#000000;color:#fff;height:20px;line-height:20px;width:20px;font-size:10px;border-radius:100px;transition:300ms;}.elementor-85 .elementor-element.elementor-element-43fb334 .gallery-item-caption-wrap .gallery-item-buttons > a span img{height:10px;width:10px;}.elementor-85 .elementor-element.elementor-element-43fb334 .gallery-item-caption-wrap .gallery-item-buttons > a span:hover{background:#D4AE37;color:#fff;border-radius:100px;}.elementor-85 .elementor-element.elementor-element-43fb334 #eael-fg-no-items-found{text-align:center;color:#858e9a;border-radius:0px;}.elementor-85 .elementor-element.elementor-element-43fb334 .eael-gallery-load-more .eael-filterable-gallery-load-more-icon{font-size:15px;}.elementor-85 .elementor-element.elementor-element-43fb334 .eael-gallery-load-more img.eael-filterable-gallery-load-more-icon{height:15px;width:15px;}.elementor-85 .elementor-element.elementor-element-43fb334 .eael-gallery-load-more{background-color:#333;color:#fff;}/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-43fb334 *//* ============================================================
   EA FILTERABLE GALLERY — Cherry Carmona (CORRECT classes)
   Works WITH Isotope (doesn't break filter animation)
   ============================================================ */


/* ============================================================
   0 ▸ MASONRY COLUMN COUNT — Responsive across all widths
   Isotope reads each item's CSS width % to calc columns.
   ============================================================ */

/* Mobile default — 2 columns
   (extra specificity via .elementor-widget to beat Elementor's inline rules) */
.elementor-widget-eael-filterable-gallery .eael-filter-gallery-container .eael-filterable-gallery-item-wrap,
.eael-filter-gallery-container .eael-filterable-gallery-item-wrap {
  width: 50% !important;
}

/* Tablet — 3 columns */
@media (min-width: 768px) {
  .elementor-widget-eael-filterable-gallery .eael-filter-gallery-container .eael-filterable-gallery-item-wrap,
  .eael-filter-gallery-container .eael-filterable-gallery-item-wrap {
    width: 33.3333% !important;
  }
}

/* Desktop — 4 columns */
@media (min-width: 1024px) {
  .elementor-widget-eael-filterable-gallery .eael-filter-gallery-container .eael-filterable-gallery-item-wrap,
  .eael-filter-gallery-container .eael-filterable-gallery-item-wrap {
    width: 25% !important;
  }
}

/* Large desktop — 5 columns (uncomment to enable) */
/*
@media (min-width: 1600px) {
  .elementor-widget-eael-filterable-gallery .eael-filter-gallery-container .eael-filterable-gallery-item-wrap,
  .eael-filter-gallery-container .eael-filterable-gallery-item-wrap {
    width: 20% !important;
  }
}
*/

/* ---- Thumbnail container ---- */
.eael-filter-gallery-container .gallery-item-thumbnail-wrap {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 3px !important;
  border: 1px solid rgba(212, 175, 55, 0.2) !important;
  background: #0d1425 !important;
}

.eael-filter-gallery-container .gallery-item-thumbnail-wrap img {
  width: 100% !important;
  height: 240px !important;         /* mobile default: equal heights = grid */
  display: block !important;
  object-fit: cover !important;
}

/* ============================================================
   GRID-LIKE BEHAVIOR — equal thumbnail heights on ALL widths
   Masonry stacks equal-height items → looks like a grid
   ============================================================ */

/* Small mobile (≤480) — slightly shorter */
@media (max-width: 480px) {
  .eael-filter-gallery-container .gallery-item-thumbnail-wrap img {
    height: 200px !important;
  }
}

/* Tablet — equal heights = 3-col grid look */
@media (min-width: 768px) and (max-width: 1023px) {
  .eael-filter-gallery-container .gallery-item-thumbnail-wrap img {
    height: 320px !important;
    object-fit: cover !important;
  }
}

/* Desktop — equal heights = 4-col grid look */
@media (min-width: 1024px) {
  .eael-filter-gallery-container .gallery-item-thumbnail-wrap img {
    height: 360px !important;
    object-fit: cover !important;
  }
}

/* Large desktop — slightly taller */
@media (min-width: 1400px) {
  .eael-filter-gallery-container .gallery-item-thumbnail-wrap img {
    height: 400px !important;
  }
}

/* ---- Caption overlay (gradient bg, content at bottom) ---- */
.eael-filter-gallery-container .gallery-item-caption-over {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding: 12px 10px !important;
  gap: 4px !important;
  text-align: center !important;
  overflow: hidden !important;
  background: linear-gradient(
    180deg,
    rgba(8, 12, 24, 0) 0%,
    rgba(8, 12, 24, 0) 25%,
    rgba(8, 12, 24, 0.78) 55%,
    rgba(8, 12, 24, 0.92) 100%
  ) !important;
}

/* Title link wrapper — no underline */
.eael-filter-gallery-container .gallery-item-caption-over > a:first-child {
  text-decoration: none !important;
  width: 100% !important;
  flex-shrink: 0 !important;
  order: 1 !important;
}

/* ---- Title (.fg-item-title) ---- */
.eael-filter-gallery-container .fg-item-title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin: 0 !important;
  width: 100% !important;
  font-family: 'Cinzel', 'Cormorant Garamond', Georgia, serif !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.85) !important;
  text-align: center !important;
}

/* ---- Description (.fg-item-content) — grows freely, pushes title up ---- */
.eael-filter-gallery-container .fg-item-content {
  width: 100% !important;
  margin: 3px 0 5px !important;
  flex-shrink: 0 !important;        /* don't compress — let it grow */
  order: 2 !important;
}

.eael-filter-gallery-container .fg-item-content p {
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.48rem !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #d4af37 !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.85) !important;
}

/* ---- Icon row ---- */
.eael-filter-gallery-container .gallery-item-buttons {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 6px !important;
  flex-shrink: 0 !important;
  order: 3 !important;
}

/* ---- Icon buttons — BOTH magnifier AND facebook ---- */
.eael-filter-gallery-container .gallery-item-buttons > a,
.eael-filter-gallery-container .gallery-item-buttons .eael-magnific-link,
.eael-filter-gallery-container .gallery-item-buttons a[aria-label="eael-item-maybe-link"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  background: rgba(8, 12, 24, 0.6) !important;
  color: #d4af37 !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.25s ease !important;
}

.eael-filter-gallery-container .gallery-item-buttons > a:hover {
  background: #d4af37 !important;
  color: #080c18 !important;
  border-color: #d4af37 !important;
  transform: translateY(-2px) !important;
}

/* Font Awesome icons inside */
.eael-filter-gallery-container .gallery-item-buttons .fg-item-icon-inner,
.eael-filter-gallery-container .gallery-item-buttons i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: inherit !important;
  font-size: 13px !important;
}

/* ============================================================
   RESPONSIVE TYPOGRAPHY
   ============================================================ */

/* Mobile (≤600) */
@media (max-width: 600px) {
  .eael-filter-gallery-container .gallery-item-caption-over {
    padding: 10px 8px !important;
    gap: 3px !important;
  }
  .eael-filter-gallery-container .fg-item-title {
    font-size: 0.85rem !important;
    line-height: 1.15 !important;
  }
  .eael-filter-gallery-container .fg-item-content p {
    font-size: 0.42rem !important;
    line-height: 1.25 !important;
  }
  .eael-filter-gallery-container .gallery-item-buttons > a {
    width: 30px !important;
    height: 30px !important;
  }
  .eael-filter-gallery-container .gallery-item-buttons i {
    font-size: 11px !important;
  }
}

/* Tablet (768–1023) */
@media (min-width: 768px) and (max-width: 1023px) {
  .eael-filter-gallery-container .fg-item-title {
    font-size: 1.15rem !important;
  }
  .eael-filter-gallery-container .fg-item-content p {
    font-size: 0.6rem !important;
  }
}

/* Desktop (≥1024) */
@media (min-width: 1024px) {
  .eael-filter-gallery-container .gallery-item-caption-over {
    padding: 16px 14px !important;
    gap: 6px !important;
  }
  .eael-filter-gallery-container .fg-item-title {
    font-size: 1.35rem !important;
    line-height: 1.2 !important;
  }
  .eael-filter-gallery-container .fg-item-content p {
    font-size: 0.7rem !important;
    line-height: 1.4 !important;
    letter-spacing: 0.1em !important;
  }
  .eael-filter-gallery-container .gallery-item-buttons > a {
    width: 42px !important;
    height: 42px !important;
  }
  .eael-filter-gallery-container .gallery-item-buttons i {
    font-size: 15px !important;
  }
}

/* Large desktop (≥1400) */
@media (min-width: 1400px) {
  .eael-filter-gallery-container .fg-item-title {
    font-size: 1.55rem !important;
  }
  .eael-filter-gallery-container .fg-item-content p {
    font-size: 0.78rem !important;
  }
}/* End custom CSS */