/* Blog Spacing Fix - Direct and Simple */
/* This file removes ALL vacant space between hero and grid sections */

/* Reset hero section completely */
.blog-hero-section {
    padding: 80px 0 0 0 !important;
    margin: 0 !important;
}

.blog-hero-section .container {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.blog-hero-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.blog-hero-content h1 {
    margin-bottom: 15px !important;
}

.blog-hero-content p {
    margin-bottom: 15px !important;
}

.blog-breadcrumb {
    margin: 0 !important;
    padding: 0 !important;
}

/* Reset grid section completely */
.blog-grid-section {
    padding: 40px 0 0 0 !important;
    margin: 0 !important;
    margin-top: 0 !important;
}

.blog-grid-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Force no gap between sections */
section.blog-hero-section {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

section.blog-hero-section + section.blog-grid-section {
    margin-top: 0 !important;
    padding-top: 40px !important;
}

/* Remove any default section spacing */
section {
    margin: 0;
}

section.blog-hero-section,
section.blog-grid-section {
    margin: 0 !important;
}