header

web/themes/custom/colloque2024/css/components/header/header.scss

@@ -31,13 +31,20 @@ header{
         z-index: 10000;
       }
     }
-    #block-colloque2024-renderedsitesettingsblock-2{
-      width: 35%;
-      border-left: 1px solid $color1;
+    #block-colloque2024-logoepau{
+      margin-right: 2rem;
+    }
+    #block-renderedsitesettingsblock-2{
+      width: 25%;
+      border-left: 1px solid black;
       padding: 0;
-      display: none;
+      // display: none;
+      justify-content: end;
       a{
         display: flex;
+        margin: auto;
+        // align-items: right;
+        margin-left: 20%;
       }
       @media screen and (min-width: 1200px) {
         display: flex;
@@ -45,38 +52,51 @@ header{
       }
       .site_setting_entity{
         display: flex;
-        align-items: center;
-        justify-content: flex-start;
-        padding: 0 1rem 0 0rem;
+        flex-direction: column;
+        // align-items: left;
+        // justify-content: flex-end;
+        // padding: 0 1rem 0 0rem;
         h1{
-          width: 100%;
-          color: $color2;
+          order: 2;
+          width: 60%;
+          color: black;
           padding-right: 1rem;
-          text-transform: uppercase;
-          text-align: right;
-          align-self: stretch;
+          font-size: 2.2rem;
+          // text-transform: uppercase;
+          text-align: left;
+          // align-self: stretch;
           margin: auto 0;
+          line-height: 0.95;
         }
         .__info_colloque{
-          width: 50%;
+          // width: 50%;
+          width: fit-content;
+          order: 1;
           height: auto;
           display: flex;
-          flex-direction: column;
+          flex-direction: row;
           // justify-content: space-between;
           &>div{
             height: auto;
             &:first-child{
-              color: $color1;
+              order: 2;
+              color: black;
               white-space: nowrap;
-              border-bottom: 2px solid $color1;
-              padding-bottom: 0.4rem;
-              margin-bottom: 0.6rem;
+              // border-bottom: 2px solid $color1;
+              font-family: "Mariannebold";
+              text-transform: uppercase;
+              padding-left: 0.5rem;
+              // padding-bottom: 0.4rem;
+              // margin-bottom: 0.6rem;
             }
             &:last-child{
-                color: $color2;
-                padding-right: 10px;
+              order: 1;
+                color: black;
+                // padding-right: 10px;
                 width: min-content;
                 margin-bottom: 0;
+                text-transform: uppercase;
+
             }
           }
         }
@@ -84,7 +104,6 @@ header{
     }
     #block-colloque2024-mainnavigation{
       width: max-content;
-      
       .burger{
         padding-top: 0.25rem;
         z-index: 9999;
@@ -98,6 +117,8 @@ header{
             flex-wrap: wrap;
             li{
               margin: 0 0.5rem;
+              font-size: 1.3rem !important;
+
               &:not(:last-child){
                 &:after{
                   display: inline-block;
@@ -164,7 +185,7 @@ header{
 }
 
 #block-colloque2024-mainnavigation{
-  border-left: 1px solid black;
+  // border-left: 1px solid black;
   display: flex;
   align-items: center;
   justify-content: flex-end;