/* --- [PROFESSIONAL REDESIGN - COMBINED CODE] --- */
/* --- 1. PROFESSIONAL COLOR PALETTE --- */
/* Change the main theme colors */
:root {
--body-color-main: #f9f9f9; /* Off-white background */
--bg-cards: #ffffff; /* White for post backgrounds and widgets */
--main-text-color: #2d2d2d; /* Dark charcoal for main text */
--theme-text-color: #333333; /* Slightly lighter charcoal for other text */
--featured-posts-title: #1a1a1a; /* Very dark title color for emphasis */
--main-link-color: #0056b3; /* A professional, standard blue for links */
--main-button-color: #007bff; /* A slightly brighter blue for buttons */
--footer-copyright-bg: #1a1a1a; /* A very dark background for the copyright area */
--footer-text-color: #cccccc; /* Light grey text for the footer */
}
/* Ensure the body background applies everywhere */
body {
background: var(--body-color-main) !important;
}
/* --- 2. IMPROVED TYPOGRAPHY --- */
/* Set a comfortable base font size and line height for post text */
.post-body {
font-size: 16px !important; /* Slightly larger for easier reading */
line-height: 1.7em !important; /* More space between lines */
color: var(--theme-text-color);
}
/* Make post titles bigger and bolder */
h1.entry-title, .post-filter .entry-title a {
font-size: 28px !important;
font-weight: 700 !important; /* Bolder */
color: var(--featured-posts-title) !important;
line-height: 1.3em !important;
}
/* Improve widget titles */
.widget-title h3, .title-wrap h3 {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px !important;
border-bottom: 2px solid var(--main-button-color) !important;
}
/* --- 3. CLEANER LAYOUT --- */
/* Hide the top bar with "About Us, Contact" links */
.top-bar {
display: none !important;
}
/* Hide the Breaking News Ticker */
.iIlqQ-ticker {
display: none !important;
}
/* Add a subtle shadow to the main menu to make it stand out */
#iIlqQ-menu {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
/* --- 4A. FOOTER STYLING --- */
#footer-wrapper {
background-color: #ffffff !important; /* Clean white background for the main footer widgets */
padding-top: 30px;
}
/* Target the new copyright area we will create in the HTML */
.footer-copyright {
text-align: center;
padding: 20px;
background-color: #1a1a1a;
color: #cccccc;
}
.footer-copyright a {
color: #ffffff;
text-decoration: none;
}
.footer-copyright a:hover {
text-decoration: underline;
}
/* --- END OF COMBINED CODE --- */