STYLE refining secondary nav padding and network redirector

header.php

@@ -32,13 +32,13 @@
 							'fallback_cb'     => false,
 						)
 					); ?>
+					<div class="network-redirector">
+						<a href="<?php echo get_site_url(2); ?>">
+							Revue Dynamiques
+						</a>
+					</div>
 				</div>
 
-				<div class="dynamiques-redirector">
-					<a href="<?php echo get_site_url(2); ?>">
-						Revue Dynamiques
-					</a>
-				</div>
 
 			</div>
 			<div class="primary-menu-container lg:flex lg:justify-between lg:items-center">

resources/css/base/typography.css

@@ -52,9 +52,13 @@ body.wp-admin h6:not(.editor-visual-editor h6) {
 }
 
 .title-small {
-  @apply text-base mb-6 font-bold tracking-wider uppercase nunito;
+  @apply text-xl mb-6 font-bold tracking-wider uppercase nunito;
 }
 
 .subtitle-big {
-  @apply text-7xl font-normal uppercase fjalla pb-6;
+  @apply text-6xl font-normal uppercase fjalla pb-6;
+  line-height: 1.3;
+  text-rendering: geometricPrecision;
+  font-weight: 100 !important;
 }
+ 

resources/css/blocks/dernieres-dynamiques.css

@@ -1,5 +1,5 @@
 .block-dernieres-dynamiques {
-  @apply bg-primary text-white  pt-20;
+  @apply bg-primary text-white  pt-20 px-12;
   overflow: visible !important;
 
   &__inner {
@@ -10,7 +10,7 @@
     @apply flex items-end justify-between gap-8 uppercase text-4xl mb-12;
 
     .block-title {
-      @apply flex grow items-end justify-between gap-8 uppercase text-4xl;
+      @apply flex grow items-end justify-between gap-8 uppercase text-6xl;
       span {
         @apply block shrink-0;
       }
@@ -58,8 +58,9 @@
   }
 
   &__issue-title {
-    @apply text-7xl uppercase pb-12;
+    @apply text-6xl uppercase pb-12;
     line-height: 1.1;
+    font-weight: 100 !important;
   }
   &__issue-content-wrapper {
     @apply grid  gap-12 2xl:gap-24 pb-24;
@@ -106,10 +107,17 @@
       z-index: 2;
     }
   }
-  &__issue-description-title {
-    @apply uppercase nunito text-xl pb-4 font-bold;
-    letter-spacing: 4px;
+
+  &__issue-description,
+  &__issue-parution {
+    @apply mb-12;
+
+    h4.title {
+      @apply uppercase nunito text-xl font-bold pb-2;
+      letter-spacing: 4px;
+    }
   }
+
   &__issue-description {
     @apply text-xl;
   }

resources/css/blocks/revues-precedentes.css

@@ -2,6 +2,12 @@
   @apply bg-carhop-blue-50 py-32;
   .block-revues-precedentes__header {
   }
+  .swiper-controls,
+  .swiper-pagination-fraction,
+  .swiper-pagination {
+    @apply px-12;
+  }
+
   &__inner {
     @apply max-w-screen-2xl mx-auto;
   }
@@ -23,7 +29,7 @@
   }
 
   .card-revue {
-    @apply grid  gap-y-12 2xl:gap-y-16 pb-12 gap-x-12 2xl:gap-x-24;
+    @apply grid gap-y-12 2xl:gap-y-16 pb-12 gap-x-12 2xl:gap-x-24 px-12;
     grid-template-columns: 61.8fr 38.2fr;
 
     .content-meta {

resources/css/layout/nav.css

@@ -149,16 +149,38 @@
   }
 }
 .secondary-menu-container {
-  @apply bg-primary flex justify-between items-center px-8 
+  @apply bg-primary  items-center px-8 py-4 
 	2xl:px-32;
   a {
     @apply text-white;
   }
 
   .secondary-menu-nav {
+    @apply max-w-screen-2xl w-full mx-auto flex justify-between items-center;
     ul {
       @apply flex justify-between gap-4;
     }
+    a {
+      @apply font-medium text-xl;
+    }
+    .network-redirector {
+      a {
+        @apply flex items-center gap-4;
+        &:after {
+          transition: all 0.3s ease-out;
+          @apply w-8 h-8 bg-no-repeat bg-contain bg-center text-xl;
+          filter: invert(1);
+          content: '';
+          background-image: url('../resources/img/carhop-fleche-lien-externe-full.svg');
+          display: inline-block;
+        }
+        &:hover {
+          &:after {
+            @apply translate-x-2 rotate-45;
+          }
+        }
+      }
+    }
   }
 }
 button#burger-menu-toggle {