h1, h2, h3 {
  color: #FF0000; /* fire red */
}
.entry-content {
  background-color: #F0F8FF; /* light, pale blue */
}
/* Main content containers for single posts, pages, homepage, archives, etc. */
.site-main,
.content-area,
main#main,
main.site-main,
.single .site-content,
.page .site-content,
.home .site-content,
.blog .site-content,
.archive .site-content,
.search .site-content,
.single-post article,
.page article,
.home article.post,
.blog article.post,
.entry-content,
.post-content,
article.post .entry-content,
.single .entry-content,
.page .entry-content,
.wp-block-post-content,
article .wp-block-post-content,
.wp-site-blocks .wp-block-post-template .wp-block-post .wp-block-post-content {
    background-color: #1C1C1D !important;   /* pure black */
    color: #e0e0e0 !important;             /* light gray – good readability */
    padding: 25px !important;              /* optional: adds space inside */
    border-radius: 8px;                    /* optional: rounded corners */
}

/* Ensure text inside (paragraphs, headings, lists) inherits the light gray color */
.entry-content p,
.entry-content li,
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6,
.entry-content strong, .entry-content em,
.wp-block-post-content p,
.wp-block-post-content li,
.wp-block-post-content h1, .wp-block-post-content h2, .wp-block-post-content h3,
.wp-block-post-content h4, .wp-block-post-content h5, .wp-block-post-content h6 {
    color: #e0e0e0 !important;
}

/* Make links visible (light blue or similar on black) */
.entry-content a,
.wp-block-post-content a {
    color: #a0c0ff !important;   /* light blue – change if you prefer another color */
    text-decoration: underline;
}

/* Optional: If your homepage has a posts loop with excerpts/cards, target those too */
.home .wp-block-post,
.blog .wp-block-post,
.archive .wp-block-post,
.wp-block-query .wp-block-post {
    background-color: #1C1C1D !important;
    color: #e0e0e0 !important;
}
/* target that white box */


/* Target the post header container - change background to dark gray */
.single .entry-header,
.single article header.entry-header,
.single .post-header,
.single-post .entry-header {
    background-color: #2c2c2c !important;   /* Dark gray - adjust hex if you want darker/lighter, e.g. #1e1e1e or #333 */
    padding: 1.5rem;                        /* Optional: add some inner spacing */
    border-radius: 8px;                     /* Optional: soft corners */
    margin-bottom: 1.5rem;                  /* Space below the header block */
}

/* Make title text red */
.single .entry-title,
.single h1.entry-title,
.single-post .entry-title a {
    color: #ff0000 !important;
	background-color: #2C2C2C
		
		/* Bright red - or use #e63946 for softer red */
}

/* Author, date, categories, edit link, etc. → red text */
.single .entry-meta,
.single .entry-meta a,
.single .posted-on,
.single .byline,
.single .cat-links a,
.single .tags-links a,
.single .edit-link a {
    color: #ff0000 !important;
	  background-color: #2C2C2C
}

/* Optional: Make meta text slightly dimmer if red feels too strong everywhere */
.single .entry-meta {
    opacity: 0.9;
}

/* If the white block is actually around the whole content area or has extra wrapper */
.single .post,
.single article.post,
.single .hentry {
    background-color: transparent !important;  /* or #1a1a1a if needed */
}

/* If white gap persists above/below header, target outer wrappers */
.site-main,
main.site-main,
.wp-site-blocks,
.wp-block-post-template .wp-block-post {
    background-color: #000000 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* now for pages & homepage */

/* Remove white background from common header areas + make dark gray */
.site-header,
header#masthead,
.masthead,
.header-main,
.wp-block-template-part.header,
.entry-header,
.page-header,
.entry-meta,
.entry-meta a,
.posted-on,
.byline,
.cat-links a,
.tags-links a,
.edit-link a
.site-branding,
header {
    background-color: #2C2C2C !important;   /* dark gray – change to #2c2c2c, #1a1a1a etc. for darker */
    color: #ff0000 !important;             /* red text */
}
/* Make header text/links red (more specific) */
.site-header a,
.site-title a,
.site-description,
.main-navigation a,
.entry-title a {
    color: #F5CB4C !important;
}