.elementor-4241 .elementor-element.elementor-element-a18cd52{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4241 .elementor-element.elementor-element-b8445bd .elementor-heading-title{font-family:"system85", Sans-serif;font-weight:600;color:var( --e-global-color-1477050 );}@media(min-width:768px){.elementor-4241 .elementor-element.elementor-element-a18cd52{--content-width:80%;}}/* Start custom CSS for shortcode, class: .elementor-element-6e9aa2f */.pwg-media-grid,
.acf-mixed-gallery{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}

/* grid items */
.pwg-media-grid__item,
.acf-mixed-gallery__item{
  display: block;
  width: 100%;
}

/* media styling */
.pwg-media-grid a,
.acf-mixed-gallery a{
  display: block;
  width: 100%;
  margin: 0;
  border-radius: 12px;
  overflow: hidden;
}

.pwg-media-grid video,
.acf-mixed-gallery video{
  display: block;
  width: 100%;
  margin: 0;
  border-radius: 12px;
  overflow: hidden; /* fallback */
  overflow: clip;   /* modern */
}

.pwg-media-grid__item a,
.acf-mixed-gallery__item a{
  display: block;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.pwg-media-grid__item video,
.acf-mixed-gallery__item video{
  display: block;
  width: 100%;
  border-radius: 12px;
  overflow: hidden; /* fallback */
  overflow: clip;   /* modern */
}

.pwg-media-grid img,
.pwg-media-grid video,
.acf-mixed-gallery img,
.acf-mixed-gallery video{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

/* =========================================
   LANDSCAPE ENLARGE RULES (desktop/tablet)
   ========================================= */

@media (min-width: 768px){

  /* 1 item: ONLY if landscape -> span 2 cols, left aligned */
  .pwg-media-grid[data-count="1"] .pwg-media-grid__item.is-landscape,
  .acf-mixed-gallery[data-count="1"] .acf-mixed-gallery__item.is-landscape{
    grid-column: 1 / span 2;
    width: 100%;
    justify-self: start;
  }

  /* 2 items: landscape spans 2 cols */
  .pwg-media-grid[data-count="2"] .pwg-media-grid__item.is-landscape,
  .acf-mixed-gallery[data-count="2"] .acf-mixed-gallery__item.is-landscape{
    grid-column: span 2;
  }

  /* 4+ items: 2 columns */
  .pwg-media-grid[data-many="1"],
  .acf-mixed-gallery[data-many="1"]{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* 2 items AND all landscape => clean 2-col grid */
  .pwg-media-grid[data-count="2"][data-all-landscape="1"],
  .acf-mixed-gallery[data-count="2"][data-all-landscape="1"]{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .pwg-media-grid[data-count="2"][data-all-landscape="1"] .pwg-media-grid__item.is-landscape,
  .acf-mixed-gallery[data-count="2"][data-all-landscape="1"] .acf-mixed-gallery__item.is-landscape{
    grid-column: auto;
    width: 100%;
    justify-self: stretch;
  }
  
  /* 3 items AND all landscape => 2 columns */
.pwg-media-grid[data-count="3"][data-all-landscape="1"],
.acf-mixed-gallery[data-count="3"][data-all-landscape="1"]{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* reset any spans (safety) */
.pwg-media-grid[data-count="3"][data-all-landscape="1"] .pwg-media-grid__item,
.acf-mixed-gallery[data-count="3"][data-all-landscape="1"] .acf-mixed-gallery__item{
  grid-column: auto !important;
  justify-self: stretch;
}

}


/* =========================================
   COLUMN COUNT COMPATIBILITY
   ========================================= */

.pwg-media-grid.masonry-columns-2,
.acf-mixed-gallery.masonry-columns-2 { grid-template-columns: repeat(2, 1fr); }

.pwg-media-grid.masonry-columns-3,
.acf-mixed-gallery.masonry-columns-3 { grid-template-columns: repeat(3, 1fr); }

.pwg-media-grid.masonry-columns-4,
.acf-mixed-gallery.masonry-columns-4 { grid-template-columns: repeat(4, 1fr); }

.pwg-media-grid.masonry-columns-5,
.acf-mixed-gallery.masonry-columns-5 { grid-template-columns: repeat(5, 1fr); }


/* =========================================
   POST TITLES
   ========================================= */

.pwg-post-feed .pwg-post-card__title,
.pwg-post-feed .pwg-post-card__title a,
.posts-with-galleries .post-with-gallery h2,
.posts-with-galleries .post-with-gallery h2 a{
  color: #fff !important;
}

.pwg-post-feed .pwg-post-card__title,
.posts-with-galleries .post-with-gallery h2{
  font-size: 42px;
  line-height: 1.15;
  font-weight: 700;
  margin: 24px 0 0 !important;
  text-transform: uppercase;
}

.pwg-post-feed .pwg-post-card__title a:hover,
.posts-with-galleries .post-with-gallery h2 a:hover{
  opacity: .85;
}

/* =========================================
   POST LIST SPACING
   ========================================= */

.pwg-post-feed,
.posts-with-galleries{
  gap: 100px !important;
}

/* prevent duplicated feed from infinite append */
.pwg-items > .posts-with-galleries + .posts-with-galleries {
  display:none !important;
}

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

@media (max-width: 1024px){
  .pwg-media-grid,
  .acf-mixed-gallery{
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* single landscape full width on tablet */
  .pwg-media-grid[data-count="1"] .pwg-media-grid__item.is-landscape,
  .acf-mixed-gallery[data-count="1"] .acf-mixed-gallery__item.is-landscape{
    grid-column: 1 / -1;
    width: 100%;
    justify-self: start;
  }
}

@media (max-width: 767px){
  .pwg-media-grid,
  .acf-mixed-gallery{
    grid-template-columns: 1fr !important;
  }

  /* single landscape full width on mobile */
  .pwg-media-grid[data-count="1"] .pwg-media-grid__item.is-landscape,
  .acf-mixed-gallery[data-count="1"] .acf-mixed-gallery__item.is-landscape{
    width: 100%;
    justify-self: stretch;
    grid-column: auto;
  }
}

/* =========================================
   VIDEO SHELL (LCP + CLS FIX) - Safari-safe
   ========================================= */

.pwg-video-shell{
  position: relative;
  width: 100%;
  overflow: hidden;       /* clipping happens here (not on video) */
  border-radius: 12px;
  background: #000;
}

/* ensure shell has height even before media paints (aspect-ratio comes from inline style) */
.pwg-video-shell::before{
  content:"";
  display:block;
  width:100%;
}

/* poster + video stacked */
.pwg-video-shell > img,
.pwg-video-shell > video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0; /* radius handled by shell to avoid Safari flicker */
}


.pwg-video-poster{
  z-index: 2;
  transition: opacity .18s linear;
}


.pwg-video-shell > video{
  z-index: 1;
}

.pwg-post-card__date{
  margin-top: 6px;
  font-size: 16px;   
  color: #ffffff;    
  opacity: 0.9;      
  font-weight: 500;  
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'system85';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://ggml.io/wp-content/uploads/2025/06/System85Pro-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */