/* ============================================================
   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
   ============================================================ */

.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-bottom: 5px;
  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;
}

.facets-widget-links ul span.facet-item__count {
  font-weight: 600;
}

.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;
}

.facets-widget-range_nouislider label.form-item__label {
  width: 3em;
}

.facets-widget-range_nouislider .noUi-tooltip {
  border: 1px solid #8196a2;
}

.facets-widget-range_nouislider .noUi-connect {
  background: var(--color--upei-red);
}

/* ============================================================
   NEWSPAPER BROWSE PAGE
   ============================================================ */
.newspaper-browse .text-content {
  font-size: var(--font-size-base);
}
.newspaper-browse a {
  text-decoration: none;
}

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

.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);
  /*background: #f5f5f5;*/
}

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

ul.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;
}
/* Main strip */
.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;
}
/* Sub-strip */
.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;
}
/*medi download*/
.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-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: flex;
  border-bottom: 1px dotted #ccc;
  margin: 0;
  padding-bottom: var(--sp0-5);
  margin-bottom: var(--sp0-5);
}

.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;
  /*line-height: 2;*/
}

.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;
}
.field--name-field-abstract .field__item p {
  font-family: var(--font-sans);
}
/* ============================================================
   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;
}
/* ============================================================
   Side bar views layout
   ============================================================ */
@media (min-width: 1000px) {
  .newspaper-directory,
  .accordion-view {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 2em;
    grid-template-areas:
      "content filters"
      "pager   pager";
  }
  .newspaper-directory {
  }
  .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;
  }
}

#block-views-block-newspapers-view-block-1 {
  grid-column: 2 / 15;
}
.path-newspaper-directory #block-olivesnews-content {
  /* display: none; */
  grid-column: 2 / 15;
}
form#views-exposed-form-newspaper-directory-page-1,
#views-exposed-form-newspapers-view-block-1 {
  margin-top: 0;
  input#edit-title {
    width: 100%;
    margin: 0.5rem 0;
  }
  .form-item-title {
    width: 100%;
  }
  label {
    margin-block: 0 var(--sp);
    font-family: var(--font-serif);
    letter-spacing: 0.02em;
    color: var(--color-text-neutral-loud);
    /* font-size: var(--font-size-l); */
    font-weight: normal;
    font-size: 24px;
    line-height: var(--sp);
    line-height: 1;
    border-bottom: 4px double;
    padding-bottom: 4px;
  }
  div#edit-actions {
    margin-top: 0;
  }
}

/* ============================================================
   MISCELLANEOUS
   ============================================================ */

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;
}
/*mirador colors*/
.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 (max-width: 1000px) {
  .node-336005 tr td {
    display: block;
  }

  .node-336005 td {
    height: initial !important;
  }
}
/* this may be temporARY */
.page-node-type-islandora-object {
  div#block-olivesnews-content {
    margin-bottom: 1em;
  }
  div#block-olivesnews-page-title {
    margin-bottom: 1em;
  }
}