/* BMH-INLINE-CSS: moved from home/index.blade.php */ /* BMH CONTAINER ALIGNMENT — CATEGORY BOX WIDTH FIX VISUAL WIDTH / ALIGNMENT ONLY NO CARD / DATA / NAVIGATION CHANGES */ /* Keep full-width section backgrounds intact. Align the visible category surfaces to the existing centered container. */ .bmh-home .bmh-social-row > .bmh-container, .bmh-home .bmh-priority-category-box > .bmh-container, .bmh-home .bmh-popular-media-v2 > .bmh-container, .bmh-home #bmh-home-media-explore > .bmh-container { box-sizing: border-box !important; } /* The four lower category boxes already live inside .bmh-container. Keep their existing geometry; only ensure the row fills that container. */ .bmh-home .bmh-container > .bmh-category-media-row { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin-left: 0 !important; margin-right: 0 !important; } /* Prevent any child visual surface from escaping its centered container. */ .bmh-home .bmh-social-row > .bmh-container > .bmh-social-head, .bmh-home .bmh-social-row > .bmh-container > .bmh-social-track, .bmh-home .bmh-priority-category-box > .bmh-container > .bmh-section-head, .bmh-home .bmh-priority-category-box > .bmh-container > .bmh-category-source-grid, .bmh-home .bmh-popular-media-v2 > .bmh-container > .bmh-section-head, .bmh-home #bmh-home-media-explore > .bmh-container > .bmh-section-head { max-width: 100% !important; box-sizing: border-box !important; } /* BMH DESKTOP SIX-COLUMN GRID — CARD FILL ONLY DESKTOP/LAPTOP CARD GRID ONLY MOBILE LAYOUT UNCHANGED NO DATA / TEXT / LOGO / NAVIGATION / BOX WIDTH CHANGES */ /* Desktop + laptop: use the available row space with 6 cards */ @media (min-width: 768px) { .bmh-home .bmh-category-source-grid, .bmh-home .bmh-social-track { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } /* Regional + Indian Bengali grids have inline 5-column rules */ .bmh-home .bmh-local-regional-home-grid, .bmh-home .bmh-indian-bengali-home-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } } /* Keep mobile exactly at the existing 3-column layout */ @media (max-width: 767px) { .bmh-home .bmh-category-source-grid, .bmh-home .bmh-social-track { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .bmh-home .bmh-local-regional-home-grid, .bmh-home .bmh-indian-bengali-home-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } /* * BMH — NAVY SOFT DECORATIVE DIVIDER MASTER * Unified premium divider for all homepage category sections. */ .bmh-home section.bmh-social-row, .bmh-home section.bmh-popular-media-v2, .bmh-home section.bmh-priority-category-box, .bmh-home .bmh-category-media-row, .bmh-home #bmh-home-media-explore { position: relative !important; border-top: 0 !important; overflow: visible !important; } /* Soft navy-to-white elegant divider */ .bmh-home section.bmh-social-row::before, .bmh-home section.bmh-popular-media-v2::before, .bmh-home section.bmh-priority-category-box::before, .bmh-home .bmh-category-media-row::before, .bmh-home #bmh-home-media-explore::before { content: "" !important; position: absolute !important; top: -1px !important; left: 8.5% !important; right: 8.5% !important; height: 2px !important; background: linear-gradient( to right, transparent 0%, rgba(15, 35, 60, 0.10) 12%, rgba(15, 35, 60, 0.55) 30%, #18324d 50%, rgba(15, 35, 60, 0.55) 70%, rgba(15, 35, 60, 0.10) 88%, transparent 100% ) !important; border-radius: 999px !important; box-shadow: 0 1px 3px rgba(15, 35, 60, 0.08) !important; pointer-events: none !important; } /* Remove center ornament completely */ .bmh-home section.bmh-social-row::after, .bmh-home section.bmh-popular-media-v2::after, .bmh-home section.bmh-priority-category-box::after, .bmh-home .bmh-category-media-row::after, .bmh-home #bmh-home-media-explore::after { content: none !important; display: none !important; } @media (max-width: 767px) { .bmh-home section.bmh-social-row::before, .bmh-home section.bmh-popular-media-v2::before, .bmh-home section.bmh-priority-category-box::before, .bmh-home .bmh-category-media-row::before, .bmh-home #bmh-home-media-explore::before { left: 16px !important; right: 16px !important; } } } /* * ============================================================ * BMH — ONE MASTER CATEGORY VISUAL SYSTEM * * ALL HOMEPAGE CATEGORY OUTER CONTAINERS USE ONE DESIGN. * * CONTENT / DATA / CARD GRID / LANGUAGE / ROUTES UNCHANGED. * ============================================================ */ /* ============================================================ 1. ONE MASTER OUTER CATEGORY BOX ============================================================ */ .bmh-home section.bmh-social-row, .bmh-home section.bmh-popular-media-v2, .bmh-home section.bmh-priority-category-box, .bmh-home .bmh-category-media-row, .bmh-home #bmh-home-media-explore { position: relative !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 18px 0 20px !important; padding: 16px !important; box-sizing: border-box !important; background: #ffffff !important; border: 1px solid #e4e8ee !important; border-top: 0 !important; border-radius: 16px !important; box-shadow: 0 5px 18px rgba(15, 23, 42, 0.06) !important; overflow: visible !important; align-self: stretch !important; } /* ============================================================ 2. ONE MASTER NAVY DIVIDER ============================================================ */ .bmh-home section.bmh-social-row::before, .bmh-home section.bmh-popular-media-v2::before, .bmh-home section.bmh-priority-category-box::before, .bmh-home .bmh-category-media-row::before, .bmh-home #bmh-home-media-explore::before { content: "" !important; position: absolute !important; top: -1px !important; left: 8.5% !important; right: 8.5% !important; height: 2px !important; background: linear-gradient( to right, transparent 0%, rgba(15, 35, 60, 0.10) 12%, rgba(15, 35, 60, 0.55) 30%, #18324d 50%, rgba(15, 35, 60, 0.55) 70%, rgba(15, 35, 60, 0.10) 88%, transparent 100% ) !important; border-radius: 999px !important; box-shadow: 0 1px 3px rgba(15, 35, 60, 0.08) !important; pointer-events: none !important; } /* NEVER SHOW CENTER ORNAMENT */ .bmh-home section.bmh-social-row::after, .bmh-home section.bmh-popular-media-v2::after, .bmh-home section.bmh-priority-category-box::after, .bmh-home .bmh-category-media-row::after, .bmh-home #bmh-home-media-explore::after { content: none !important; display: none !important; } /* ============================================================ 3. ONE MASTER CATEGORY HEADER ============================================================ */ .bmh-home section.bmh-social-row > .bmh-container > .bmh-social-head, .bmh-home section.bmh-priority-category-box .bmh-social-head, .bmh-home .bmh-category-media-row > div:first-child, .bmh-home section.bmh-popular-media-v2 .bmh-section-head, .bmh-home #bmh-home-media-explore > .bmh-container > .bmh-section-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; width: 100% !important; margin: 0 0 14px !important; padding: 0 0 10px 10px !important; box-sizing: border-box !important; border-left: 4px solid #18324d !important; border-bottom: 1px solid #e7ebf0 !important; } /* ============================================================ 4. ONE MASTER CATEGORY TITLE ============================================================ */ .bmh-home .bmh-social-title, .bmh-home .bmh-section-title, .bmh-home .bmh-section-head h2, .bmh-home .bmh-category-media-row h3 { margin: 0 !important; color: #18324d !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.25 !important; text-decoration: none !important; } /* ============================================================ 5. ONE MASTER "SEE ALL" CONTROL ============================================================ */ .bmh-home .bmh-social-seeall, .bmh-home .bmh-category-media-row .bmh-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-width: 88px !important; height: 34px !important; min-height: 34px !important; margin-left: auto !important; padding: 0 13px !important; box-sizing: border-box !important; border: 1px solid #16a34a !important; border-radius: 999px !important; background: #ffffff !important; color: #16a34a !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; } /* ============================================================ 6. INNER CONTENT STAYS INDEPENDENT ============================================================ */ .bmh-home .bmh-category-source-grid, .bmh-home .bmh-social-track, .bmh-home .bmh-local-regional-home-grid, .bmh-home .bmh-indian-bengali-home-grid { width: 100% !important; box-sizing: border-box !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ============================================================ 7. MOBILE — SAME MASTER SYSTEM ============================================================ */ @media (max-width: 767px) { .bmh-home section.bmh-social-row, .bmh-home section.bmh-popular-media-v2, .bmh-home section.bmh-priority-category-box, .bmh-home .bmh-category-media-row, .bmh-home #bmh-home-media-explore { margin: 14px 0 16px !important; padding: 12px !important; border-radius: 14px !important; } .bmh-home section.bmh-social-row::before, .bmh-home section.bmh-popular-media-v2::before, .bmh-home section.bmh-priority-category-box::before, .bmh-home .bmh-category-media-row::before, .bmh-home #bmh-home-media-explore::before { left: 16px !important; right: 16px !important; } .bmh-home .bmh-social-title, .bmh-home .bmh-section-title, .bmh-home .bmh-section-head h2, .bmh-home .bmh-category-media-row h3 { font-size: 17px !important; } } /* ============================================================ BMH — FINAL UNIFIED ALL-CATEGORY VISUAL SYSTEM ONE OUTER DESIGN FOR EVERY HOMEPAGE CATEGORY CONTENT / DATA / ROUTES / CONTROLLERS / LANGUAGE UNCHANGED ============================================================ */ /* ONE MASTER OUTER BOX */ .bmh-home .bmh-category-media-row, .bmh-home section.bmh-social-row, .bmh-home section.bmh-popular-media-v2, .bmh-home section.bmh-priority-category-box { position: relative !important; display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 18px 0 20px !important; padding: 16px !important; box-sizing: border-box !important; background: #ffffff !important; border: 1px solid #e4e8ee !important; border-top: 0 !important; border-radius: 16px !important; box-shadow: 0 5px 18px rgba(15,23,42,.06) !important; } /* SAME NAVY TOP DIVIDER FOR EVERY CATEGORY */ .bmh-home .bmh-category-media-row::before, .bmh-home section.bmh-social-row::before, .bmh-home section.bmh-popular-media-v2::before, .bmh-home section.bmh-priority-category-box::before { content: "" !important; position: absolute !important; top: -1px !important; left: 8.5% !important; right: 8.5% !important; height: 2px !important; background: linear-gradient( to right, transparent 0%, rgba(15,35,60,.10) 12%, rgba(15,35,60,.55) 30%, #18324d 50%, rgba(15,35,60,.55) 70%, rgba(15,35,60,.10) 88%, transparent 100% ) !important; border: 0 !important; } .bmh-home .bmh-category-media-row::after, .bmh-home section.bmh-social-row::after, .bmh-home section.bmh-popular-media-v2::after, .bmh-home section.bmh-priority-category-box::after { content: none !important; display: none !important; } /* ONE MASTER HEADER STRUCTURE */ .bmh-home .bmh-category-media-row > .bmh-container > .bmh-category-media-content > div:first-child, .bmh-home .bmh-social-row > .bmh-container > .bmh-social-head, .bmh-home .bmh-priority-category-box .bmh-social-head, .bmh-home .bmh-popular-media-v2 .bmh-section-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; width: 100% !important; margin: 0 0 14px !important; padding: 0 0 10px 10px !important; box-sizing: border-box !important; border-left: 4px solid #18324d !important; border-bottom: 1px solid #e7ebf0 !important; } /* ONE MASTER TITLE */ .bmh-home .bmh-category-media-row h3, .bmh-home .bmh-social-title, .bmh-home .bmh-section-title, .bmh-home .bmh-section-head h2 { margin: 0 !important; color: #18324d !important; font-size: 19px !important; line-height: 1.3 !important; font-weight: 900 !important; } /* ONE MASTER SEE-ALL CONTROL */ .bmh-home .bmh-category-media-row .bmh-link, .bmh-home .bmh-social-seeall, .bmh-home .bmh-social-head a.bmh-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-width: 88px !important; height: 34px !important; min-height: 34px !important; margin-left: auto !important; padding: 0 13px !important; box-sizing: border-box !important; border: 1px solid #16a34a !important; border-radius: 999px !important; background: #ffffff !important; color: #16a34a !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; } /* BUT KEEP EVERY CATEGORY ROW FULL WIDTH */ .bmh-home .bmh-category-media-row { width: 100% !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box !important; } /* MOBILE — SAME SYSTEM */ @media (max-width: 767px) { .bmh-home .bmh-category-media-row, .bmh-home section.bmh-social-row, .bmh-home section.bmh-popular-media-v2, .bmh-home section.bmh-priority-category-box { width: 100% !important; max-width: none !important; margin: 14px 0 16px !important; padding: 13px !important; border-radius: 14px !important; } .bmh-home .bmh-category-media-row > .bmh-container > .bmh-category-media-content > div:first-child, .bmh-home .bmh-social-row > .bmh-container > .bmh-social-head, .bmh-home .bmh-priority-category-box .bmh-social-head, .bmh-home .bmh-popular-media-v2 .bmh-section-head { width: 100% !important; gap: 8px !important; padding-left: 8px !important; } .bmh-home .bmh-category-media-row h3, .bmh-home .bmh-social-title, .bmh-home .bmh-section-title, .bmh-home .bmh-section-head h2 { font-size: 17px !important; } } /* ============================================================ BMH — STRUCTURAL CATEGORY UNIFICATION FINAL ALL HOMEPAGE CATEGORY OUTER BOXES SHARE THE SAME STRUCTURE ============================================================ */ /* Every category is now a real full-width section */ .bmh-home section.bmh-category-media-row { position: relative !important; display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 18px 0 20px !important; padding: 16px !important; box-sizing: border-box !important; background: #ffffff !important; border: 1px solid #e4e8ee !important; border-top: 0 !important; border-radius: 16px !important; box-shadow: 0 5px 18px rgba(15,23,42,.06) !important; } /* Same inner content width as the other full-width homepage sections */ .bmh-home section.bmh-category-media-row > .bmh-container { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* Same header structure */ .bmh-home section.bmh-category-media-row > .bmh-container > .bmh-category-media-content > div:first-child { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; width: 100% !important; margin: 0 0 14px !important; padding: 0 0 10px 10px !important; box-sizing: border-box !important; border-left: 4px solid #18324d !important; border-bottom: 1px solid #e7ebf0 !important; } /* Same category title */ .bmh-home section.bmh-category-media-row .bmh-category-media-content h3 { margin: 0 !important; color: #18324d !important; font-size: 19px !important; line-height: 1.3 !important; font-weight: 900 !important; } /* Same green See All pill */ .bmh-home section.bmh-category-media-row .bmh-category-media-content a.bmh-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: auto !important; min-width: 88px !important; height: 34px !important; min-height: 34px !important; margin-left: auto !important; padding: 0 13px !important; box-sizing: border-box !important; border: 1px solid #16a34a !important; border-radius: 999px !important; background: #ffffff !important; color: #16a34a !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; } /* Same navy soft divider */ .bmh-home section.bmh-category-media-row::before { content: "" !important; position: absolute !important; top: -1px !important; left: 8.5% !important; right: 8.5% !important; height: 2px !important; background: linear-gradient( to right, transparent 0%, rgba(15,35,60,.10) 12%, rgba(15,35,60,.55) 30%, #18324d 50%, rgba(15,35,60,.55) 70%, rgba(15,35,60,.10) 88%, transparent 100% ) !important; } .bmh-home section.bmh-category-media-row::after { content: none !important; display: none !important; } /* Inner cards remain untouched */ .bmh-home section.bmh-category-media-row .bmh-category-source-grid { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } /* Mobile keeps exactly the same structural model */ @media (max-width:767px) { .bmh-home section.bmh-category-media-row { width: 100% !important; max-width: none !important; margin: 14px 0 16px !important; padding: 13px !important; border-radius: 14px !important; } .bmh-home section.bmh-category-media-row > .bmh-container > .bmh-category-media-content > div:first-child { width: 100% !important; padding-left: 8px !important; } .bmh-home section.bmh-category-media-row .bmh-category-media-content h3 { font-size: 17px !important; } } /* ============================================================ BMH — FINAL FULL-WIDTH CATEGORY LAYOUT ONE VISUAL SYSTEM — FULL LEFT TO RIGHT FILL ============================================================ */ /* ------------------------------------------------------------ 1. ONE MASTER OUTER BOX FOR ALL HOMEPAGE CATEGORIES ------------------------------------------------------------ */ .bmh-home section.bmh-social-row, .bmh-home section.bmh-popular-media-v2, .bmh-home section.bmh-priority-category-box, .bmh-home section.bmh-category-media-row { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 18px 0 20px !important; padding: 16px !important; box-sizing: border-box !important; background: #ffffff !important; border: 1px solid #e4e8ee !important; border-top: 0 !important; border-radius: 16px !important; box-shadow: 0 5px 18px rgba(15,23,42,.06) !important; } /* ------------------------------------------------------------ 2. THE CONTENT INSIDE EVERY OUTER BOX MUST FILL IT ------------------------------------------------------------ */ .bmh-home section.bmh-social-row > .bmh-container, .bmh-home section.bmh-popular-media-v2 > .bmh-container, .bmh-home section.bmh-priority-category-box > .bmh-container, .bmh-home section.bmh-category-media-row > .bmh-container { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } /* ------------------------------------------------------------ 3. ONE MASTER CATEGORY HEADER ------------------------------------------------------------ */ .bmh-home section.bmh-category-media-row .bmh-category-media-content > div:first-child, .bmh-home section.bmh-priority-category-box .bmh-social-head, .bmh-home section.bmh-popular-media-v2 .bmh-section-head, .bmh-home section.bmh-social-row > .bmh-container > .bmh-social-head { width: 100% !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0 0 14px !important; padding: 0 0 10px 10px !important; box-sizing: border-box !important; border-left: 4px solid #18324d !important; border-bottom: 1px solid #e7ebf0 !important; } /* ------------------------------------------------------------ 4. ONE MASTER TITLE ------------------------------------------------------------ */ .bmh-home section.bmh-category-media-row h3, .bmh-home section.bmh-priority-category-box h2, .bmh-home section.bmh-popular-media-v2 h2, .bmh-home section.bmh-social-row .bmh-social-title { margin: 0 !important; color: #18324d !important; font-size: 19px !important; line-height: 1.3 !important; font-weight: 900 !important; flex: 1 1 auto !important; min-width: 0 !important; } /* ------------------------------------------------------------ 5. ONE MASTER SEE-ALL — ALWAYS RIGHT ------------------------------------------------------------ */ .bmh-home section.bmh-category-media-row a.bmh-link, .bmh-home section.bmh-priority-category-box a.bmh-social-seeall, .bmh-home section.bmh-priority-category-box a.bmh-link, .bmh-home section.bmh-popular-media-v2 a.bmh-social-seeall, .bmh-home section.bmh-popular-media-v2 a.bmh-link, .bmh-home section.bmh-social-row a.bmh-social-seeall, .bmh-home section.bmh-social-row a.bmh-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: auto !important; min-width: 88px !important; height: 34px !important; min-height: 34px !important; margin-left: auto !important; padding: 0 13px !important; box-sizing: border-box !important; border: 1px solid #16a34a !important; border-radius: 999px !important; background: #ffffff !important; color: #16a34a !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; } /* ------------------------------------------------------------ 6. CATEGORY SOURCE GRID — LAPTOP/DESKTOP FULL WIDTH SIX CARDS PER ROW ------------------------------------------------------------ */ .bmh-home .bmh-category-source-grid { display: grid !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 14px !important; align-items: stretch !important; } /* Every source card fills its grid cell */ .bmh-home .bmh-category-source-grid .bmh-category-source-card { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; box-sizing: border-box !important; align-self: stretch !important; } /* Remove fixed card widths that create right-side empty space */ .bmh-home .bmh-category-source-grid .bmh-category-source-card[style] { max-width: none !important; } /* ------------------------------------------------------------ 7. NAVY SOFT DIVIDER — SAME FOR EVERY CATEGORY ------------------------------------------------------------ */ .bmh-home section.bmh-social-row::before, .bmh-home section.bmh-popular-media-v2::before, .bmh-home section.bmh-priority-category-box::before, .bmh-home section.bmh-category-media-row::before { content: "" !important; position: absolute !important; top: -1px !important; left: 8.5% !important; right: 8.5% !important; height: 2px !important; background: linear-gradient( to right, transparent 0%, rgba(15,35,60,.10) 12%, rgba(15,35,60,.55) 30%, #18324d 50%, rgba(15,35,60,.55) 70%, rgba(15,35,60,.10) 88%, transparent 100% ) !important; } .bmh-home section.bmh-social-row::after, .bmh-home section.bmh-popular-media-v2::after, .bmh-home section.bmh-priority-category-box::after, .bmh-home section.bmh-category-media-row::after { content: none !important; display: none !important; } /* ------------------------------------------------------------ 8. LAPTOP — USE THE ENTIRE AVAILABLE CONTENT WIDTH ------------------------------------------------------------ */ @media (min-width: 768px) { .bmh-home .bmh-container { width: 100% !important; max-width: none !important; min-width: 0 !important; } .bmh-home .bmh-category-source-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 14px !important; } .bmh-home .bmh-category-source-card { width: 100% !important; min-width: 0 !important; } } /* ------------------------------------------------------------ 9. MOBILE — RESPONSIVE, NO OVERFLOW ------------------------------------------------------------ */ @media (max-width: 767px) { .bmh-home section.bmh-social-row, .bmh-home section.bmh-popular-media-v2, .bmh-home section.bmh-priority-category-box, .bmh-home section.bmh-category-media-row { width: 100% !important; max-width: none !important; margin: 14px 0 16px !important; padding: 13px !important; border-radius: 14px !important; } .bmh-home .bmh-category-source-grid { width: 100% !important; max-width: none !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; } .bmh-home section.bmh-category-media-row .bmh-category-media-content > div:first-child, .bmh-home section.bmh-priority-category-box .bmh-social-head, .bmh-home section.bmh-popular-media-v2 .bmh-section-head, .bmh-home section.bmh-social-row > .bmh-container > .bmh-social-head { width: 100% !important; padding-left: 8px !important; gap: 8px !important; } .bmh-home section.bmh-category-media-row h3, .bmh-home section.bmh-priority-category-box h2, .bmh-home section.bmh-popular-media-v2 h2, .bmh-home section.bmh-social-row .bmh-social-title { font-size: 17px !important; } .bmh-home section.bmh-category-media-row a.bmh-link, .bmh-home section.bmh-priority-category-box a.bmh-social-seeall, .bmh-home section.bmh-priority-category-box a.bmh-link, .bmh-home section.bmh-popular-media-v2 a.bmh-social-seeall, .bmh-home section.bmh-popular-media-v2 a.bmh-link, .bmh-home section.bmh-social-row a.bmh-social-seeall, .bmh-home section.bmh-social-row a.bmh-link { min-width: 78px !important; height: 32px !important; min-height: 32px !important; padding: 0 10px !important; } } /* ========================================================= PRESS CLUB = MASTER REFERENCE FOUR LOWER CATEGORIES = SAME OUTER / HEADER / GRID SYSTEM TARGET ONLY: business / sports / job-site / bangladesh-embassies ========================================================= */ .bmh-home section.bmh-pressclub-master-category.bmh-category-business, .bmh-home section.bmh-pressclub-master-category.bmh-category-sports, .bmh-home section.bmh-pressclub-master-category.bmh-category-job-site, .bmh-home section.bmh-pressclub-master-category.bmh-category-bangladesh-embassies { position: relative !important; width: 100% !important; max-width: none !important; margin: 18px 0 22px !important; padding: 16px !important; box-sizing: border-box !important; background: #ffffff !important; border: 1px solid #e4e8ee !important; border-top: 0 !important; border-radius: 16px !important; box-shadow: 0 5px 18px rgba(15, 23, 42, 0.06) !important; } /* Same navy soft divider used by the approved master system */ .bmh-home section.bmh-pressclub-master-category.bmh-category-business::before, .bmh-home section.bmh-pressclub-master-category.bmh-category-sports::before, .bmh-home section.bmh-pressclub-master-category.bmh-category-job-site::before, .bmh-home section.bmh-pressclub-master-category.bmh-category-bangladesh-embassies::before { content: "" !important; position: absolute !important; top: -1px !important; left: 8.5% !important; right: 8.5% !important; height: 2px !important; background: linear-gradient( to right, transparent 0%, rgba(15,35,60,.10) 12%, rgba(15,35,60,.55) 30%, #18324d 50%, rgba(15,35,60,.55) 70%, rgba(15,35,60,.10) 88%, transparent 100% ) !important; pointer-events: none !important; } /* Exact Press Club-style header geometry */ .bmh-home section.bmh-pressclub-master-category.bmh-category-business > .bmh-container, .bmh-home section.bmh-pressclub-master-category.bmh-category-sports > .bmh-container, .bmh-home section.bmh-pressclub-master-category.bmh-category-job-site > .bmh-container, .bmh-home section.bmh-pressclub-master-category.bmh-category-bangladesh-embassies > .bmh-container { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .bmh-home section.bmh-pressclub-master-category.bmh-category-business .bmh-category-media-content, .bmh-home section.bmh-pressclub-master-category.bmh-category-sports .bmh-category-media-content, .bmh-home section.bmh-pressclub-master-category.bmh-category-job-site .bmh-category-media-content, .bmh-home section.bmh-pressclub-master-category.bmh-category-bangladesh-embassies .bmh-category-media-content { width: 100% !important; max-width: none !important; } /* Header = icon + title left, See All at far right */ .bmh-home section.bmh-pressclub-master-category .bmh-category-media-content > div:first-child { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; width: 100% !important; margin: 0 0 14px !important; padding: 0 0 10px 10px !important; border-bottom: 1px solid #e7ebf0 !important; border-left: 4px solid var(--bmh-red, #d71920) !important; box-sizing: border-box !important; } .bmh-home section.bmh-pressclub-master-category .bmh-category-media-content > div:first-child h3 { flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; color: var(--bmh-navy, #18324d) !important; font-size: 20px !important; line-height: 1.35 !important; font-weight: 900 !important; } /* See All exactly on the far right */ .bmh-home section.bmh-pressclub-master-category .bmh-category-media-content > div:first-child a.bmh-link { flex: 0 0 auto !important; margin-left: auto !important; margin-right: 0 !important; min-width: 88px !important; height: 34px !important; min-height: 34px !important; padding: 0 13px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid #16a34a !important; border-radius: 999px !important; background: #ffffff !important; color: #16a34a !important; font-weight: 800 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; box-sizing: border-box !important; } /* Full-width source grid — same horizontal rhythm */ .bmh-home section.bmh-pressclub-master-category .bmh-category-source-grid { display: grid !important; width: 100% !important; max-width: none !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .bmh-home section.bmh-pressclub-master-category .bmh-category-source-card { width: 100% !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box !important; } @media (max-width: 767px) { .bmh-home section.bmh-pressclub-master-category .bmh-category-source-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } /* BMH CATEGORY HEADER — REMOVE FULL-HEIGHT VERTICAL DIVIDER */ .bmh-home section.bmh-pressclub-master-category .bmh-category-media-content > div:first-child { border-left: 0 !important; padding-left: 0 !important; } /* Keep only the short red title accent */ .bmh-home section.bmh-pressclub-master-category .bmh-social-title { position: relative !important; display: inline-flex !important; align-items: center !important; gap: 10px !important; } .bmh-home section.bmh-pressclub-master-category .bmh-social-title::before { content: "" !important; display: inline-block !important; width: 4px !important; height: 22px !important; flex: 0 0 4px !important; border-radius: 99px !important; background: var(--bmh-red, #d71920) !important; } /* FOUR LOWER CATEGORIES — SHORT TITLE ACCENTS ONLY */ .bmh-home section.bmh-pressclub-master-category.bmh-category-business .bmh-social-head, .bmh-home section.bmh-pressclub-master-category.bmh-category-sports .bmh-social-head, .bmh-home section.bmh-pressclub-master-category.bmh-category-job-site .bmh-social-head, .bmh-home section.bmh-pressclub-master-category.bmh-category-bangladesh-embassies .bmh-social-head { border-left: 0 !important; padding-left: 0 !important; } /* Red accent */ .bmh-home section.bmh-pressclub-master-category.bmh-category-business .bmh-social-title::before, .bmh-home section.bmh-pressclub-master-category.bmh-category-sports .bmh-social-title::before, .bmh-home section.bmh-pressclub-master-category.bmh-category-job-site .bmh-social-title::before, .bmh-home section.bmh-pressclub-master-category.bmh-category-bangladesh-embassies .bmh-social-title::before { content: "" !important; display: inline-block !important; width: 4px !important; height: 22px !important; flex: 0 0 4px !important; margin-right: 2px !important; border-radius: 99px !important; background: var(--bmh-red, #d71920) !important; box-shadow: 7px 0 0 0 #18324d !important; } /* FINAL — ONLY THE FOUR LOWER CATEGORIES */ .bmh-home section.bmh-pressclub-master-category.bmh-category-business > .bmh-container > .bmh-category-media-content > .bmh-social-head, .bmh-home section.bmh-pressclub-master-category.bmh-category-sports > .bmh-container > .bmh-category-media-content > .bmh-social-head, .bmh-home section.bmh-pressclub-master-category.bmh-category-job-site > .bmh-container > .bmh-category-media-content > .bmh-social-head, .bmh-home section.bmh-pressclub-master-category.bmh-category-bangladesh-embassies > .bmh-container > .bmh-category-media-content > .bmh-social-head { border-left: 0 !important; padding-left: 0 !important; } /* SHORT NAVY + RED ACCENTS — SAME AS THE UPPER SECTIONS */ .bmh-home section.bmh-pressclub-master-category.bmh-category-business .bmh-social-title::before, .bmh-home section.bmh-pressclub-master-category.bmh-category-sports .bmh-social-title::before, .bmh-home section.bmh-pressclub-master-category.bmh-category-job-site .bmh-social-title::before, .bmh-home section.bmh-pressclub-master-category.bmh-category-bangladesh-embassies .bmh-social-title::before { content: "" !important; display: inline-block !important; width: 4px !important; height: 22px !important; flex: 0 0 4px !important; margin-right: 2px !important; border-radius: 99px !important; background: var(--bmh-red, #d71920) !important; box-shadow: -7px 0 0 0 #18324d !important; } /* EXACT FINAL FIX — ONLY BUSINESS / SPORTS / JOB SITE / EMBASSIES */ .bmh-home section.bmh-pressclub-master-category.bmh-category-business > .bmh-container > .bmh-category-media-content > div:first-child, .bmh-home section.bmh-pressclub-master-category.bmh-category-sports > .bmh-container > .bmh-category-media-content > div:first-child, .bmh-home section.bmh-pressclub-master-category.bmh-category-job-site > .bmh-container > .bmh-category-media-content > div:first-child, .bmh-home section.bmh-pressclub-master-category.bmh-category-bangladesh-embassies > .bmh-container > .bmh-category-media-content > div:first-child { border-left: 0 !important; border-left-width: 0 !important; border-left-color: transparent !important; padding-left: 0 !important; } /* Make sure the content wrapper itself cannot create the long line */ .bmh-home section.bmh-pressclub-master-category.bmh-category-business > .bmh-container > .bmh-category-media-content, .bmh-home section.bmh-pressclub-master-category.bmh-category-sports > .bmh-container > .bmh-category-media-content, .bmh-home section.bmh-pressclub-master-category.bmh-category-job-site > .bmh-container > .bmh-category-media-content, .bmh-home section.bmh-pressclub-master-category.bmh-category-bangladesh-embassies > .bmh-container > .bmh-category-media-content { border-left: 0 !important; border-left-width: 0 !important; } /* Short navy bar beside the short red bar */ .bmh-home section.bmh-pressclub-master-category.bmh-category-business .bmh-social-title::before, .bmh-home section.bmh-pressclub-master-category.bmh-category-sports .bmh-social-title::before, .bmh-home section.bmh-pressclub-master-category.bmh-category-job-site .bmh-social-title::before, .bmh-home section.bmh-pressclub-master-category.bmh-category-bangladesh-embassies .bmh-social-title::before { content: "" !important; display: inline-block !important; width: 4px !important; height: 22px !important; flex: 0 0 4px !important; margin-right: 2px !important; border-radius: 99px !important; background: var(--bmh-red, #d71920) !important; box-shadow: -7px 0 0 0 #18324d !important; } /* FOUR LOWER CATEGORIES — STOP HEADER STRETCH */ .bmh-home section.bmh-pressclub-master-category.bmh-category-business .bmh-social-head, .bmh-home section.bmh-pressclub-master-category.bmh-category-sports .bmh-social-head, .bmh-home section.bmh-pressclub-master-category.bmh-category-job-site .bmh-social-head, .bmh-home section.bmh-pressclub-master-category.bmh-category-bangladesh-embassies .bmh-social-head { height: auto !important; min-height: 0 !important; align-self: flex-start !important; flex: 0 0 auto !important; border-left: 0 !important; border-left-width: 0 !important; border-left-color: transparent !important; padding-left: 0 !important; max-height: none !important; } /* Keep the header content-sized inside the category content wrapper */ .bmh-home section.bmh-pressclub-master-category.bmh-category-business .bmh-category-media-content > .bmh-social-head, .bmh-home section.bmh-pressclub-master-category.bmh-category-sports .bmh-category-media-content > .bmh-social-head, .bmh-home section.bmh-pressclub-master-category.bmh-category-job-site .bmh-category-media-content > .bmh-social-head, .bmh-home section.bmh-pressclub-master-category.bmh-category-bangladesh-embassies .bmh-category-media-content > .bmh-social-head { height: auto !important; min-height: 0 !important; max-height: none !important; align-self: flex-start !important; flex: 0 0 auto !important; border-left: 0 !important; } /* Short navy + red title accents only */ .bmh-home section.bmh-pressclub-master-category.bmh-category-business .bmh-social-title::before, .bmh-home section.bmh-pressclub-master-category.bmh-category-sports .bmh-social-title::before, .bmh-home section.bmh-pressclub-master-category.bmh-category-job-site .bmh-social-title::before, .bmh-home section.bmh-pressclub-master-category.bmh-category-bangladesh-embassies .bmh-social-title::before { content: "" !important; display: inline-block !important; width: 4px !important; height: 22px !important; flex: 0 0 4px !important; margin-right: 2px !important; border-radius: 99px !important; background: var(--bmh-red, #d71920) !important; box-shadow: -7px 0 0 0 #18324d !important; } /* FINAL TARGETED FIX — FOUR LOWER CATEGORIES ONLY */ .bmh-home section.bmh-pressclub-master-category.bmh-category-business > .bmh-container > div:first-child, .bmh-home section.bmh-pressclub-master-category.bmh-category-sports > .bmh-container > div:first-child, .bmh-home section.bmh-pressclub-master-category.bmh-category-job-site > .bmh-container > div:first-child, .bmh-home section.bmh-pressclub-master-category.bmh-category-bangladesh-embassies > .bmh-container > div:first-child { border-left: 0 !important; border-left-width: 0 !important; border-left-color: transparent !important; } /* FINAL FIX — REMOVE LONG NAVY CONTAINER BORDER FROM FOUR LOWER CATEGORIES ONLY */ .bmh-home section.bmh-pressclub-master-category.bmh-category-business > .bmh-container, .bmh-home section.bmh-pressclub-master-category.bmh-category-sports > .bmh-container, .bmh-home section.bmh-pressclub-master-category.bmh-category-job-site > .bmh-container, .bmh-home section.bmh-pressclub-master-category.bmh-category-bangladesh-embassies > .bmh-container { border-left: 0 !important; border-left-width: 0 !important; border-left-color: transparent !important; } /* FINAL FIX — FOUR LOWER CATEGORIES — EXACT REFERENCE ACCENT SIZE */ .bmh-home section.bmh-pressclub-master-category.bmh-category-business .bmh-social-title, .bmh-home section.bmh-pressclub-master-category.bmh-category-sports .bmh-social-title, .bmh-home section.bmh-pressclub-master-category.bmh-category-job-site .bmh-social-title, .bmh-home section.bmh-pressclub-master-category.bmh-category-bangladesh-embassies .bmh-social-title { position: relative !important; display: inline-flex !important; align-items: center !important; min-height: 45px !important; padding-left: 24px !important; box-sizing: border-box !important; } .bmh-home section.bmh-pressclub-master-category.bmh-category-business .bmh-social-title::before, .bmh-home section.bmh-pressclub-master-category.bmh-category-sports .bmh-social-title::before, .bmh-home section.bmh-pressclub-master-category.bmh-category-job-site .bmh-social-title::before, .bmh-home section.bmh-pressclub-master-category.bmh-category-bangladesh-embassies .bmh-social-title::before { content: "" !important; position: absolute !important; left: -4px !important; bottom: 0 !important; width: 4px !important; height: 45px !important; background: #18324d !important; border-radius: 0 !important; box-shadow: none !important; } .bmh-home section.bmh-pressclub-master-category.bmh-category-business .bmh-social-title::after, .bmh-home section.bmh-pressclub-master-category.bmh-category-sports .bmh-social-title::after, .bmh-home section.bmh-pressclub-master-category.bmh-category-job-site .bmh-social-title::after, .bmh-home section.bmh-pressclub-master-category.bmh-category-bangladesh-embassies .bmh-social-title::after { content: "" !important; position: absolute !important; left: 10px !important; bottom: 17px !important; width: 4px !important; height: 22px !important; background: #d71920 !important; border-radius: 2px !important; } /* * BMH — HOMEPAGE MEDIA LOGO CLARITY FIX * Scope: homepage media logo rendering only. * No data, category, card, layout or query changes. */ .bmh-home .bmh-popular-media-logo img, .bmh-home .bmh-category-source-logo img, .bmh-home .bmh-social-card-icon img { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; object-fit: contain !important; object-position: center center !important; box-sizing: border-box !important; } /* Keep every logo centered inside its existing visual box */ .bmh-home .bmh-popular-media-logo, .bmh-home .bmh-category-source-logo, .bmh-home .bmh-social-card-icon { display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; } /* Give logos a small breathing area without changing the card design */ .bmh-home .bmh-popular-media-logo img, .bmh-home .bmh-category-source-logo img, .bmh-home .bmh-social-card-icon img { padding: 4px !important; } /* BMH — UNIFIED MEDIA LOGO RENDERING Homepage media/logo cards only. No layout, database, query or content changes. */ .bmh-home .bmh-popular-media-logo, .bmh-home .bmh-category-source-logo, .bmh-home .bmh-social-card-icon { display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; box-sizing: border-box !important; } .bmh-home .bmh-popular-media-logo img, .bmh-home .bmh-category-source-logo img, .bmh-home .bmh-social-card-icon img { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 4px !important; object-fit: contain !important; object-position: center center !important; box-sizing: border-box !important; flex: 0 1 auto !important; }