/* Recent News (homepage "ph-addpic" contentarray): wrap items into rows instead of one shrinking line.
   Scoped to #ph-addpic only. Loaded via Gantry Page Settings CSS row at priority 0 (after content/override.css).
   Content/override.css sets .ph-shadowbox .g-content-array { display:flex; flex-direction:row; gap:3vw } with
   flex-wrap nowrap (default), so all items sit on one line and shrink. Here we allow wrapping and fix 4 per row. */
@media only screen and (min-width: 50.99rem) {
    #ph-addpic .g-content-array {
        flex-wrap: wrap;
    }

    #ph-addpic .g-content-array > .g-grid {
        flex: 0 0 calc((100% - 9vw) / 4 - 0.1px);
    }
}