oliveskln/css/components/islandora_mods.css

/* ==========================================================================
   Collection / search result view modes
   ========================================================================== */

/* Full view mode (default) — used on collection/search item pages */
.node--view-mode-full .node__content {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1em;
  padding-block-end: 0;

  .image img {
    width: 200px;
    max-width: 200px;
    padding: 4px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }

  .info {
    .field {
      margin-bottom: 0;
      line-height: 1.8;
    }
  }
}

/* Search index view mode — used for result rows */
.node--view-mode-search-index {
  /* layout */
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 2em;

  header {
    order: 2;
  }

  .node__content {
    order: 1;
    padding: 0;
  }

  /* image */
  .field--name-did-image img {
    width: 200px;
    max-width: 200px;
    padding: 4px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }

  /* title/link */
  .node__title {
    margin: 0;
    font-size: 1.4em;
    line-height: 1.5;

    a {
      color: blue;
      color: #093a6c;
      /* text-decoration: underline; */
    }
  }

  /* need to remove these fields */
  .field--name-field-description,
  .field--name-field-extent,
  .field--name-field-edtf-date-created,
  .field--name-field-resource-type,
  .field--name-field-member-of {
    /* display: none; */
  }
}

/* Switch full/search-index view modes to row layout on larger screens */
@media (min-width: 600px) {
  .node--view-mode-search-index,
  .node--view-mode-full .node__content {
    flex-direction: row;
  }
}

/* ==========================================================================
   Search block / results list layout
   ========================================================================== */

.search-result-block {
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.view.view-solr-search-content .views-row {
  border-bottom: 1px solid #ccc;
}

.view-solr-search-content .view-filters {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  background: #f6f7f8;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.view-solr-search-content .view-header {
  margin: 0;
}

nav.pager {
  display: flex;
  justify-content: space-around;
}

/* ==========================================================================
   Viewer (Mirador) active state
   ========================================================================== */

/* Widen field labels and lay out long-text fields as table cells when a viewer is present */
@media (min-width: 600px) {
  .has-viewer .info {
    .field__label {
      width: 200px;
    }

    .field--name-field-subtitle,
    .field--name-field-abstract,
    .field--name-field-description,
    .field--name-field-description-long {
      .field__item {
        display: table-cell;
      }
    }
  }
}

/* Hide the collection search view and image field while the viewer is active */
.has-viewer {
  .collection-search-view,
  .field--name-did-image {
    display: none;
  }
}

/* ==========================================================================
   Frontpage / region block visibility
   ========================================================================== */

/* ==========================================================================
   Header nav / exposed search filter form
   ========================================================================== */

.header-nav {
  .form--inline .form-actions {
    margin: 0;
  }

  .js-form-item.form-item.js-form-type-textfield.form-item-search-api-fulltext.js-form-item-search-api-fulltext {
    /* display: none; */
  }

  .js-form-item.form-item.js-form-type-select.form-item-items-per-page.js-form-item-items-per-page {
    display: none;
  }

  .js-form-item.form-item.js-form-type-select.form-item-sort-order.js-form-item-sort-order {
    display: none;
  }

  .js-form-item.form-item.js-form-type-select.form-item-sort-by.js-form-item-sort-by {
    display: none;
  }

  form#views-exposed-form-solr-search-content-page-1 {
    display: flex;
    align-items: center;

    div#edit-actions {
      margin: 0;
    }
  }
}

.region--content-above form#views-exposed-form-solr-search-content-page-1 {
  display: flex;
  align-items: center;
  /* justify-content: flex-end; */

  .form-item-search-api-fulltext {
    display: none;
  }
}

div#block-oliveskln-exposedformsolr-search-contentpage-1-2 {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;

  .form-item {
    margin-left: 1em;
  }
}

input#edit-submit-solr-search-content--3 {
  margin: 0;
}

/* ==========================================================================
   Misc
   ========================================================================== */

nav#block-oliveskln-dummymenu {
  display: none;
}

iframe.pdf {
  border: 1px solid #ccc;
}
.info span.a2a_kit.a2a_kit_size_32.addtoany_list {
  margin-top: 1em;
  display: block;
}