fixed the footnote popups

js/js.js

@@ -39,7 +39,13 @@
     Drupal.behaviors.slickSliderInit = {
         attach: function attach(context, settings) {
 
-       $('.lp-slideshow').slick();
+            $('.lp-slideshow').slick({
+                 fade: true,
+  cssEase: 'linear',
+                pauseOnHover: false,
+                autoplay: true,
+                autoplaySpeed: 5000
+            });
         }
     };
 //<a class="see-footnote" id="footnoterefviii_3w9ys6f" href="#footnoteviii_3w9ys6f">viii</a>

src/js/js.js

@@ -39,7 +39,13 @@
     Drupal.behaviors.slickSliderInit = {
         attach: function attach(context, settings) {
 
-       $('.lp-slideshow').slick();
+            $('.lp-slideshow').slick({
+                 fade: true,
+  cssEase: 'linear',
+                pauseOnHover: false,
+                autoplay: true,
+                autoplaySpeed: 5000
+            });
         }
     };
 //<a class="see-footnote" id="footnoterefviii_3w9ys6f" href="#footnoteviii_3w9ys6f">viii</a>

src/scss/_article-pages.scss

@@ -77,30 +77,40 @@ header.article-header {
 //}
 .article-info--wrapper {
 }
-.article {
-    &--contributor {
+.article-header--metadata {
+    .article--contributor {
         font-size: 27px;
         //line-height:36px;
         font-family: 'Libre Baskerville', Georgia, Times New Roman, Serif;
         font-weight: bold;
         font-style: italic;
     }
-    &--contributor__affiliation {
+    .field--name-field-affiliation-string,
+    .article--contributor__affiliation {
         font-size: 18px;
         text-transform: uppercase;
         //line-height:18px;
-        //font-style: italic;
+        font-weight: normal;
+        font-style: normal;
+        font-family: sans-serif;
     }
-    &--type {
+    .article--type {
         font-size: 18px;
         //line-height:18px;
         text-transform: uppercase;
+        a {
+            color: #fff;
+        }
     }
-    &--date-published {
+    .article--date-published {
         font-size: 18px;
         text-transform: uppercase;
         //line-height:18px;
         margin-top: 6px;
+
+        .field__label {
+            display: none;
+        }
     }
 }
 

src/scss/_lp-preview-grid.scss

@@ -3,10 +3,46 @@
 }
 
 .teaser-card {
+    &.green {
+        .teaser-card__category,
+        .teaser-card__icon {
+            background: #226f23;
+        }
+    }
+    &.red {
+        .teaser-card__category,
+        .teaser-card__icon {
+            background: #d22b2e;
+        }
+    }
+    &.blue {
+        .teaser-card__category,
+        .teaser-card__icon {
+            background: #1377ba;
+        }
+    }
+    &.teal {
+        .teaser-card__category,
+        .teaser-card__icon {
+            background: #37868e;
+        }
+    }
+    &.purple {
+        .teaser-card__category,
+        .teaser-card__icon {
+            background: #7201a1;
+        }
+    }
+    &.aqua {
+        .teaser-card__category,
+        .teaser-card__icon {
+            background: #1fe5aa;
+        }
+    }
     box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
     background: #fff;
     margin-bottom: 16px;
-    position:relative;
+    position: relative;
     p {
         padding-bottom: 0;
     }
@@ -16,9 +52,9 @@
     }
     &__title {
         font-family: $serif;
-    font-size: 2.2rem;
-    line-height: 2.8rem;
-    font-weight: 600;
+        font-size: 2.2rem;
+        line-height: 2.8rem;
+        font-weight: 600;
     }
     &__author,
     .field--name-field-affiliation-contributor {
@@ -28,23 +64,20 @@
         padding-top: 4px;
     }
     &__category {
-        background: #226f23;
-        color:#fff;
-        padding: .5rem 1.25rem;
+        color: #fff;
+        padding: 0.5rem 1.25rem;
         text-transform: uppercase;
     }
     &__icon {
         position: absolute;
         top: 0;
         right: 0;
-        background: #226f23;
         padding: 10px;
-        color:#fff;
+        color: #fff;
     }
     img {
         width: 100%;
     }
-
 }
 
 /*====lp article preview cards==================*/