STYLE Handling secondary logo behaviour

resources/css/blocks/dernieres-dynamiques.css

@@ -147,7 +147,8 @@
       }
     }
     &__title {
-      @apply text-base font-extrabold uppercase pb-8 tracking-widest nunito;
+      @apply uppercase nunito text-xl font-bold pb-8 tracking-widest;
+      letter-spacing: 4px;
     }
     &__show-all {
       @apply text-base font-extrabold uppercase pb-8 tracking-widest nunito text-primary text-center mx-auto block mt-12;

resources/css/components/scroll-top.css

@@ -1,5 +1,5 @@
 button#scroll-top {
-  @apply hidden lg:block fixed lg:bottom-8 lg:right-12 bottom-4 right-4  bg-white border-2 border-solid border-primary text-primary rounded-full p-4 z-50;
+  @apply hidden md:block fixed lg:bottom-8 lg:right-12 bottom-4 right-4  bg-white border-2 border-solid border-primary text-primary rounded-full p-4 z-50;
 
   img {
     @apply h-6 w-6;

resources/css/layout/nav.css

@@ -3,7 +3,32 @@ header {
 }
 
 .website_logo {
-  @apply w-72 h-auto;
+  @apply w-72 h-auto relative;
+
+  #secondary-logo {
+    @apply absolute top-0 left-0 w-full h-auto opacity-0 transition-opacity duration-300 ease-in-out;
+  }
+  &.has-secondary-logo {
+    .custom-logo-link,
+    #secondary-logo {
+      @apply transition-opacity duration-300 ease-out;
+    }
+    .custom-logo-link {
+      @apply opacity-100;
+    }
+    #secondary-logo {
+      @apply opacity-0 pointer-events-none;
+    }
+  }
+
+  &.has-secondary-logo:hover {
+    .custom-logo-link {
+      @apply opacity-0;
+    }
+    #secondary-logo {
+      @apply opacity-100;
+    }
+  }
 }
 
 .tools-container {