.page .entry-title {
    display: none;
}
/* 1. Keep the header container but strip all its padding */
.site-header {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. ONLY hide the branding (white title area), NOT the whole header */
.site-branding {
    display: none !important;
}

/* 3. Force the Navigation (Pink Bar) to the very top */
.main-navigation {
    order: -1 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. Fix the Skip Link and Page Margin again */
.skip-link {
    display: none !important;
}

#page, .site {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 5. Special fix for the Admin Bar gap */
/* This pulls the menu up only when the black bar isn't there */
body:not(.logged-in) #page {
    margin-top: 0 !important;
}

/* 4. Target the 'Skip to Content' link again just in case */
.skip-link {
    display: none !important;
}

/* 5. The "Incognito" Fix */
/* This ensures the site looks right when you AREN'T logged in */
body:not(.logged-in) #page {
    margin-top: 0 !important;
}
/* 1. Remove the top padding you found in the site content */
.site-content, 
.attachment.page .site-content {
    padding-top: 0 !important;
}

/* 2. Remove the bottom margin from the navigation menu */
/* We added 20px earlier to 'test' space; let's set it to zero now */
.main-navigation {
    margin-bottom: 0 !important;
}

/* 3. Remove top padding from the main content container */
#primary, 
.site-main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 4. Target the specific article/image container */
.page .entry-header, 
.page .entry-content,
.entry-thumbnail {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* 1. Remove the 'Box' effect and keep everything white */
.page .content-wrapper, 
.page .site-content {
    background-color: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* 2. Break the width limit so content can span the whole screen */
.page .site-content .wrapper, 
.page .content-wrapper .wrapper, 
.page #primary {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Ensure the inner article and blocks aren't restricted */
.page .site-main, 
.page article, 
.page .entry-content {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}

/* 4. Allow your Columns/Groups to hit the very edges */
.wp-block-columns, 
.wp-block-column, 
.wp-block-group, 
.wp-block-cover {
    max-width: 100% !important;
    width: 100% !important;
}
/* 1. Freeze the pink menu bar at the top of the screen */
.main-navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999; /* This ensures it stays on top of the polkadots */
}

/* 2. Push the content down so the menu doesn't cover the top of your banner */
/* You may need to adjust the '60px' depending on the exact height of your menu */
.site-content {
    margin-top: 60px !important;
}

/* 3. Account for the WordPress Admin Bar (the black bar you see when logged in) */
/* This prevents the pink menu from hiding behind your admin controls */
.admin-bar .main-navigation {
    top: 32px;
}

/* 4. Fix for mobile admin bar height */
@media screen and (max-width: 782px) {
    .admin-bar .main-navigation {
        top: 46px;
    }
}
/* 1. Stop the content from overlapping the featured image on single posts */
.single .entry-content, 
.single .entry-header {
    margin-top: 0 !important;
}

/* 2. Target the specific 'pull-up' margin Dara uses */
.single .content-wrapper {
    margin-top: 20px !important; /* This adds a nice gap between the image and title */
}

/* 3. If it's still overlapping, we'll force a gap below the image */
.single .post-thumbnail {
    margin-bottom: 30px !important;
}
/* 1. Remove the redundant Quaternary/Featured Page area */
#quaternary.featured-page-area {
    display: none !important;
}

/* 2. Hide the 'Edit' link footer that is adding extra height to that section */
footer.entry-footer {
    display: none !important;
}

/* 3. Tighten the gap so your custom content sits closer to the actual footer */
.site-content {
    margin-bottom: 0 !important;
}
/* 1. Collapse the Quaternary area (where the 'Home Page' link was) */
#quaternary, 
.featured-page-area {
    display: none !important;
    height: 0 !important;
}

/* 2. Target the Footer Widget area specifically */
.footer-widgets {
    background-color: #ffffff !important; /* Matches your white background */
    padding-top: 0 !important;   /* Removes the internal top padding */
    margin-top: -60px !important; /* The 'Stitch': Pulls the widget UP into the gap */
    border-top: none !important;
}

/* 3. Remove the 'Edit' footer link area entirely */
.entry-footer {
    display: none !important;
}

/* 4. Ensure the main content doesn't push the footer away */
.site-main, 
.content-wrapper, 
.site-content {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* 5. If there is a line/border between them, hide it */
.site-footer {
    border-top: none !important;
}
/* 1. Hide the specific testimonial section at the bottom of the page */
.testimonials, 
.testimonial-wrapper, 
#testimonials, 
.jetpack-testimonial-shortcode {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Specifically target the 'Quaternary' area if it's pulling testimonials */
#quaternary .featured-page-area, 
#quaternary .featured-content {
    display: none !important;
}

/* 3. Collapse any leftover white space where the testimonials lived */
.site-main {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}