From f3616c419213787fa2bbb8b0edb9b476a96cfade Mon Sep 17 00:00:00 2001
From: Jeremy McDermott <jeremy.mcdermott@gmail.com>
Date: Mon, 29 Jul 2024 16:09:46 -0300
Subject: [PATCH] LOYALIST-58 Loyalist Record full display theming

---
 .../src/scss/style.scss                       | 35 +++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/custom/themes/the_loyalist_collection/src/scss/style.scss b/custom/themes/the_loyalist_collection/src/scss/style.scss
index e58026d..0da2513 100644
--- a/custom/themes/the_loyalist_collection/src/scss/style.scss
+++ b/custom/themes/the_loyalist_collection/src/scss/style.scss
@@ -124,3 +124,38 @@ figure {
 li:not(.nav-item):not(.menu-item):not(.facet-item) {
   margin-bottom: $spacer * 0.5;
 }
+
+/* Loyalist Record Display */
+dl.loyalist-record {
+  dd {
+    margin-bottom: $spacer * 1;
+  }
+
+  @media (min-width: 768px) {
+    display: grid;
+    grid-template-columns: auto auto;
+
+    dt {
+      padding: $spacer * 0.75 $spacer * 0.5;
+
+      &.visually-hidden {
+        position: relative!important;
+      }
+    }
+
+    dd {
+      padding: $spacer * 0.75 $spacer * 0.5;
+      padding-left: $spacer * 1.5;
+      margin-bottom: 0;
+
+      p:last-child{
+        margin-bottom: 0;
+      }
+    }
+
+    dt:nth-of-type(2n),
+    dd:nth-of-type(2n) {
+      background: $striping-color;
+    }
+  }
+}