hero

css/components/islandora_mods.css

@@ -1,3 +1,69 @@
+/*collection grid*/
+
+.grid-item {
+    border: 1px solid rgb(204, 204, 204);
+    padding: 8px;
+    border-radius: 4px;
+    box-shadow: rgba(0, 0, 0, 0.39) 0px 5px 11px -2px;
+}
+
+.grid-item .grid-item__image {
+    margin: 0px;
+    background: rgb(236, 232, 227);
+    overflow: hidden;
+    height: 220px;
+}
+
+.grid-item .grid-item__image img {
+    width: 100%;
+}
+
+.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 .grid-item__title {
+    display: block;
+    padding: 0.5em 0px;
+    line-height: 1.2;
+    margin: 5px 0px 6px;
+    font-weight: bold;
+    border-bottom: 1px dotted rgb(87, 73, 56);
+    font-size: .8em;
+}
+
+.grid-item .grid-item__title a {
+    text-decoration: none;
+    font-family: var(--font-serif);
+    color: rgb(87, 73, 56);
+
+    color: var(--color--upei-red);
+}
+
+.grid-item .views-field-member-of-title {
+    line-height: 1.2;
+}
+
+.grid-item .views-field-member-of-title .field__label {
+    font-size: 0.8em;
+    font-family: var(--font-serif);
+    color: var(--color--upei-red);
+}
+
+.grid-item .views-field-member-of-title .field__item {
+    font-size: 0.9em;
+}
+/*end grid*/
 div#block-olivesnews-site-branding {
     background: #333;
 }