/* =====================================================================    CONSULAT LIBAN MARSEILLE — Custom CSS    1) BASE / DESKTOP (all screens)    2) MOBILE HEADER  (max-width: 1024px)  <- hamburger breakpoint    3) MOBILE CONTENT (max-width: 767px)    ===================================================================== */ /* =====================================================================    1) BASE / DESKTOP    ===================================================================== */ /* ---------- Typography ---------- */ p { line-height: 24px; } /* ---------- Post meta: hide views / comments / author ---------- */ .post-meta .post-view, .post-meta .post-comments { display: none !important; } .post-meta .entry-author, .post-meta .slash { display: none !important; } /* ---------- Blog list: flex grid ---------- */ .boxed-blog.blog-list { display: flex; flex-wrap: wrap; } .boxed-blog.blog-list > article { display: flex; flex-direction: column; } .boxed-blog.blog-list > article .entry-content { flex: 1; display: flex; flex-direction: column; } /* ---------- Title hover ---------- */ .boxed-blog.blog-list > article .entry-title a { transition: color 0.25s ease; } .boxed-blog.blog-list > article:hover .entry-title a { color: #006622; } /* ---------- "Read more" pseudo (bottom-right, desktop) ---------- */ .boxed-blog.blog-list > article .entry-content p { margin-bottom: 0.5rem; } .boxed-blog.blog-list > article .entry-content::after {   content: "Lire la suite →";   display: inline-block;   align-self: flex-end;   margin-top: auto;   padding: 0;   font-size: 0.875rem;   font-weight: 500;   color: #006622;   cursor: pointer; } /* ---------- Post-icon link button colors (theme hover overlay) ---------- */ .post-icon .icons-media li a {   background-color: rgba(27, 94, 32, 0.85) !important;   color: #fff !important; } .post-icon .icons-media li a:hover {   background-color: #1b5e20 !important;   color: #fff !important; } .post-img .link_overlay:hover {   background-color: rgba(27, 94, 32, 0.7) !important; /* forest green */ } /* ---------- Service feature cards ---------- */ .dima-iconbox.features-box {   position: relative;   transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;   cursor: pointer;   padding: 25px 20px 20px 20px;   border-radius: 0;   border: 2px solid #1b5e20;   background: #fff;   min-height: 260px;   width: 100%;   box-sizing: border-box;   flex-direction: column;   align-items: center;   justify-content: flex-start;   box-shadow: 0 2px 6px rgba(0,0,0,0.08); } .dima-iconbox.features-box:hover {   transform: translateY(-5px);   box-shadow: 0 4px 12px rgba(0, 80, 0, 0.2);   border-color: #055c05; } .features-box:hover .features-title, .features-box:hover .features-title a { color: #055c05 !important; } .ok-row { display: flex; flex-wrap: wrap; align-items: stretch; } .ok-row > [class*="ok-"] > a { width: 100%; height: 100%; display: flex; } .dima-iconbox.features-box .image-cropper {   width: 100%;   height: 120px;   margin: 0 0 20px 0;   display: flex;   align-items: center;   justify-content: center; } .dima-iconbox.features-box .image-cropper img {   max-width: 100px;   max-height: 100px;   width: auto;   height: auto;   object-fit: contain; } .features-title {   min-height: 2.6em;   display: flex;   align-items: center;   justify-content: center;   text-align: center;   font-size: 16px;   line-height: 1.3;   margin: 0;   transition: color 0.3s; } .dima-iconbox.features-box::after {   content: "En savoir plus →";   display: block;   margin-top: 10px;   opacity: 0;   transition: opacity 0.3s;   color: #055c05;   font-size: 13px;   font-weight: 500; } .dima-iconbox.features-box:hover::after { opacity: 1; } .features-box-wrap a, a .dima-iconbox.features-box { text-decoration: none; color: inherit; } /* ---------- Page header / sections ---------- */ .title_container, .title_container .page-section-content, .title_container .page-section {   padding-top: 5px !important;   padding-bottom: 5px !important; } .title_container .undertitle { margin: 0 !important; padding: 0 !important; } .page-section-content { padding: 1em 0 !important; min-height: 30%; } .topaz-line .svg-inline--fa { color: #d32f2f !important; } /* ---------- Media gallery ---------- */ .magnific-gallery .overlay::before { background-color: rgba(27, 94, 32, 0.6) !important; } .magnific-gallery .column-item { padding: 5px; } /* ---------- Links grid (wp-block-list) ---------- */ .post-content .wp-block-list {   list-style: none;   padding: 0;   margin: 0 auto;   display: grid;   grid-template-columns: repeat(2, 1fr);   gap: 20px; } .post-content .wp-block-list li a {   display: flex;   align-items: center;   justify-content: center;   background-color: #fff;   color: #333;   text-decoration: none;   border: 2px solid #1b5e20;   border-radius: 0;   font-size: 16px;   font-weight: 500;   text-align: center;   min-height: 80px;   box-shadow: 0 2px 6px rgba(0,0,0,0.08);   transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s, background-color 0.3s, color 0.3s; } .post-content .wp-block-list li a:hover {   transform: translateY(-5px);   box-shadow: 0 4px 12px rgba(0, 80, 0, 0.2);   border-color: #055c05;   background-color: #fff;   color: #055c05; } /* ---------- Contact form ---------- */ .custom-form { margin: 0 auto; } .custom-form p { margin-bottom: 18px; } .custom-form p:last-child { margin-top: 28px; } .custom-form label { display: block; font-weight: 500; color: #333; font-size: 14px; } .cf-input {   width: 100%;   padding: 10px 12px;   margin-top: 6px;   border: 1px solid #ccc;   border-radius: 4px;   font-size: 15px;   font-family: inherit;   transition: border-color 0.2s, box-shadow 0.2s;   box-sizing: border-box; } .cf-input:focus { outline: none; border-color: #8B0000; box-shadow: 0 0 0 2px rgba(139, 0, 0, 0.15); } textarea.cf-input { min-height: 130px; resize: vertical; } .cf-submit {   width: 100%;   padding: 14px;   background: #8B0000;   color: #fff;   border: 2px solid #8B0000;   border-radius: 4px;   font-size: 15px;   font-weight: 600;   cursor: pointer !important;   transition: all 0.2s;   font-family: inherit; } .cf-submit:hover { background: #6d0000; border-color: #6d0000; color: #fff; } .cf-submit:disabled { opacity: 0.7; } form.wpcf7-form .custom-form input:focus, form.wpcf7-form .custom-form select:focus, form.wpcf7-form .custom-form textarea:focus {   border-color: #8B0000 !important;   box-shadow: 0 0 0 2px rgba(139, 0, 0, 0.15) !important;   -webkit-box-shadow: 0 0 0 2px rgba(139, 0, 0, 0.15) !important;   outline: none !important; } /* ---------- Footer ---------- */ .top-footer { padding-top: 70px; padding-bottom: 40px; } .top-footer .dima-widget .widget { margin-bottom: 10px; } footer.dima-footer { padding: 2vh !important; } /* ---------- Holiday table ---------- */ .wp-block-table { overflow-x: auto; } .wp-block-table table { width: 100%; border-collapse: collapse; font-size: 14px; } .wp-block-table td { padding: 10px 12px; border: 1px solid #e0e0e0; text-align: left; } .wp-block-table tbody tr:first-child { background: #5c0000; color: #fff; font-weight: 600; } /* ---------- Hide comments / reply ---------- */ #respond, #comments { display: none; } /* =====================================================================    SLIDER REVOLUTION (rev_slider_8_1) — base / desktop    ===================================================================== */ .rev-btn:hover, #rev_slider_8_1 .rs-layer.rev-btn:hover { color: #1b5e20 !important; } @media (max-width: 1100px) {   #rev_slider_8_1_wrapper .tparrows { transform: scale(0.65) translateY(-50%) !important; }   #rev_slider_8_1_wrapper .tp-leftarrow  { left: 8px !important; }   #rev_slider_8_1_wrapper .tp-rightarrow { left: auto !important; right: 8px !important; } } #rev_slider_8_1 [id*="-layer-2"] {   display: -webkit-box !important;   -webkit-line-clamp: 2 !important;   -webkit-box-orient: vertical !important;   overflow: hidden !important; } #rev_slider_8_1 [id*="-layer-0"] { -webkit-line-clamp: 2 !important; } /* =====================================================================    2) MOBILE HEADER  (max-width: 1024px)    ===================================================================== */ @media (max-width: 1024px) {   /* switch desktop nav -> mobile (hamburger) nav */   .dima-navbar-wrap.desk-nav { display: none !important; }   .dima-navbar-wrap.mobile-nav,   .dima-navbar-wrap.mobile-nav .dima-navbar { display: block !important; }   .dima-navbar-wrap.mobile-nav .dima-btn-nav { display: inline-block !important; }   .dima-navbar-wrap.mobile-nav nav .dima-nav { display: none; }   /* sub-menu toggle arrow centered */   #menu-premary-1 .dima-sub-toggle {     width: 44px !important;     height: 44px !important;     right: 8px !important;     padding: 0 !important;     position: absolute;   }   #menu-premary-1 .dima-sub-toggle .sub-icon {     position: absolute !important;     top: 50% !important;     left: 50% !important;     transform: translate(-50%, -50%) !important;     margin: 0 !important;     line-height: 1 !important;   }   #menu-premary-1 .dima-sub-toggle .sub-icon::before {     margin: 0 !important;     position: static !important;   }   /* no red on tap/hover */   .dima-navbar,   .dima-navbar   #menu-premary-1 a:hover,   #menu-premary-1 a:hover .dima-menu-span,   #menu-premary-1 .current-menu-item > a,   #menu-premary-1 .current-menu-item > a .dima-menu-span,   #menu-premary-1 .current_page_item > a,   #menu-premary-1 .current_page_item > a .dima-menu-span {     color: #c00000  !important;   }   .wp-block-accordion-heading .wp-block-accordion-heading__toggle-title {     font-size: medium;   } } /* =====================================================================    3) MOBILE CONTENT  (max-width: 767px)    ===================================================================== */ /* ---------- Service cards ---------- */ @media (max-width: 767px) {   .dima-iconbox.features-box {     min-height: auto;     padding: 15px;     flex-direction: column;     text-align: center;     justify-content: center;     align-items: center;     gap: 10px;   }   .dima-iconbox h5.features-title { font-size: 14px; line-height: 1.3em; min-height: auto; }   .dima-iconbox.features-box .image-cropper { width: 80px; height: 80px; margin: 0 auto; flex-shrink: 0; }   .dima-iconbox.features-box .image-cropper img { max-width: 80px; max-height: 80px; }   .dima-iconbox.features-box::after {     content: "→"; position: static; margin: 0; opacity: 1; font-size: 18px; transform: none;   }   .post-content .wp-block-list { grid-template-columns: 1fr; } } /* ---------- Media gallery: 2 columns ---------- */ @media (max-width: 768px) {   .magnific-gallery { display: flex; flex-wrap: wrap; }   .magnific-gallery .column-item { width: 50%; box-sizing: border-box; } } /* ---------- Holiday table -> stacked cards ---------- */ @media (max-width: 767px) {   .wp-block-table table,   .wp-block-table tbody,   .wp-block-table tr,   .wp-block-table td { display: block; width: 100%; }   .wp-block-table tbody tr:first-child { display: none; }   .wp-block-table tr { margin-bottom: 12px; border: 1px solid #5c0000; border-radius: 8px; padding: 6px 12px; }   .wp-block-table td {     border: none !important; padding: 4px 0 !important; margin: 0 !important;     line-height: 1.4 !important; display: flex; justify-content: space-between; gap: 12px;   }   .wp-block-table td::before { font-weight: 600; color: #5c0000; }   .wp-block-table td:nth-child(1)::before { content: "N°"; }   .wp-block-table td:nth-child(2)::before { content: "Jour"; }   .wp-block-table td:nth-child(3)::before { content: "Date"; }   .wp-block-table td:nth-child(4)::before { content: "Jours"; }   .wp-block-table td:nth-child(5)::before { content: "Fête"; } } /* ---------- Slider Revolution: locked height, stacked layers ---------- */ @media (max-width: 767px) {   #rev_slider_8_1_forcefullwidth,   #rev_slider_8_1_wrapper,   #rev_slider_8_1,   #rev_slider_8_1 rs-slides,   #rev_slider_8_1 rs-slide,   .rs-fw-forcer { height: 340px !important; min-height: 340px !important; max-height: 340px !important; }   #rev_slider_8_1 rs-slide {     display: flex !important; flex-direction: column !important; justify-content: center !important;     padding: 0 20px !important; box-sizing: border-box !important; overflow: hidden !important;   }   #rev_slider_8_1 rs-sbg-px { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; }   #rev_slider_8_1 rs-sbg,   #rev_slider_8_1 rs-sbg-wrap { width: 100% !important; height: 100% !important; }   #rev_slider_8_1 rs-sbg canvas {     width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important;   }   #rev_slider_8_1 rs-layer-wrap {     position: relative !important; top: auto !important; left: auto !important;     transform: none !important; width: 100% !important; margin: 0 0 8px !important;   }   #rev_slider_8_1 rs-layer-wrap:has([id*="-layer-2"]) { order: 1; }   #rev_slider_8_1 rs-layer-wrap:has([id*="-layer-0"]) { order: 2; }   #rev_slider_8_1 rs-layer-wrap:has([id*="-layer-1"]) { order: 3; }   #rev_slider_8_1 rs-layer-wrap:has([data-type="shape"]) {     position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important;     margin: 0 !important; order: 0;   }   #rev_slider_8_1 [id*="-layer-2"] { font-size: 22px !important; line-height: 27px !important; width: 100% !important; margin-bottom: 4px !important; }   #rev_slider_8_1 [id*="-layer-0"] { font-size: 14px !important; line-height: 20px !important; width: 100% !important; }   #rev_slider_8_1 .rev-btn { font-size: 13px !important; line-height: 1 !important; padding: 9px 22px !important; width: auto !important; margin-top: 8px !important; }   #rev_slider_8_1_wrapper .tparrows { display: none !important; } } /* ---------- "Annonces" heading + spacing ---------- */ @media (max-width: 767px) {   .home-annonce { font-size: 26px !important; }   h2.dima-custom-heading + .dima-clear { padding-bottom: 8px !important; }   .post-content p { margin: 0 !important; }   h1, h2, h3, h4, h5, h6,   .title_container.start-style h1,   .title_container.center-style h1,   .boxed-blog article .post-content .single-post-title,   .boxed-blog .post .post-content .single-post-title { margin-bottom: 0 !important; } } /* ---------- News cards: horizontal layout (image left, text right) ---------- */ @media (max-width: 767px) {   .boxed-blog.blog-list {     gap: 6px;     padding-top: 16px !important;     padding-left: 0 !important;     padding-right: 0 !important;     margin-left: 0 !important;     margin-right: 0 !important;   }   .boxed-blog.blog-list > article,   .boxed-blog.blog-list .post {     margin: 0 0 6px 0 !important;     padding: 0 !important;     width: 100% !important;     display: grid !important;     grid-template-columns: 40% 1fr;     grid-template-rows: 1fr auto;     grid-template-areas:       "img content"       "img meta";     height: 168px;     background: #fff;     border: 1px solid #efefef;     border-radius: 0;     box-shadow: none;     overflow: hidden;     position: relative;     cursor: default;   }   .boxed-blog.blog-list > article .post-img,   .boxed-blog.blog-list > article .post-feature,   .boxed-blog.blog-list > article .entry-thumb { position: static !important; }   .boxed-blog.blog-list > article .entry-thumb::after {     content: "";     position: absolute;     inset: 0;     z-index: 1;     cursor: default;   }   .boxed-blog.blog-list > article .box,   .boxed-blog.blog-list > article .box-bg-color,   .boxed-blog.blog-list > article .post-meta.box {     border: 0 !important; background: transparent !important; box-shadow: none !important;   }   .boxed-blog.blog-list > article .dima-admin-edit { position: absolute; top: 4px; left: 4px; z-index: 6; }   .boxed-blog.blog-list > article .post-img,   .boxed-blog.blog-list > article .post-feature {     grid-area: img; height: 100%; border: 0 !important; padding: 0 !important; margin: 0 !important;   }   .boxed-blog.blog-list > article .post-img .entry-thumb { display: block; height: 100%; }   .boxed-blog.blog-list > article .post-img img {     width: auto !important; height: 100% !important; object-fit: cover; object-position: center !important; display: block;   }   .boxed-blog.blog-list > article .entry-content { grid-area: content; padding: 14px 16px 2px !important; overflow: hidden; }   .boxed-blog.blog-list > article .entry-title { margin: 0 0 6px; }   .boxed-blog.blog-list > article .entry-title a {     position: relative;     z-index: 2;     cursor: pointer;     font-size: 15px;     font-weight: 600;     line-height: 1.2;     color: #222;     display: -webkit-box;     -webkit-line-clamp: 2;     -webkit-box-orient: vertical;     overflow: hidden;   }   .boxed-blog.blog-list > article .entry-content p {     font-size: 13px; line-height: 1.45; color: #555; margin: 0;     display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;   }   .boxed-blog.blog-list > article .entry-content::after { display: none !important; }   .boxed-blog.blog-list > article .post-meta {     grid-area: meta;     padding: 0 16px 14px !important;     display: flex;     align-items: center;     justify-content: space-between;   }   .boxed-blog.blog-list > article .post-meta ul,   .boxed-blog.blog-list > article .post-meta li { margin: 0; padding: 0; list-style: none; border: 0 !important; }   .boxed-blog.blog-list > article .entry-date { color: #888; font-size: 13px; }   .boxed-blog.blog-list > article .post-meta::after {     content: "→";     color: #1b5e20;     font-size: 18px;     font-weight: 600;   }   .boxed-blog.blog-list > article .post-icon.link_overlay { display: none !important; } } /* ---------- Collapse oversized section gaps + show separators ---------- */ @media (max-width: 767px) {   .page-section-content,   .page-section,   .dimacoltable,   .dimacell { min-height: 0 !important; }   .page-section-content { padding: 0.5em 0 !important; }   .no-padding-section { padding: 0 !important; margin: 0 !important; }   .page-section-content:has(hr),   .page-section:has(> .ok-row > [class*="ok-"] > hr) {     padding: 0 !important;     margin: 0 !important;     min-height: 0 !important;   }   .ok-row > [class*="ok-"]:has(> hr) {     padding: 0 !important;     margin: 0 !important;   }   .post-content hr {     border: 0 !important;     border-top: 1px solid #ccc !important;     height: 0 !important;     background: none !important;     margin: 12px 0 !important;   } } /* ---------- Single post: undo the news-card layout ---------- */ @media (max-width: 767px) {   body.single .mini-width > article.post {     display: block !important;     height: auto !important;     border: 0 !important;     overflow: visible !important;   }   body.single .mini-width > article .post-img,   body.single .mini-width > article .post-img img,   body.single .mini-width > article .entry-thumb {     width: 100% !important;     height: auto !important;   }   body.single .mini-width > article .entry-content {     padding: 14px 16px !important;     overflow: visible !important;   }   body.single .mini-width > article .entry-title a {     display: block !important;     -webkit-line-clamp: unset !important;     font-size: 22px !important;     line-height: 1.3 !important;   }   body.single .mini-width > article .post-meta {     display: block !important;     padding: 8px 0 0 !important;   }   body.single .mini-width > article .post-meta::after { content: none !important; }   body.single .mini-width > article .entry-thumb::after { display: none !important; } } /* ---------- Page title + single post spacing ---------- */ @media (max-width: 767px) {   .title_container .undertitle {     font-size: 22px !important;     line-height: 1.25 !important;   } } /* =====================================================================    MISC (all screens)    ===================================================================== */ .wp-block-accordion-heading__toggle-title {   font-size: large;   line-height: 1.15; } .post-content p { margin-bottom: 0; } .post-content .wp-block-accordion { margin-top: 0 !important; } .post-content hr.wp-block-separator {   margin: 10px 0px 10px !important;   padding: 0px !important; } .dima-navbar-wrap.desk-nav .dima-navbar .logo {   left: 50px !important; } .pp-sep {   border: none;   border-top: 1px solid #ddd;   margin: 12px 0; } /* =====================================================================    SLIDER REVOLUTION — MID SCREEN (768–1024px)    ===================================================================== */ @media (min-width: 768px) and (max-width: 1024px) {   #rev_slider_8_1_forcefullwidth,   #rev_slider_8_1_wrapper,   #rev_slider_8_1,   #rev_slider_8_1 rs-slides,   #rev_slider_8_1 rs-slide,   .rs-fw-forcer { height: 380px !important; min-height: 380px !important; max-height: 380px !important; }   #rev_slider_8_1 rs-slide {     display: flex !important; flex-direction: column !important; justify-content: center !important;     padding: 0 40px !important; box-sizing: border-box !important; overflow: hidden !important;   }   #rev_slider_8_1 rs-sbg-px { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; }   #rev_slider_8_1 rs-sbg,   #rev_slider_8_1 rs-sbg-wrap { width: 100% !important; height: 100% !important; }   #rev_slider_8_1 rs-sbg canvas {     width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important;   }   #rev_slider_8_1 rs-layer-wrap {     position: relative !important; top: auto !important; left: auto !important;     transform: none !important; width: 100% !important; margin: 0 0 10px !important;   }   #rev_slider_8_1 rs-layer-wrap:has([id*="-layer-2"]) { order: 1; }   #rev_slider_8_1 rs-layer-wrap:has([id*="-layer-0"]) { order: 2; }   #rev_slider_8_1 rs-layer-wrap:has([id*="-layer-1"]) { order: 3; }   #rev_slider_8_1 rs-layer-wrap:has([data-type="shape"]) {     position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important;     margin: 0 !important; order: 0;   }   #rev_slider_8_1 [id*="-layer-2"] { font-size: 28px !important; line-height: 34px !important; width: 100% !important; }   #rev_slider_8_1 [id*="-layer-0"] { font-size: 15px !important; line-height: 22px !important; width: 100% !important; }   #rev_slider_8_1 .rev-btn { width: auto !important; margin-top: 12px !important; } } /* =====================================================================    SLIDER REVOLUTION — DESKTOP (1025px+)    ===================================================================== */ @media (min-width: 1025px) {   #rev_slider_8_1 [id*="-layer-0"],   #rev_slider_8_1 [id*="-layer-1"],   #rev_slider_8_1 [id*="-layer-2"] {     margin-left: 70px !important;   }   #rev_slider_8_1_wrapper .tparrows { transition: none !important; }   #rev_slider_8_1_wrapper .tp-leftarrow {     left: 15px !important; right: auto !important;     transform: translateY(-50%) !important;   }   #rev_slider_8_1_wrapper .tp-rightarrow {     left: auto !important; right: 15px !important;     transform: translateY(-50%) !important;   } } /* ---------- Ancien événements list: mobile card fix ---------- */ @media (max-width: 767px) {   .image-in-side.post {     display: grid !important;     grid-template-columns: 40% 1fr;     grid-template-rows: 1fr auto;     grid-template-areas:       "img content"       "img meta";     height: 168px;     overflow: hidden;     border: 1px solid #efefef;     margin-bottom: 6px !important;     position: relative;   }   .image-in-side .post-img,   .image-in-side .post-feature {     grid-area: img; height: 100%; padding: 0 !important; margin: 0 !important;   }   .image-in-side .post-feature a.entry-thumb { display: block; height: 100%; }   .image-in-side .post-feature img {     width: 100% !important; height: 100% !important; object-fit: cover; display: block;   }   .image-in-side .entry-content { grid-area: content; padding: 10px 12px 2px !important; overflow: hidden; }   .image-in-side .entry-title { margin: 0 0 4px; }   .image-in-side .entry-title a {     font-size: 14px; font-weight: 600; line-height: 1.2; color: #222;     display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;   }   .image-in-side .entry-content p {     font-size: 12px; line-height: 1.4; color: #555; margin: 0;     display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;   }   .image-in-side .post-meta {     grid-area: meta; padding: 0 12px 10px !important;     display: flex; align-items: center; justify-content: space-between;   }   .image-in-side .post-meta ul,   .image-in-side .post-meta li { margin: 0; padding: 0; list-style: none; border: 0 !important; }   .image-in-side .entry-date { color: #888; font-size: 12px; }   .image-in-side .post-meta::after { content: "→"; color: #1b5e20; font-size: 18px; font-weight: 600; }   .image-in-side .post-icon.link_overlay { display: none !important; }   .image-in-side .post-meta .post-view,   .image-in-side .post-meta .post-comments { display: none !important; } } /* ---------- Blog list without images (annonces category) ---------- */ @media (max-width: 767px) {   .boxed-blog.blog-list > article:not(:has(.post-img)):not(:has(.post-feature)) {     display: block !important;     height: auto !important;     grid-template-columns: unset !important;     grid-template-areas: unset !important;     border: 1px solid #efefef;     margin-bottom: 6px !important;     padding: 12px 14px !important;     background: #fff;     overflow: visible !important;   }   .boxed-blog.blog-list > article:not(:has(.post-img)):not(:has(.post-feature)) .entry-content {     padding: 0 !important;     grid-area: unset !important;   }   .boxed-blog.blog-list > article:not(:has(.post-img)):not(:has(.post-feature)) .entry-title a {     display: block !important;     -webkit-line-clamp: 3 !important;     font-size: 15px !important;     line-height: 1.3 !important;     color: #222 !important;   }   .boxed-blog.blog-list > article:not(:has(.post-img)):not(:has(.post-feature)) .post-meta {     display: flex !important;     padding: 6px 0 0 !important;     grid-area: unset !important;   }   .boxed-blog.blog-list > article:not(:has(.post-img)):not(:has(.post-feature)) .post-meta::after {     content: "→";     color: #1b5e20;     font-size: 18px;     font-weight: 600;   } } /* ---------- Timeline blog: mobile fix ---------- */ @media (max-width: 767px) {   /* hide the vertical line and timeline dots */   .dima-timeline .h-line,   .dima-timeline .timeline_element_start::before,   .dima-timeline .timeline_element_start::after { display: none !important; }   /* reset timeline wrappers */   .dima-timeline { padding: 0 !important; margin: 0 !important; }   .dima-timeline .timeline_element_start {     display: block !important;     width: 100% !important;     float: none !important;     margin: 0 0 6px !important;     padding: 0 !important;     position: relative !important;     left: auto !important; right: auto !important;   }   /* apply same card layout as news list */   .dima-timeline .timeline_element_start > article {     display: grid !important;     grid-template-columns: 40% 1fr;     grid-template-rows: 1fr auto;     grid-template-areas:       "img content"       "img meta";     height: 168px;     overflow: hidden;     border: 1px solid #efefef;     background: #fff;     position: relative;   }   .dima-timeline article .post-img,   .dima-timeline article .post-feature {     grid-area: img; height: 100%; padding: 0 !important; margin: 0 !important;   }   .dima-timeline article .post-feature a.entry-thumb { display: block; height: 100%; }   .dima-timeline article .post-feature img {     width: 100% !important; height: 100% !important; object-fit: cover; display: block;   }   .dima-timeline article .entry-content { grid-area: content; padding: 10px 12px 2px !important; overflow: hidden; }   .dima-timeline article .entry-title { margin: 0 0 4px; }   .dima-timeline article .entry-title a {     font-size: 14px; font-weight: 600; line-height: 1.2; color: #222;     display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;   }   .dima-timeline article .entry-content p {     font-size: 12px; line-height: 1.4; color: #555; margin: 0;     display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;   }   .dima-timeline article .post-meta {     grid-area: meta; padding: 0 12px 10px !important;     display: flex; align-items: center; justify-content: space-between;   }   .dima-timeline article .post-meta ul,   .dima-timeline article .post-meta li { margin: 0; padding: 0; list-style: none; border: 0 !important; }   .dima-timeline article .entry-date { color: #888; font-size: 12px; }   .dima-timeline article .post-meta::after { content: "→"; color: #1b5e20; font-size: 18px; font-weight: 600; }   .dima-timeline article .post-icon.link_overlay { display: none !important; }   .dima-timeline article .post-meta .post-view,   .dima-timeline article .post-meta .post-comments { display: none !important; } }