body {
    background-color: #272B30;
    color: #E2E2E2;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
}

/* Main Page/Post Titles */
h1.entry-title, h2.entry-title {
    color: #E2E2E2;
    font-family: 'Cinzel', serif;
    font-size: 2.5em;
    margin-bottom: 20px;
}

/* Broad Titles */
h1 {
    color: #E2E2E2;
}

/* Updated H2 Color */
h2 {
    color: #F7A046; /* A warm orange, similar to your hover effects, for better visibility */
}

/* Specific Date Styling (Assuming you add a class or specific selector for dates) */
.date-class { /* Replace '.date-class' with your actual class or selector for dates */
    color: #C4C4C4; /* A lighter grey to distinguish dates without overpowering */
}

/* WordPress Block Post Title */
h2.wp-block-post-title {
    color: #F7A046;
    padding-top: 60px;
    padding-bottom: 20px;
}

/* Global Footer Styles */
.footer {
    background-color: #272B30;
    color: #E2E2E2;
    padding: 40px;
    text-align: center;
}

/* Global Header Styles */
.header {
    background-color: #272B30; /* Matching the footer and body background */
    color: #E2E2E2; /* Text color */
    padding: 20px 40px; /* Adjust padding as needed */
    font-family: 'Open Sans', sans-serif; /* Consistent font with the body */
    text-align: center;
}

/* Adjust navigation links inside the header if necessary */
.header nav a {
    color: #E2E2E2; /* Link color */
    padding: 5px 10px; /* Spacing around links */
    text-decoration: none; /* Optional: removes underline from links */
}

/* Additional styling for hover effects on links */
.header nav a:hover {
    color: #F7A046; /* Change color on hover, adjust as needed */
}

/* Existing global CSS */
/* ... Your existing CSS code ... */

/* Responsive Menu Styles */
.wp-block-navigation__responsive-container-content {
    background-color: #272B30; /* Matching body background color */
    color: #E2E2E2; /* Text color as per body */
    font-family: 'Open Sans', sans-serif; /* Consistency with body font */
    text-align: left; /* Aligning text to the left for better readability in menus */
    padding: 20px; /* Adding some padding for spacing */
}

/* Styling the individual menu items */
.wp-block-navigation__container .wp-block-navigation-item a {
    color: #E2E2E2; /* Keeping text color consistent with the theme */
    padding: 10px 20px; /* Spacing for each menu item */
    text-decoration: none; /* Removing underline from links */
    display: block; /* Making each link fill the horizontal space for easier touch */
}

/* Styling for the current menu item */
.wp-block-navigation__container .wp-block-navigation-item.current-menu-item a,
.wp-block-navigation__container .wp-block-navigation-item a:hover {
    background-color: #3A3F44; /* Slightly lighter than the menu background for contrast */
    color: #F7A046; /* Highlight color, similar to the hover effect in your header */
}
/* Existing global CSS */
/* ... Your existing CSS code ... */

/* Responsive Menu Container */
.wp-block-navigation__responsive-container {
    background-color: #272B30; /* Ensuring the background matches your theme */
}

/* Close Button SVG Color */
.wp-block-navigation__responsive-container-close svg {
    fill: #E2E2E2; /* Changing SVG icon color to match your text color */
}

/* Menu Item Link Color */
.wp-block-navigation__responsive-container a {
    color: #E2E2E2; /* Ensuring text color consistency */
}

/* Removing general hover and focus styles from all menu items */
.wp-block-navigation__responsive-container a:hover,
.wp-block-navigation__responsive-container a:focus {
    color: #E2E2E2; /* Keeping the same color on hover and focus */
    background-color: transparent; /* No background change on hover */
}

/* Styling for 'Home' menu item on hover and focus */
.wp-block-navigation__responsive-container .wp-block-home-link a:hover,
.wp-block-navigation__responsive-container .wp-block-home-link a:focus {
    color: #F7A046; /* Highlight color, similar to your header hover effect */
    background-color: #3A3F44; /* Optional: background color change on hover */
}

/* Additional styling for current 'Home' menu item */
.wp-block-navigation__responsive-container .wp-block-home-link.current-menu-item a {
    background-color: #3A3F44; /* Slightly lighter background for contrast */
    color: #F7A046; /* Highlight color for the current 'Home' menu item */
}

.has-secondary-background-color {
    background-color: #272B30 !important;
}

/* Category Styling to match theme */
.taxonomy-category {
    background-color: #3A3F44; /* Slightly lighter than body for contrast, adjust as needed */
    color: #E2E2E2; /* Consistent text color with the rest of the site */
    font-family: 'Open Sans', sans-serif; /* Consistent font family */
    padding: 6px; /* Adjusted padding for consistency */
    text-transform: uppercase; /* Keeping uppercase styling */
    font-size: 0.8rem; /* Keeping font size as is */
    border-radius: 5px; /* Optional: adding a slight border-radius for a modern look */
    display: inline-block; /* Ensures the background only covers the text area */
    margin: 0 5px; /* Adds a bit of margin for spacing between multiple categories */
}

.taxonomy-category a {
    color: #E2E2E2; /* Ensures link color matches the text */
    text-decoration: none; /* Removes underline from links */
}

.taxonomy-category a:hover {
    color: #F7A046; /* Adds a hover effect to match your theme's hover color */
}