overflox slide programme

web/themes/custom/colloque2024/css-compiled/components/footer/footer.css

@@ -21,12 +21,17 @@ footer {
       display: block !important; } }
   footer #block-renderedsitesettingsblock-5 {
     max-width: 30%; }
-    @media screen and (max-width: 300px) {
+    @media screen and (max-width: 550px) {
       footer #block-renderedsitesettingsblock-5 {
-        max-width: 100%; } }
+        max-width: 80%; } }
     footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
       display: grid;
       grid-template-columns: 1fr 1fr; }
+      @media (max-width: 992px) {
+        footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
+          display: flex;
+          flex-direction: row;
+          flex-wrap: wrap; } }
       footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(1) {
         grid-column: 1;
         grid-row: 1 / span 3; }

web/themes/custom/colloque2024/css-compiled/index.css

@@ -689,7 +689,7 @@ header #block-colloque2024-mainnavigation ul li {
     display: grid;
     grid-template-columns: repeat(7, 1fr);
     margin: auto; }
-    @media screen and (max-width: 300px) {
+    @media screen and (max-width: 550px) {
       #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity {
         display: flex;
         flex-direction: column; } }
@@ -700,7 +700,7 @@ header #block-colloque2024-mainnavigation ul li {
       grid-column: 1 / span 5;
       grid-row: 2;
       margin-bottom: 2rem; }
-      @media screen and (max-width: 300px) {
+      @media screen and (max-width: 550px) {
         #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(1) {
           font-size: 4.5rem;
           order: 3; } }
@@ -708,7 +708,7 @@ header #block-colloque2024-mainnavigation ul li {
       grid-column: 1 / 4;
       grid-row: 3;
       font-size: 2.5rem; }
-      @media screen and (max-width: 300px) {
+      @media screen and (max-width: 550px) {
         #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) {
           font-size: 1.5rem;
           order: 4; } }
@@ -718,7 +718,7 @@ header #block-colloque2024-mainnavigation ul li {
       font-size: 3.5rem;
       grid-column: 5 / span 7;
       grid-row: 3; }
-      @media screen and (max-width: 300px) {
+      @media screen and (max-width: 550px) {
         #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) {
           font-size: 1.5rem;
           order: 2; } }
@@ -727,7 +727,7 @@ header #block-colloque2024-mainnavigation ul li {
       grid-column: 5 / span 7;
       grid-row: 1;
       font-size: 2rem; }
-      @media screen and (max-width: 300px) {
+      @media screen and (max-width: 550px) {
         #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) {
           font-size: 1.5rem;
           order: 1; } }
@@ -1716,6 +1716,13 @@ https://flickity.metafizzy.co
   flex-direction: row;
   align-items: center;
   position: relative; }
+  @media (max-width: 550px) {
+    #block-colloque2024-views-block-gallerie-block-1 .views section.wrap_head .head,
+    #block-colloque2024-views-block-slide-programme-block-1 .views section.wrap_head .head,
+    #block-colloque2024-views-block-slide-programme-node-intervenant-block-1 .views section.wrap_head .head,
+    #block-colloque2024-views-block-dernieres-publications-block-1 .views section.wrap_head .head,
+    #block-colloque2024-views-block-slide-interviews-block-1 .views section.wrap_head .head {
+      flex-wrap: wrap; } }
   #block-colloque2024-views-block-gallerie-block-1 .views section.wrap_head .head h3,
   #block-colloque2024-views-block-slide-programme-block-1 .views section.wrap_head .head h3,
   #block-colloque2024-views-block-slide-programme-node-intervenant-block-1 .views section.wrap_head .head h3,
@@ -1771,6 +1778,12 @@ https://flickity.metafizzy.co
   height: 100%;
   margin-left: 10px; }
 
+html.sr.js body div.dialog-off-canvas-main-canvas div.layout-container main#mainHome.d-flex.container.home div.layout-content div#content-ontop div div div div#block-colloque2024-views-block-slide-programme-block-1.views-element-container {
+  opacity: 1 !important; }
+
+html.sr.js body div.dialog-off-canvas-main-canvas div.layout-container main#mainHome.d-flex.container.home div.layout-content div#content-ontop div div div article#txt_present {
+  opacity: 1 !important; }
+
 section article.thumbnails.programme {
   border: 1px solid #6f6d7dff;
   width: calc(100% / 4 - 0.5rem * 2);
@@ -2085,12 +2098,17 @@ footer {
       display: block !important; } }
   footer #block-renderedsitesettingsblock-5 {
     max-width: 30%; }
-    @media screen and (max-width: 300px) {
+    @media screen and (max-width: 550px) {
       footer #block-renderedsitesettingsblock-5 {
-        max-width: 100%; } }
+        max-width: 80%; } }
     footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
       display: grid;
       grid-template-columns: 1fr 1fr; }
+      @media (max-width: 992px) {
+        footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
+          display: flex;
+          flex-direction: row;
+          flex-wrap: wrap; } }
       footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(1) {
         grid-column: 1;
         grid-row: 1 / span 3; }

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

@@ -31,13 +31,18 @@ footer{
   }
   #block-renderedsitesettingsblock-5{
     max-width: 30%;
-    @media screen and (max-width: 300px) {
-      max-width: 100%;
+    @media screen and (max-width: 550px) {
+      max-width: 80%;
     }
 
     div.site_setting_entity div.grid{
       display: grid;
       grid-template-columns: 1fr 1fr;
+      @media (max-width: 992px){
+        display: flex;
+        flex-direction: row ;
+        flex-wrap: wrap;
+      }
       div:nth-of-type(1){
         grid-column: 1;
         grid-row: 1 / span 3;

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

@@ -84,6 +84,9 @@
         flex-direction: row;
         align-items: center;
         position: relative;
+        @media  (max-width: 550px) {
+          flex-wrap: wrap;
+        }
         h3{
           display: flex;
           flex-direction: row;
@@ -144,4 +147,13 @@
   width: 100%;
   height: 100%;
   margin-left: 10px;
+}
+
+
+html.sr.js body div.dialog-off-canvas-main-canvas div.layout-container main#mainHome.d-flex.container.home div.layout-content div#content-ontop div div div div#block-colloque2024-views-block-slide-programme-block-1.views-element-container{
+  opacity: 1 !important;
+}
+
+html.sr.js body div.dialog-off-canvas-main-canvas div.layout-container main#mainHome.d-flex.container.home div.layout-content div#content-ontop div div div article#txt_present{
+  opacity: 1 !important;
 }

web/themes/custom/colloque2024/css/pages/front.scss

@@ -206,7 +206,7 @@ header {
     grid-template-columns: repeat(7, 1fr);
     margin: auto;
     // width: 90%;
-    @media screen and (max-width: 300px) {
+    @media screen and (max-width: 550px) {
       display: flex;
       flex-direction: column;
     }
@@ -217,7 +217,7 @@ header {
       grid-column: 1 / span 5;
       grid-row: 2;
       margin-bottom: 2rem;
-      @media screen and (max-width: 300px) {
+      @media screen and (max-width: 550px) {
        font-size: 4.5rem;
        order: 3;
       }
@@ -226,7 +226,7 @@ header {
       grid-column: 1 / 4;
       grid-row: 3;
       font-size: 2.5rem;
-      @media screen and (max-width: 300px) {
+      @media screen and (max-width: 550px) {
         font-size: 1.5rem;
         order: 4;
        }
@@ -237,7 +237,7 @@ header {
       font-size: 3.5rem;
       grid-column: 5 / span 7;
       grid-row: 3;
-      @media screen and (max-width: 300px) {
+      @media screen and (max-width: 550px) {
         font-size: 1.5rem;
         order: 2;
        }
@@ -247,7 +247,7 @@ header {
       grid-column: 5 / span 7;
       grid-row: 1;
       font-size: 2rem;
-      @media screen and (max-width: 300px) {
+      @media screen and (max-width: 550px) {
         font-size: 1.5rem;
         order: 1;
        }