/* v1.0.1 */ /* MENAA custom site styles. Safe CSS overrides go here. Add targeted, scoped rules only. Avoid aggressive global resets. */ /* --------------------------------------------------------------- TEST SNIPPET Temporarily uncomment the block below to confirm the plugin CSS is loading. You should see a thin red border around the . Re-comment or remove once confirmed. ---------------------------------------------------------------- */ /* body { outline: 2px solid red !important; } */ /* --------------------------------------------------------------- ANNOUNCEMENTS PAGE — Blog grid alignment fix Targets the Elementor Posts/Blog widget on /announcements/ Updated: 2026-06-17 ---------------------------------------------------------------- */ /* Ensure the posts grid is a clean flex/grid layout */ .elementor-posts-container { display: grid !important; grid-template-columns: 1fr !important; gap: 2rem !important; align-items: start !important; } /* Each post card: clean block, consistent padding */ .elementor-post { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; box-sizing: border-box !important; } /* Thumbnail: full width, consistent height, no float */ .elementor-post__thumbnail__link, .elementor-post__thumbnail { display: block !important; width: 100% !important; float: none !important; margin: 0 0 1rem 0 !important; } .elementor-post__thumbnail img { width: 100% !important; height: auto !important; display: block !important; } /* Text content: full width, no overflow issues */ .elementor-post__text { width: 100% !important; float: none !important; padding: 0 !important; } /* Title alignment */ .elementor-post__title { text-align: left !important; margin-bottom: 0.5rem !important; } /* Excerpt alignment */ .elementor-post__excerpt { text-align: left !important; margin-bottom: 0.75rem !important; } /* Date: consistent position below excerpt */ .elementor-post-date, .elementor-post__meta-data { display: block !important; text-align: left !important; margin-top: 0.5rem !important; } /* Remove any rogue floats from the widget wrapper */ .elementor-widget-posts .elementor-widget-container::after { content: ""; display: table; clear: both; }