added fontawesome

css/base.css

@@ -305,7 +305,7 @@ button,
   position: relative;
   cursor: pointer;
   border: 0;
-  padding: 8px 10px;
+  padding: 4px 8px;
   line-height: 1.6;
   -webkit-appearance: button;
   background: var(--upei-green);

css/components.css

@@ -80,11 +80,10 @@ ul.page-tabs {
 
 .page-tabs li a {
   font-family: var(--tabs-font);
-font-optical-sizing: auto;
+  font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
-  font-variation-settings:
-    "wdth" 75;
+  font-variation-settings: "wdth" 75;
   background-color: var(--page-tab-bg-color);
   color: var(--page-tab-text-color);
   padding: 0.5rem 1rem;
@@ -183,14 +182,35 @@ ul.inline li a {
   padding: 12px 0;
 }
 .pager__item a {
-  padding: 8px 14px;
+  padding: 4px 8px;
   color: #fff;
-  background: var(--dark);
+  color: var(--upei-green);
+  /*background: var(--dark);*/
+  border: 1px solid var(--upei-green);
+  border-radius: 5px;
+  font-family: var(--tabs-font);
+  font-optical-sizing: auto;
+  /*font-weight: 300;*/
+  font-style: normal;
+  /*font-variation-settings: "wdth" 75;*/
 }
 .pager__item a:hover,
-.pager__item.is-active a {
+.pager__item.is-active a,
+.pager__link--is-active {
   background: var(--primary);
+  background: var(--upei-green);
+  text-decoration: none !important;
+  color: #fff;
+}
+.pager__item a.pager__link--is-active {
+  color: #fff;
+  text-decoration: none !important;
+}
+.pager__link--is-active a {
+  text-decoration: none !important;
+
   color: #fff;
+  /*border: solid 2px #0d77b5;*/
 }
 /* vertical Tabs */
 .vertical-tabs__panes {

css/islandora_mods.css

@@ -62,10 +62,26 @@ form#views-exposed-form-solr-search-content-block-1 {
   }
 }
 div#block-views-block-oai-pmh-item-links-block-1 .field-content {
-    display: flex;
-    a:first-child:after {
+  display: flex;
+  a:first-child:after {
     content: " |";
     margin-right: 4px;
     /*padding-right: 4px;*/
   }
 }
+/*collection grid*/
+.view-grid {
+  /*display: none;*/
+  display: flex;
+  flex: wrap;
+  justify-content: space-between;
+  .views-row {
+    /*display: none;*/
+    width: 32%;
+    padding-bottom: 18%; /* 32:18, i.e. 16:9 */
+    margin-bottom: 2%; /* (100-32*3)/2 */
+  }
+}
+.advanced_search_result_pager .pager__group {
+  justify-content: flex-start;
+}

vre2024.info.yml

@@ -7,7 +7,7 @@ starterkit: true
 core_version_requirement: ^9 || ^10
 libraries:
   - vre2024/global-styling
-  #- vre2024/fontawesome4
+  - vre2024/fontawesome4
   #- vre2024/fontawesome5
   #- vre2024/bootstrap-icons
 regions: