/* v254 — masonry layout for mixed portrait/landscape portfolio photos */
.portfolio-photo-gallery-new .portfolio-photo-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-auto-rows:4px !important;
  grid-auto-flow:dense !important;
  column-gap:24px !important;
  row-gap:24px !important;
  align-items:start !important;
}

.portfolio-photo-gallery-new .portfolio-photo-grid .photo-card,
.portfolio-photo-gallery-new .portfolio-photo-grid .photo-card-wide,
.portfolio-photo-gallery-new .portfolio-photo-grid .photo-card-portrait{
  grid-column:auto !important;
  min-height:0 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  align-self:start !important;
}

.portfolio-photo-gallery-new .portfolio-photo-grid .photo-card > img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
}

@media (max-width:640px){
  .portfolio-photo-gallery-new .portfolio-photo-grid{
    grid-template-columns:1fr !important;
    grid-auto-rows:auto !important;
    grid-auto-flow:row !important;
    row-gap:22px !important;
    column-gap:0 !important;
  }
  .portfolio-photo-gallery-new .portfolio-photo-grid .photo-card,
  .portfolio-photo-gallery-new .portfolio-photo-grid .photo-card-wide,
  .portfolio-photo-gallery-new .portfolio-photo-grid .photo-card-portrait{
    grid-row:auto !important;
  }
}