/* blog/blog.css */

/* Banner Section Styling */
.blog-banner {
    /* Background image must be added to your images/ folder (e.g., blog-hero.jpg) */
    background: 
        linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), /* Dark overlay */
        url('../images/blog-hero.jpg'); 
    background-size: cover;
    background-position: center;
    min-height: 250px; 
}