/* ============================================================
   CSS CUSTOM PROPERTIES (referenced throughout)
   - --color--upei-red
   - --color--white
   - --color--black
   - --color--gray-20      (#333 equivalent)
   - --font-serif
   - --font-sans
   - --font-size-base
   - --color-text-neutral-medium
   - --sp, --sp0-5, --sp1, --sp2  (spacing scale)

   ============================================================ */

/* ============================================================
   SITE HEADER
   ============================================================ */

div#block-olivesnews-site-branding {
  background: var(--color--gray-20);
  background: #222;
}

.site-header__initial {
  background: var(--color--black);
}

.social-bar {
  background-image: url(../../images/natural_paper.png);
}

/* ============================================================
   TIMELINE DISPLAY
   ============================================================ */

h3.tl-headline-date {
  color: var(--color--gray-20) !important;
}

h2.tl-headline {
  color: var(--color--gray-20) !important;
}

h2.tl-headline:hover {
  color: var(--color--white) !important;
}

.tl-timeline a {
  text-decoration: none;
  color: var(--color--upei-red);
}

.tl-timeline h1,
.tl-timeline h2,
.tl-timeline h3,
.tl-timeline h4,
.tl-timeline h5,
.tl-timeline h6 {
  font-family: var(--font-serif) !important;
  text-transform: none !important;
  font-weight: 700;
  line-height: 1.2 !important;
}

.tl-timeline p {
  font-family: var(--font-serif) !important;
  font-size: 1em !important;
  line-height: 1.4 !important;
}

.tl-timenav {
  width: 100%;
  background-color: #f2f2f2;
  position: relative;
  overflow: hidden;
  border: 1px solid #ccc;
  direction: ltr;
  box-shadow: rgba(0, 0, 0, 0.39) 0px 5px 11px -2px;
}

.tl-text {
  background: var(--color--white);
  border: 1px solid #ccc;
  padding: var(--sp1) !important;
}

.tl-text p {
  color: var(--color--gray-20);
}

.tl-text h2.tl-headline {
  font-size: 2rem;
}

.tl-slider-container-mask {
  background: #f8f8f8;
  border: 1px solid #ccc;
  border-top: 0;
}

.tl-slidenav-previous .tl-slidenav-title,
.tl-slidenav-next .tl-slidenav-title {
  margin-top: 10px;
  filter: alpha(opacity=15);
  opacity: 1;
  font-size: 11px;
  line-height: 11px;
  font-family: var(--font-sans) !important;
}

button.tl-menubar-button {
  color: #737373;
}

/* ============================================================
   COLLECTION GRID
   ============================================================ */
@media (min-width: 700px) {
  .collection-view .view-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1em;
  }
}
.grid-item {
  border: 1px solid #ccc;
  padding: 8px;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.39) 0px 5px 11px -2px;
  line-height: 1;
}

.grid-item .grid-item__image {
  margin: 0;
  background: #ece8e3;
  overflow: hidden;
  /* height: 350px; */
}

.grid-item .grid-item__image img {
  width: 100%;
}

.grid-item .grid-item__title {
  display: block;
  padding: var(--sp0-5) 0;
  line-height: 1.2;
  margin: 5px 0 6px;
  font-weight: bold;
  border-bottom: 1px dotted #574938;
  font-size: 0.8em;
}

.grid-item .grid-item__title a {
  text-decoration: none;
  font-family: var(--font-serif);
  color: var(--color--upei-red);
}

.grid-item .views-field-field-abstract,
.grid-item .abstract {
  display: block;
  line-height: 1.4;
  margin: 0.5rem 0 0.5rem;
  font-size: 0.9em;
  color: var(--color-text-neutral-medium);
}

.grid-item .views-field-field-abstract a.views-more-link,
.grid-item .abstract a.views-more-link {
  text-decoration: underline;
}

.grid-item .views-field-member-of-title {
  line-height: 1.2;
}

.grid-item .views-label,
.grid-item .views-field-member-of-title .field__label {
  font-size: 0.8em;
  font-weight: bold;
  font-family: var(--font-serif);
  color: var(--color--upei-red);
}

.grid-item .views-field-member-of-title .field__item {
  font-size: 0.9em;
}

/* ============================================================
   FACETS
   ============================================================ */

.facets-widget-links ul {
  list-style-type: none;
  margin-left: 0;
}

.facets-widget-links > ul > li {
  /* margin-bottom: 3px; */
  padding-top: 2px;
  border-bottom: 1px dotted #a9a9a9;
}
.facets-widget-links ul li a {
  text-decoration: none;
}

.facets-widget-links ul li:hover {
  background-color: #fff;
}
.facets-widget-range_nouislider ul {
  list-style-type: none;
  margin: 0;
}

.facets-widget-range_nouislider .facet-slider {
  margin: 60px 14px 0;
}

.facets-widget-range_nouislider .js-form-type-textfield {
  display: flex;
}
span.facet-item__status {
  font-weight: bold;
}
.facets-widget-range_nouislider label.form-item__label {
  width: 3em;
}
.facet-item .facets-widget- {
  /* display: none; */
  margin-left: 0.5em;
}
.facets-widget-range_nouislider .noUi-tooltip {
  border: 1px solid #8196a2;
}
span.facet-item__status.js-facet-deactivate {
  font-weight: normal;
}
.facets-widget-range_nouislider .noUi-connect {
  background: var(--color--upei-red);
}
.facet-item__value {
  /* font-size: 1.1em; */
  /* font-family: var(--font-serif); */
  font-weight: bold;
}
.facet-item__count {
  /* font-size: 0.8em; */
  /* margin-left: 0.5em; */
  font-style: italic;
  font-weight: normal;
  /* font-family: var(--font-serif); */
  &:before {
    content: "- - ";
  }
}
/* ============================================================
   NEWSPAPER BROWSE PAGE
   ============================================================ */

.newspaper-browse .view-header,
.newspaper-browse .text-content {
  font-size: var(--font-size-base);
  font-family: var(--font-serif);
}

.newspaper-browse a {
  text-decoration: none;
}

.newspaper-browse .views-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sp1);
  border-bottom: 1px solid #ccc;
  padding-bottom: var(--sp2);
  margin-block: var(--sp2);
}
@media (min-width: 768px) {
  .newspaper-browse .views-row {
    flex-direction: row;
  }
}

.newspaper-browse .views-row h3 {
  margin: 0 0 var(--sp0-5);
}

.newspaper-browse .views-row .views-field-thumbnail__target-id {
  width: 150px;
  flex-shrink: 0;
}

.newspaper-browse .views-row .views-field-title {
  flex: 1;
  min-width: 0;
}

.view-newspaper-directory img {
  border: 1px solid #ccc;
  padding: 2px;
  width: 150px;
}

.views-view-newspaper-issues {
  border: 1px solid #ccc;
  padding: var(--sp0-5);
}

.views-view-newspaper-issues .views-field-field-media-use .field-content {
  width: 10em;
}

.views-view-newspaper-issues .views-field-field-media-use .field-content:after {
  content: " :  ";
}

details.views-view-newspaper-group li.views-row {
  display: flex;
}

/* ============================================================
   NEWSPAPER DIRECTORY
   ============================================================ */

.newspaper-directory .views-row {
  border-bottom: 1px solid #ccc;
  margin-bottom: var(--sp1);
  font-family: var(--font-serif);
  font-size: var(--font-size-base);
}

.newspaper-directory .views-row strong {
  font-family: var(--font-serif);
  font-size: var(--font-size-base);
}

.newspaper-directory .views-row strong a {
  text-decoration: none;
  font-size: 1.5rem;
  line-height: var(--sp2);
}

.newspaper-directory .views-row p {
  margin-left: var(--sp1);
}

/* ============================================================
   ACCORDION / PERIODICALS
   ============================================================ */

.accordion--periodicals .details__content {
  margin-left: 1rem;
}

.accordion--periodicals details summary {
  background-color: #d3d3d3;
  font-family: var(--font-serif);
  font-size: var(--font-size-base);
  padding: var(--sp1);
  border: 1px solid #a9a9a9;
  border-radius: 4px;
}

.accordion--periodicals ul.views-view-newspaper-issues {
  /* columns: 3; */
}

.accordion--periodicals .views-view-newspaper-group summary {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  margin-bottom: 4px;
}

.accordion--periodicals ul li {
  list-style-type: none;
}

.accordion--periodicals ul li a {
  text-decoration: none;
}

.expAll,
.collAll {
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #ccc;
  line-height: 1;
  padding: 0.3em;
  font-size: 0.8em;
  background-color: #f5f5f5;
  margin: var(--sp0-75);
  display: inline-block;
}

.accordion-view > .view-content,
.media-download > .view-content {
  columns: 1;
}

details.views-view-newspaper-group summary,
.block-views-blockdownload-media-issue-block-1 summary.main,
.media-download details.views-view-newspaper-group summary {
  background-color: #d3d3d3;
  font-family: var(--font-serif);
  font-size: var(--font-size-base);
  padding: 1em;
  border: 1px solid #a9a9a9;
  margin-bottom: 4px;
  border-radius: 4px;
}

.media-download > .view-content summary {
  background-color: #f5f5f5 !important;
  margin-left: 1rem;
}

div#block-views-block-download-media-block-1 {
  margin-bottom: 1em;
}

/* ============================================================
   EXPOSED FILTER FORMS
   ============================================================ */

.view-newspapers-view .view-filters {
  margin: 0;
}

form#views-exposed-form-newspaper-directory-page-1,
form#views-exposed-form-newspapers-view-block-1 {
  border: 1px solid #ccc;
  padding: var(--sp0-5) var(--sp1);
  margin: var(--sp2) 0;
  background-color: #f5f5f5;
  border-radius: 4px;
}

form#views-exposed-form-newspapers-view-block-1 {
  max-width: 608px;
}

form#views-exposed-form-newspaper-directory-page-1 {
  max-width: 425px;
}

form#views-exposed-form-newspaper-directory-page-1 label,
form#views-exposed-form-newspapers-view-block-1 label {
  margin-block: 0 var(--sp);
  font-family: var(--font-serif);
  letter-spacing: 0.02em;
  color: var(--color-text-neutral-loud);
  font-weight: normal;
  font-size: 24px;
  line-height: 1;
  border-bottom: 4px double;
  padding-bottom: 4px;
}

form#views-exposed-form-newspaper-directory-page-1 input#edit-title,
form#views-exposed-form-newspapers-view-block-1 input#edit-title {
  width: 100%;
  margin: 0.5rem 0;
}

form#views-exposed-form-newspaper-directory-page-1 .form-item-title,
form#views-exposed-form-newspapers-view-block-1 .form-item-title {
  width: 100%;
}

form#views-exposed-form-newspaper-directory-page-1 div#edit-actions,
form#views-exposed-form-newspapers-view-block-1 div#edit-actions {
  margin-top: 0;
}

.form-item-field-edtf-date-issued-value label.form-item__label {
  font-family: var(--font-serif);
  font-size: var(--font-size-base);
  font-weight: bold;
}

.form-item-field-edtf-date-issued-value label.form-item__label:after {
  content: ":";
}

.form-item-field-edtf-date-issued-value .form-item__description {
  max-width: 66ch;
}

.form-item-field-edtf-date-issued-value
  input#edit-field-edtf-date-issued-value {
  width: 100%;
}

/* ============================================================
   ISLANDORA OBJECT NODE
   ============================================================ */

.node--type-islandora-object .field {
  display: block;
  border-bottom: 1px dotted #ccc;
  margin: 0;
  padding-bottom: var(--sp0-5);
  margin-bottom: var(--sp0-5);
}

@media (min-width: 480px) {
  .node--type-islandora-object .field {
    display: flex;
  }
}
.node--type-islandora-object .field .field__label {
  font-family: var(--font-sans);
  font-size: var(--font-size-base);
  flex: 0 0 230px;
}

.node--type-islandora-object .field .field__item {
  font-family: var(--font-sans);
  font-size: var(--font-size-base);
  flex: 1;
}

.node--type-islandora-object .field .field__item p {
  margin: 0;
}

.node--type-islandora-object .field summary {
  font-family: var(--font-sans);
  font-size: var(--font-size-base);
  margin: 0;
}

.node--type-islandora-object .field--name-field-contributor-details p {
  display: flex;
  border-bottom: 1px dotted #ccc;
}

.node--type-islandora-object .field--name-field-contributor-details p strong {
  flex: 0 0 155px;
}

.node__content .field--name-field-contributor-details .field__item p {
  font-family: var(--font-sans) !important;
}

.field--name-field-abstract .field__item p {
  font-family: var(--font-sans);
}
.field--name-field-contributor-details summary::before {
  content: "▶";
  content: "▶";
  display: inline-block;
  margin-right: 0.5em;
}

.field--name-field-contributor-details details[open] summary::before {
  content: "▶";
  content: "▶";
  transform: rotate(90deg);
}
summary.about.button::before {
  content: "▶";
  content: "▶";
  display: inline-block;
  margin-right: 0.5em;
}

details[open] summary.about.button::before {
  content: "▶";
  content: "▶";
  transform: rotate(90deg);
}
/* ============================================================
   CITATION / BIBLIOGRAPHY
   ============================================================ */

div#edit-citation-info {
  margin-right: var(--sp1);
}

div#formatted-bibliography:has(div) {
  box-shadow: rgba(0, 0, 0, 0.39) 0px 5px 11px -2px;
  border: 1px solid #ccc;
  padding: var(--sp1);
  margin: 0;
}

/* ============================================================
   SEARCH RESULTS
   ============================================================ */

div#block-olivesnews-solrsearchcontentsearchresultspagerforpage {
  margin: 0;
}

div#block-olivesnews-content .view-header {
  margin: 0;
}

div#block-olivesnews-creatorsandcontributors .block__title {
  line-height: 1;
}

div#block-views-block-media-display-blocks-source:has(.view-empty) {
  display: none;
}

/* ============================================================
   PAGER
   ============================================================ */

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

/* ============================================================
   MISCELLANEOUS
   ============================================================ */
article[about="/exhibits/matheson"] {
  /* styles here */
  img {
    width: 100%;
  }
}
article .text-content img {
  border: 1px solid #ccc;
  padding: 4px;
}

#election_dates h2 {
  margin: 1;
  padding: 3px 0px 3px 0px;
  text-align: center;
  color: var(--color--white);
  font-family: var(--font-serif) !important;
}

#block-views-block-newspapers-view-block-1 {
  grid-column: 2 / 15;
}

.path-newspaper-directory #block-olivesnews-content {
  grid-column: 2 / 15;
}

.page-node-type-islandora-object div#block-olivesnews-content {
  margin-bottom: 1em;
}

.page-node-type-islandora-object div#block-olivesnews-page-title {
  margin-bottom: 1em;
}

/* ============================================================
   MIRADOR VIEWER
   ============================================================ */

.MuiSvgIcon-root {
  fill: var(--color--upei-red) !important;
}

.mirador16.mirador15 {
  border-top: 2px solid var(--color--upei-red) !important;
}

.MuiTab-textColorPrimary.Mui-selected {
  color: var(--color--upei-red) !important;
}

.mirador27 {
  border-right: 2px solid var(--color--upei-red) !important;
}

@media screen and (max-width: 768px) {
  .block-mirador {
    /* Uses dynamic viewport height to fit mobile screens better */
    height: 100dvh;
    min-height: 400px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Improve touch target interaction */
  .mirador-container * {
    touch-action: manipulation;
  }

  #mirador {
    height: 100% !important;
    width: 100% !important;
    position: relative !important;
  }

  /* Ensure navigation and controls are accessible on touch devices */
  .mirador-osd-container,
  .mirador-canvas {
    min-height: 200px;
    touch-action: pan-x pan-y pinch-zoom;
  }

  /* Fix for mobile browsers that may zoom in too much or show tap overlays */
  #mirador,
  #mirador * {
    -webkit-tap-highlight-color: transparent;
  }
}
/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (min-width: 1000px) {
  .newspaper-directory,
  .accordion-view {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 2em;
    grid-template-areas:
      "content filters"
      "pager   pager";
  }

  .accordion-view .view-filters,
  .newspaper-directory .view-filters {
    grid-area: filters;
  }

  .accordion-view .view-content,
  .newspaper-directory .view-content {
    grid-area: content;
  }

  .accordion-view .pager {
    grid-area: pager;
  }

  .accordion-view form#views-exposed-form-newspapers-view-block-1 {
    margin-top: 0;
  }
}

@media (max-width: 700px) {
  div#edit-container-citation {
    display: block;
  }

  .region--content {
    display: block;
  }

  .region--content-below:has(.block-citation-select) {
    margin: 0;
  }
}

@media (max-width: 1000px) {
  .node-336005 tr td {
    display: block;
  }

  .node-336005 td {
    height: initial !important;
  }
}
.view-newspapers-view .view-empty {
  height: 100px;
  color: #fff;
  display: flex;
  justify-content: space-around;
  background: #333;
  font-size: 1.5rem;
  align-items: center;
}
iframe.pdf {
  height: 1200px;
  border: 1px solid #ccc;
}