Compiled css

agaric/css/agaric.css

@@ -9618,11 +9618,19 @@ a#main-content + article {
 }
 
 .gin--horizontal-toolbar .section:has(#block-agarica-local-tasks) {
-  padding-bottom: 0;
+  padding-block: 0;
 }
 .gin--horizontal-toolbar article[data-history-node-id] {
   margin-top: 0 !important;
 }
+.gin--horizontal-toolbar:has([data-history-node-id]):has(.hero-main) .section:has(#block-agarica-local-tasks) {
+  position: absolute;
+  z-index: 999;
+  padding-top: 1rem;
+}
+.gin--horizontal-toolbar:has([data-history-node-id]):has(.hero-main) .section:has(#block-agarica-local-tasks) ul li a {
+  color: white;
+}
 
 .content .image {
   margin: 0;
@@ -10050,8 +10058,8 @@ ion-icon {
 }
 
 .is-fixed {
-  position: fixed;
-  top: var(--drupal-displace-offset-top, 0px);
+  position: sticky;
+  top: var(--gin-toolbar-height, 0px);
   left: 0;
   right: 0;
   z-index: 400;
@@ -10736,6 +10744,7 @@ a.teaser:hover .subtitle {
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
+  margin-top: -4rem;
 }
 .hero-main::before {
   position: absolute;
@@ -10745,8 +10754,6 @@ a.teaser:hover .subtitle {
   left: 0;
   height: 11em;
   content: "";
-  background: -webkit-linear-gradient(top, rgb(13, 30, 52) 25%, rgba(13, 30, 52, 0) 100%);
-  background: -moz-linear-gradient(top, rgb(13, 30, 52) 25%, rgba(13, 30, 52, 0) 100%);
   background: linear-gradient(to bottom, rgb(13, 30, 52) 25%, rgba(13, 30, 52, 0) 100%);
 }
 .hero-main a .icon {
@@ -10853,6 +10860,9 @@ a.teaser:hover .subtitle {
   background-color: #FFFFFF;
 }
 
+.hero-project {
+  margin-top: -6rem;
+}
 .hero-project .container .hero-body .title {
   color: currentColor;
   font-size: 2.5rem;