From d996d6f307440a55dec8164b0ae66edc330d0fd5 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Tue, 30 Nov 2021 11:35:12 +0100
Subject: [PATCH] header

---
 web/themes/custom/eql/css-compiled/styles.css | 34 ++++++++++++-------
 web/themes/custom/eql/scss/pages/_home.scss   | 15 +++++---
 .../custom/eql/scss/partials/_header.scss     |  1 +
 3 files changed, 33 insertions(+), 17 deletions(-)

diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css
index 64a72ba..e27be95 100644
--- a/web/themes/custom/eql/css-compiled/styles.css
+++ b/web/themes/custom/eql/css-compiled/styles.css
@@ -299,16 +299,22 @@ a {
       width: 100vw;
       height: auto; }
   .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche {
-    grid-column: 3 /span 3;
-    grid-row: 1 / span 3;
+    grid-column: 2 /span 3;
+    grid-row: 2 / span 3;
     font-size: 6rem;
-    font-weight: 800; }
+    font-weight: 800;
+    color: #009ee3;
+    margin: 0; }
+    .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche p {
+      margin: 0; }
   .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title {
-    grid-column: 2;
-    grid-row: 1; }
+    grid-column: 4;
+    grid-row: 1;
+    margin-top: 2rem; }
     .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 a {
-      color: #009ee3;
-      font-weight: 900; }
+      color: #e1000f;
+      font-weight: 900;
+      text-transform: uppercase; }
   .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline {
     grid-column: 2;
     grid-row: 4;
@@ -807,12 +813,14 @@ header {
         padding: 1rem; }
       #header-top .region-header-top-left ul .ul1.sous-liste {
         padding-right: 2rem; }
-      #header-top .region-header-top-left ul li a {
-        color: black; }
-      #header-top .region-header-top-left ul li .is-active {
-        color: #009ee3; }
-      #header-top .region-header-top-left ul li :hover {
-        color: #009ee3; }
+      #header-top .region-header-top-left ul li {
+        width: 200px; }
+        #header-top .region-header-top-left ul li a {
+          color: black; }
+        #header-top .region-header-top-left ul li .is-active {
+          color: #009ee3; }
+        #header-top .region-header-top-left ul li :hover {
+          color: #009ee3; }
     #header-top .region-header-top-left ul div:first-child li div {
       display: none; }
     #header-top .region-header-top-left ul div:nth-child(2) li div {
diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss
index 68b512d..bd49b5d 100644
--- a/web/themes/custom/eql/scss/pages/_home.scss
+++ b/web/themes/custom/eql/scss/pages/_home.scss
@@ -44,18 +44,25 @@
                 }
             }
             .field--name-field-accroche{
-                grid-column: 3 /span 3;
-                grid-row: 1 / span 3;
+                grid-column: 2 /span 3;
+                grid-row: 2 / span 3;
                 font-size: 6rem;
                 font-weight: 800;
+                color: $blue-light;
+                p{
+                    margin: 0;
+                }
+                margin: 0;
             }
             .field--name-title{
-                grid-column: 2;
+                grid-column: 4;
                 grid-row: 1;
+                margin-top: 2rem;
                 h2{ 
                     a{
-                        color: $blue-light;
+                        color: #e1000f;
                         font-weight: 900;
+                        text-transform: uppercase;
                     }
                 }
             }
diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss
index dd08797..8b4c974 100644
--- a/web/themes/custom/eql/scss/partials/_header.scss
+++ b/web/themes/custom/eql/scss/partials/_header.scss
@@ -65,6 +65,7 @@ header{
                 padding-right: 2rem;
             }
             li{
+               width: 200px;
                 a {
                     color: $black;
                 }