/*
 * Teams block grid override.
 *
 * These rules duplicate the `.teams-item` sizing in
 * resources/styles/components/_teams-block.scss. They exist as a plain stylesheet because
 * the theme is missing package.json, vite.config.js and node_modules, so the SCSS cannot
 * currently be compiled. Delete this file and drop the wp_enqueue_style call in
 * app/setup.php once the build chain is restored and app.css is rebuilt.
 *
 * Selectors carry one extra class (.row) so they outrank the compiled rules regardless of
 * stylesheet order after minification.
 *
 * Widths match Foundation's breakpoints: medium 48em/768px, large 64em/1024px.
 */

.teams-block .row.teams-column-container .teams-item {
  width: 100%;
  flex: 0 0 auto;
}

@media print, screen and (min-width: 48em) {
  .teams-block .row.teams-column-container .teams-item {
    width: 50%;
  }
}

@media print, screen and (min-width: 64em) {
  .teams-block .row.teams-column-container .teams-item {
    width: 25%;
  }
}