From 8e1f10c1424254f2e64a6032694a1ecedc10332a Mon Sep 17 00:00:00 2001
From: Ross Trottier <ross@federated.computer>
Date: Wed, 14 Aug 2024 16:34:09 -0600
Subject: [PATCH] sticky ad for articles on mobile

---
 style.css | 30 +++++++++++++++++++++++-------
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/style.css b/style.css
index e5ea9e4..c990b47 100644
--- a/style.css
+++ b/style.css
@@ -700,6 +700,7 @@ SECTIONS
         top: 85px;
         left: 0;
         align-self: start;
+        z-index: -1000;
     }
 }
 
@@ -750,7 +751,26 @@ SECTIONS
     margin-bottom: 2em;
 }
 
+.st-ad-section-long-post-end a,
+.st-ad-section-long-post-end img,
+.st-ad-section-long-post-end video {
+    width: 100%;
+    height: auto;
+    margin-bottom: 1em;
+}
 
+.st-ad-section-long-post-end {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+
+.st-ad-section-long-post-end video,
+.st-ad-section-long-post-end img,
+.st-ad-section-long-post-end a {
+    margin-bottom: 0;
+}
 
 @media (min-width: 760px) {
     .st-ad-section {
@@ -772,7 +792,9 @@ SECTIONS
     }
 
     .st-ad-section-long-post-end {
+        position: relative;
         grid-column: 1 / span 4 !important;
+        z-index: -1000;
     }
 }
 
@@ -825,13 +847,7 @@ SECTIONS
     height: auto;
 }
 
-.st-ad-section-long-post-end a,
-.st-ad-section-long-post-end img,
-.st-ad-section-long-post-end video {
-    width: 100%;
-    height: auto;
-    margin-bottom: 1em;
-}
+
 
 /*
 ============================