.resource-grid .resource__thumbnail img {
    max-height: 324px;
    object-fit: scale-down;
    width: 100%;
}

.metadata .media-list .resource-link img{flex-shrink:0;height:100px;object-fit:scale-down;width:auto}
.metadata-browse-link {
    color: purple;
font-style:italic;
}

li.reference-record {
            a img {
                display: block;}}

/*
 * Monograms page: row-first, left-to-right alphabetical flow
 *
 * Omeka S setup:
 * 1. Edit the "Designers and their monograms" page.
 * 2. In the page configuration, set the page's body CSS class to:
 *      monograms-row-flow
 * 3. Load this stylesheet through your theme or CSS Editor.
 *
 * The extra body class names below also support themes that automatically
 * derive a body class from the page slug.
 */

:is(body.monograms-row-flow, body.page-monograms, body.monograms)
  :is(
    .resource-list,
    main ul:has(> li > a.resource-link),
    main ul:has(> li a[href*="/publishers/item/"])
  ) {
  /* Cancel a theme's vertical multi-column layout. */
  columns: initial !important;
  column-count: initial !important;
  column-width: initial !important;

  /* Place consecutive entries across each row. */
  display: grid !important;
  grid-template-columns: repeat(
    auto-fill,
    minmax(min(100%, 17rem), 1fr)
  ) !important;
  grid-auto-flow: row !important;
  align-items: start;
  gap: 1rem 1.5rem;

  /* The first entry starts at the left edge, then continues across the row. */
  direction: ltr;
  list-style: none;
  margin-inline: 0;
  padding-inline: 0;
}

:is(body.monograms-row-flow, body.page-monograms, body.monograms)
  :is(
    .resource-list,
    main ul:has(> li > a.resource-link),
    main ul:has(> li a[href*="/publishers/item/"])
  )
  > * {
  /* Keep English text and each card's internal layout left-to-right. */
  direction: ltr;
  unicode-bidi: isolate;
  text-align: left;

  /* Neutralize widths/floats commonly used by list and grid themes. */
  box-sizing: border-box;
  float: none !important;
  inline-size: auto !important;
  max-inline-size: none !important;
  margin: 0 !important;
  break-inside: avoid;
}

/* Use a simple single-column list on narrow screens. */
@media (max-width: 42rem) {
  :is(body.monograms-row-flow, body.page-monograms, body.monograms)
    :is(
      .resource-list,
      main ul:has(> li > a.resource-link),
      main ul:has(> li a[href*="/publishers/item/"])
    ) {
    grid-template-columns: 1fr !important;
    direction: ltr;
  }
}