/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://example.com/
Description: Custom child theme for spiritual blog layout
Author: Thomas
Author URI: https://example.com/
Template: twentytwentyone
Version: 1.0.0
*/

/* Custom styles will go below this line */

/* Soft overlay for blog archive page */
.blog .site-content {
  background-color: rgba(255, 240, 245, 0.85); /* Light pink with transparency */
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(5px);
}

/* Optional: Refine text color for readability */
.blog .entry-title,
.blog .entry-content {
  color: #2c2c2c;
}

/* Soft overlay for all single blog posts */
.single-post .site-content {
  background-color: rgba(255, 240, 245, 0.85); /* Light pink with transparency */
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(5px);
}

/* Optional: Refine text color */
.single-post .entry-title,
.single-post .entry-content {
  color: #2c2c2c;
}

/* Change paragraph and blockquote font color in blog posts */
.single-post p,
.single-post blockquote {
  color: #444444; /* Replace with your preferred shade */
}

/* Unified font color for blog post content */
.single-post p,
.single-post blockquote,
.single-post h4 {
  color: #000000; /* Black text */
}