From 12505de2403e011fe11606f9dab3bdbc4b810aa5 Mon Sep 17 00:00:00 2001
From: rdrew <rdrew@upei.ca>
Date: Fri, 20 Mar 2026 10:06:54 -0300
Subject: [PATCH 1/2] metadata formatting

---
 css/components/islandora_mods.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/css/components/islandora_mods.css b/css/components/islandora_mods.css
index f8e469d..0bef7f4 100755
--- a/css/components/islandora_mods.css
+++ b/css/components/islandora_mods.css
@@ -1,3 +1,6 @@
+/*=====================
+timeline display
+=====================*/
 h3.tl-headline-date {
   color: #333 !important;
 }

From aec75e6a8d610eaaa391f3d790ff09cdb5d928a2 Mon Sep 17 00:00:00 2001
From: rdrew <rdrew@upei.ca>
Date: Fri, 20 Mar 2026 11:15:49 -0300
Subject: [PATCH 2/2] details

---
 css/components/islandora_mods.css    | 452 ++++++++++++++++-----------
 css/components/islandora_mods.css.bk | 417 ++++++++++++++++++++++++
 css/components/text-content.css      |   5 +-
 3 files changed, 694 insertions(+), 180 deletions(-)
 create mode 100755 css/components/islandora_mods.css.bk

diff --git a/css/components/islandora_mods.css b/css/components/islandora_mods.css
index 0bef7f4..bf632fb 100755
--- a/css/components/islandora_mods.css
+++ b/css/components/islandora_mods.css
@@ -1,13 +1,53 @@
-/*=====================
-timeline display
-=====================*/
+/* ============================================================
+   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);
+}
+
+.site-header__initial {
+  background: var(--color--black);
+}
+
+.social-bar {
+  background-image: url(../../images/natural_paper.png);
+}
+
+/* ============================================================
+   TIMELINE DISPLAY
+   ============================================================ */
+
 h3.tl-headline-date {
-  color: #333 !important;
+  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,
@@ -17,7 +57,6 @@ h3.tl-headline-date {
   font-family: var(--font-serif) !important;
   text-transform: none !important;
   font-weight: 700;
-  /*font-size: 3em !important;*/
   line-height: 1.2 !important;
 }
 
@@ -26,27 +65,37 @@ h3.tl-headline-date {
   font-size: 1em !important;
   line-height: 1.4 !important;
 }
+
 .tl-timenav {
   width: 100%;
   background-color: #f2f2f2;
   position: relative;
   overflow: hidden;
-  border-top: 1px solid #e5e5e5;
   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: 1em !important;
+  padding: var(--sp1) !important;
 }
+
 .tl-text p {
-  color: #333;
+  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;
@@ -56,58 +105,9 @@ h3.tl-headline-date {
   line-height: 11px;
   font-family: var(--font-sans) !important;
 }
-h2.tl-headline {
-  color: #333 !important;
-}
-h2.tl-headline:hover {
-  color: #fff !important;
-}
-/* ============================================================
-   Browse page
-   ============================================================ */
 
-.newspaper-browse .views-row {
-  display: flex;
-  align-items: center;
-  gap: 1em;
-  border-bottom: 1px solid #ccc;
-  padding-bottom: 2em;
-  margin-block: 2em;
-  h3 {
-    margin: 0 0 0.5em;
-  }
-  .views-field-thumbnail__target-id {
-    width: 150px; /* whatever fixed width you want */
-    flex-shrink: 0; /* prevents the image from shrinking */
-  }
-  .views-field-title {
-    flex: 1; /* takes up all remaining space */
-    min-width: 0; /* prevents text overflow issues */
-  }
-}
-.views-view-newspaper-issues {
-  /* display: flex; */
-  border: 1px solid #ccc;
-  padding: 0.5em;
-  display: inline-block;
-  background: #f5f5f5;
-  .views-row {
-  }
-}
-
-details.views-view-newspaper-group li.views-row {
-  display: flex;
-}
-details.views-view-newspaper-group {
-}
-
-ul.views-view-newspaper-issues
-  .views-field-field-media-use
-  .field-content:after {
-  content: " :  ";
-}
-ul.views-view-newspaper-issues .views-field-field-media-use .field-content {
-  width: 10em;
+button.tl-menubar-button {
+  color: #737373;
 }
 
 /* ============================================================
@@ -135,7 +135,7 @@ ul.views-view-newspaper-issues .views-field-field-media-use .field-content {
 
 .grid-item .grid-item__title {
   display: block;
-  padding: 0.5em 0;
+  padding: var(--sp0-5) 0;
   line-height: 1.2;
   margin: 5px 0 6px;
   font-weight: bold;
@@ -166,6 +166,7 @@ ul.views-view-newspaper-issues .views-field-field-media-use .field-content {
 .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;
@@ -178,13 +179,6 @@ ul.views-view-newspaper-issues .views-field-field-media-use .field-content {
   font-size: 0.9em;
 }
 
-div#block-olivesnews-solrsearchcontentsearchresultspagerforpage {
-  margin: 0;
-}
-
-div#block-olivesnews-content .view-header {
-  margin: 0;
-}
 /* ============================================================
    FACETS
    ============================================================ */
@@ -201,6 +195,7 @@ div#block-olivesnews-content .view-header {
 .facets-widget-links ul span.facet-item__count {
   font-weight: 600;
 }
+
 .facets-widget-range_nouislider ul {
   list-style-type: none;
   margin: 0;
@@ -212,7 +207,6 @@ div#block-olivesnews-content .view-header {
 
 .facets-widget-range_nouislider .js-form-type-textfield {
   display: flex;
-  /* width: 100%; */
 }
 
 .facets-widget-range_nouislider label.form-item__label {
@@ -222,83 +216,121 @@ div#block-olivesnews-content .view-header {
 .facets-widget-range_nouislider .noUi-tooltip {
   border: 1px solid #8196a2;
 }
+
 .facets-widget-range_nouislider .noUi-connect {
-  background: #691803;
+  background: var(--color--upei-red);
 }
 
 /* ============================================================
-   SITE HEADER
+   NEWSPAPER BROWSE PAGE
    ============================================================ */
 
-div#block-olivesnews-site-branding {
-  background: #333;
+.newspaper-browse a {
+  text-decoration: none;
 }
 
-.site-header__initial {
-  background: #000;
+.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);
 }
 
-.social-bar {
-  background-image: url(../../images/natural_paper.png);
+.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;
+}
+
 /* ============================================================
-   Directory
+   NEWSPAPER DIRECTORY
    ============================================================ */
+
 .newspaper-directory .views-row {
   border-bottom: 1px solid #ccc;
-  margin-bottom: 1em;
-  strong {
-    font-family: var(--font-serif);
-    font-size: var(--font-size-base);
-    a {
-      text-decoration: none;
-    }
-  }
-  p {
-    margin-left: 1em;
-  }
+  margin-bottom: var(--sp1);
 }
 
-/* ============================================================
-   Accordion pages
-   ============================================================ */
-.form-item-field-edtf-date-issued-value label.form-item__label {
+.newspaper-directory .views-row strong {
   font-family: var(--font-serif);
   font-size: var(--font-size-base);
 }
-.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%;
-}
-.view-newspapers-view .view-filters {
-  margin: 0;
+
+.newspaper-directory .views-row strong a {
+  text-decoration: none;
 }
-form#views-exposed-form-newspaper-directory-page-1,
-form#views-exposed-form-newspapers-view-block-1 {
-  border: 1px solid #ccc;
-  padding: 0.5em 1em;
-  max-width: 604px;
-  margin: 2em 0 2em;
-  background: #f6f8f8;
-  background-color: #f5f5f5;
+
+.newspaper-directory .views-row p {
+  margin-left: var(--sp1);
 }
-/*main strip*/
+
+/* ============================================================
+   ACCORDION / PERIODICALS
+   ============================================================ */
+
+/* Main strip */
 .accordion--periodicals details summary {
   background-color: #d3d3d3;
   font-family: var(--font-serif);
   font-size: var(--font-size-base);
-  padding: 1em;
+  padding: var(--sp1);
   border: 1px solid #a9a9a9;
 }
-/*sub-strip*/
+
+.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;
@@ -308,110 +340,174 @@ form#views-exposed-form-newspapers-view-block-1 {
   padding: 0.3em;
   font-size: 0.8em;
   background-color: #f5f5f5;
-  margin: 0.8em;
+  margin: var(--sp0-75);
   display: inline-block;
 }
-.accordion--periodicals ul li {
-  list-style-type: none;
-  a {
-    text-decoration: none;
+/*medi download*/
+.media-download > .view-content {
+  columns: 1;
+}
+@media (min-width: 68.75rem) {
+  /* 1100px */
+  .media-download > .view-content {
+    columns: 2;
   }
 }
-ul.views-view-newspaper-issues {
-  columns: 3;
+.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;
 }
+
 /* ============================================================
-   BROWSE PAGE
+   EXPOSED FILTER FORMS
    ============================================================ */
-.view-newspaper-directory img {
+
+.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: 2px;
-  width: 150px;
+  padding: var(--sp0-5) var(--sp1);
+  max-width: 604px;
+  margin: var(--sp2) 0;
+  background-color: #f5f5f5;
 }
+
+.form-item-field-edtf-date-issued-value label.form-item__label {
+  font-family: var(--font-serif);
+  font-size: var(--font-size-base);
+}
+
+.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: 0.5em;
-  margin-bottom: 0.5em;
+  padding-bottom: var(--sp0-5);
+  margin-bottom: var(--sp0-5);
+}
 
-  .field__label {
-    font-family: var(--font-sans);
-    font-size: var(--font-size-base);
-    flex: 0 0 150px;
-  }
-  .field__item {
-    font-family: var(--font-sans);
-    font-size: var(--font-size-base);
-    flex: 1;
-    line-height: 2;
-    p {
-      margin: 0;
-    }
-  }
-  summary {
-    font-family: var(--font-sans);
-    font-size: var(--font-size-base);
-    margin: 0;
-  }
+.node--type-islandora-object .field .field__label {
+  font-family: var(--font-sans);
+  font-size: var(--font-size-base);
+  flex: 0 0 150px;
 }
-.node--type-islandora-object .field--name-field-contributor-details {
-  p {
-    display: flex;
-    border-bottom: 1px dotted #ccc;
-    strong {
-      flex: 0 0 155px;
-      /*text-align:right;*/
-    }
-  }
+
+.node--type-islandora-object .field .field__item {
+  font-family: var(--font-sans);
+  font-size: var(--font-size-base);
+  flex: 1;
+  line-height: 2;
 }
-div#block-views-block-media-display-blocks-source:has(.view-empty) {
-  display: none;
-} /*display: flex;*/
+
+.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;
+}
+
+/* ============================================================
+   CITATION / BIBLIOGRAPHY
+   ============================================================ */
+
 div#edit-citation-info {
-  margin-right: 1em;
+  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: 1em;
+  padding: var(--sp1);
   margin: 0;
 }
-nav.pager {
-  display: flex;
-  justify-content: space-around;
+
+/* ============================================================
+   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;
 }
-/*misc*/
+
+div#block-views-block-media-display-blocks-source:has(.view-empty) {
+  display: none;
+}
+
+/* ============================================================
+   PAGER
+   ============================================================ */
+
+nav.pager {
+  display: flex;
+  justify-content: space-around;
+}
+
+/* ============================================================
+   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: #fff;
+  color: var(--color--white);
   font-family: var(--font-serif) !important;
 }
-.newspaper-browse a {
-  text-decoration: none;
+/*mirador colors*/
+.MuiSvgIcon-root {
+  fill: var(--color--upei-red) !important;
 }
-.tl-slider-container-mask {
-  background: #f8f8f8;
-  border: 1px solid #ccc;
-  border-top: 0;
-}
-.tl-text {
-  background: #fff;
-  border: 1px solid #ccc;
+
+.mirador16.mirador15 {
+  border-top: 2px solid var(--color--upei-red) !important;
 }
-button.tl-menubar-button {
-  color: #737373;
+.MuiTab-textColorPrimary.Mui-selected {
+  color: var(--color--upei-red) !important;
 }
-.tl-timenav {
-  border: 1px solid #ccc;
+.mirador27 {
+  border-right: 2px solid var(--color--upei-red) !important;
 }
diff --git a/css/components/islandora_mods.css.bk b/css/components/islandora_mods.css.bk
new file mode 100755
index 0000000..0bef7f4
--- /dev/null
+++ b/css/components/islandora_mods.css.bk
@@ -0,0 +1,417 @@
+/*=====================
+timeline display
+=====================*/
+h3.tl-headline-date {
+  color: #333 !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;
+  /*font-size: 3em !important;*/
+  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-top: 1px solid #e5e5e5;
+  border: 1px solid #ccc;
+  direction: ltr;
+
+  box-shadow: rgba(0, 0, 0, 0.39) 0px 5px 11px -2px;
+}
+.tl-text {
+  border: 1px solid #ccc;
+  padding: 1em !important;
+}
+.tl-text p {
+  color: #333;
+}
+.tl-text h2.tl-headline {
+  font-size: 2rem;
+}
+.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;
+}
+h2.tl-headline {
+  color: #333 !important;
+}
+h2.tl-headline:hover {
+  color: #fff !important;
+}
+/* ============================================================
+   Browse page
+   ============================================================ */
+
+.newspaper-browse .views-row {
+  display: flex;
+  align-items: center;
+  gap: 1em;
+  border-bottom: 1px solid #ccc;
+  padding-bottom: 2em;
+  margin-block: 2em;
+  h3 {
+    margin: 0 0 0.5em;
+  }
+  .views-field-thumbnail__target-id {
+    width: 150px; /* whatever fixed width you want */
+    flex-shrink: 0; /* prevents the image from shrinking */
+  }
+  .views-field-title {
+    flex: 1; /* takes up all remaining space */
+    min-width: 0; /* prevents text overflow issues */
+  }
+}
+.views-view-newspaper-issues {
+  /* display: flex; */
+  border: 1px solid #ccc;
+  padding: 0.5em;
+  display: inline-block;
+  background: #f5f5f5;
+  .views-row {
+  }
+}
+
+details.views-view-newspaper-group li.views-row {
+  display: flex;
+}
+details.views-view-newspaper-group {
+}
+
+ul.views-view-newspaper-issues
+  .views-field-field-media-use
+  .field-content:after {
+  content: " :  ";
+}
+ul.views-view-newspaper-issues .views-field-field-media-use .field-content {
+  width: 10em;
+}
+
+/* ============================================================
+   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: 0.5em 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;
+}
+
+div#block-olivesnews-solrsearchcontentsearchresultspagerforpage {
+  margin: 0;
+}
+
+div#block-olivesnews-content .view-header {
+  margin: 0;
+}
+/* ============================================================
+   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;
+  /* width: 100%; */
+}
+
+.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: #691803;
+}
+
+/* ============================================================
+   SITE HEADER
+   ============================================================ */
+
+div#block-olivesnews-site-branding {
+  background: #333;
+}
+
+.site-header__initial {
+  background: #000;
+}
+
+.social-bar {
+  background-image: url(../../images/natural_paper.png);
+}
+/* ============================================================
+   Directory
+   ============================================================ */
+.newspaper-directory .views-row {
+  border-bottom: 1px solid #ccc;
+  margin-bottom: 1em;
+  strong {
+    font-family: var(--font-serif);
+    font-size: var(--font-size-base);
+    a {
+      text-decoration: none;
+    }
+  }
+  p {
+    margin-left: 1em;
+  }
+}
+
+/* ============================================================
+   Accordion pages
+   ============================================================ */
+.form-item-field-edtf-date-issued-value label.form-item__label {
+  font-family: var(--font-serif);
+  font-size: var(--font-size-base);
+}
+.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%;
+}
+.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: 0.5em 1em;
+  max-width: 604px;
+  margin: 2em 0 2em;
+  background: #f6f8f8;
+  background-color: #f5f5f5;
+}
+/*main strip*/
+.accordion--periodicals details summary {
+  background-color: #d3d3d3;
+  font-family: var(--font-serif);
+  font-size: var(--font-size-base);
+  padding: 1em;
+  border: 1px solid #a9a9a9;
+}
+/*sub-strip*/
+.accordion--periodicals .views-view-newspaper-group summary {
+  background-color: #f5f5f5;
+  border: 1px solid #ccc;
+  margin-bottom: 4px;
+}
+.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: 0.8em;
+  display: inline-block;
+}
+.accordion--periodicals ul li {
+  list-style-type: none;
+  a {
+    text-decoration: none;
+  }
+}
+ul.views-view-newspaper-issues {
+  columns: 3;
+}
+/* ============================================================
+   BROWSE PAGE
+   ============================================================ */
+.view-newspaper-directory img {
+  border: 1px solid #ccc;
+  padding: 2px;
+  width: 150px;
+}
+.node--type-islandora-object .field {
+  display: flex;
+  border-bottom: 1px dotted #ccc;
+  margin: 0;
+  padding-bottom: 0.5em;
+  margin-bottom: 0.5em;
+
+  .field__label {
+    font-family: var(--font-sans);
+    font-size: var(--font-size-base);
+    flex: 0 0 150px;
+  }
+  .field__item {
+    font-family: var(--font-sans);
+    font-size: var(--font-size-base);
+    flex: 1;
+    line-height: 2;
+    p {
+      margin: 0;
+    }
+  }
+  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;
+    strong {
+      flex: 0 0 155px;
+      /*text-align:right;*/
+    }
+  }
+}
+div#block-views-block-media-display-blocks-source:has(.view-empty) {
+  display: none;
+} /*display: flex;*/
+div#edit-citation-info {
+  margin-right: 1em;
+}
+
+div#formatted-bibliography:has(div) {
+  box-shadow: rgba(0, 0, 0, 0.39) 0px 5px 11px -2px;
+  border: 1px solid #ccc;
+  padding: 1em;
+  margin: 0;
+}
+nav.pager {
+  display: flex;
+  justify-content: space-around;
+}
+div#block-olivesnews-creatorsandcontributors .block__title {
+  line-height: 1;
+}
+/*misc*/
+article .text-content img {
+  border: 1px solid #ccc;
+  padding: 4px;
+}
+#election_dates h2 {
+  margin: 1;
+  padding: 3px 0px 3px 0px;
+  text-align: center;
+  color: #fff;
+  font-family: var(--font-serif) !important;
+}
+.newspaper-browse a {
+  text-decoration: none;
+}
+.tl-slider-container-mask {
+  background: #f8f8f8;
+  border: 1px solid #ccc;
+  border-top: 0;
+}
+.tl-text {
+  background: #fff;
+  border: 1px solid #ccc;
+}
+button.tl-menubar-button {
+  color: #737373;
+}
+.tl-timenav {
+  border: 1px solid #ccc;
+}
diff --git a/css/components/text-content.css b/css/components/text-content.css
index 7b7832e..934616e 100755
--- a/css/components/text-content.css
+++ b/css/components/text-content.css
@@ -10,6 +10,7 @@
  * Text Content.
  */
 
+.text-content p,
 .text-content,
 .cke_editable {
   color: var(--color-text-neutral-medium);
@@ -146,8 +147,8 @@
 @media (min-width: 43.75rem) {
   .text-content,
   .cke_editable {
-    font-size: 1.125rem;
-    line-height: var(--sp2);
+    font-size: var(--sp1);
+    line-height: var(--sp1-5);
   }
 }