*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: 'Georgia', 'Times New Roman', serif;
font-size: 17px;
line-height: 1.7;
color: #2c2c2c;
background: #f8f7f4;
}
a { color: #5a7a9b; text-decoration: none; }
a:hover { color: #3a5a7b; text-decoration: underline; }
img { max-width: 100%; height: auto; display: block; } .site-wrapper { max-width: 1100px; margin: 0 auto; padding: 0 20px; } #site-header {
background: #2c4a6e;
color: #fff;
padding: 0;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.header-inner {
max-width: 1100px;
margin: 0 auto;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
min-height: 70px;
}
.site-branding { padding: 15px 0; }
.site-title { font-size: 1.6em; font-weight: bold; color: #fff; letter-spacing: 0.5px; }
.site-title a { color: #fff; text-decoration: none; }
.site-title a:hover { color: #c8daf0; }
.site-tagline { font-size: 0.85em; color: #c8daf0; margin-top: 2px; } #primary-navigation { padding: 0; }
.nav-menu {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 0;
margin: 0;
padding: 0;
}
.nav-menu li { position: relative; }
.nav-menu > li > a {
display: block;
color: #fff;
padding: 22px 16px;
font-size: 0.95em;
font-family: Arial, sans-serif;
letter-spacing: 0.3px;
transition: background 0.2s;
}
.nav-menu > li > a:hover,
.nav-menu > li.current-menu-item > a,
.nav-menu > li.current_page_item > a {
background: #1a3655;
color: #c8daf0;
text-decoration: none;
} .nav-menu .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #1a3655;
min-width: 220px;
list-style: none;
z-index: 100;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.nav-menu li:hover > .sub-menu { display: block; }
.nav-menu .sub-menu li a {
display: block;
padding: 12px 18px;
color: #d0e4f5;
font-size: 0.9em;
font-family: Arial, sans-serif;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.nav-menu .sub-menu li a:hover { background: #2c4a6e; color: #fff; } #main-content {
max-width: 1100px;
margin: 40px auto;
padding: 0 20px;
display: flex;
gap: 40px;
align-items: flex-start;
}
.content-area { flex: 1; min-width: 0; }
.widget-sidebar { width: 280px; flex-shrink: 0; } .entry-header { margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px solid #e0d8cc; }
.entry-title { font-size: 2em; color: #2c4a6e; line-height: 1.3; }
.entry-meta { font-size: 0.85em; color: #888; margin-top: 8px; }
.entry-meta a { color: #5a7a9b; }
.entry-content { line-height: 1.8; }
.entry-content p { margin-bottom: 1.2em; }
.entry-content h2 { font-size: 1.5em; color: #2c4a6e; margin: 1.5em 0 0.5em; }
.entry-content h3 { font-size: 1.2em; color: #3a5a7b; margin: 1.2em 0 0.4em; }
.entry-content ul, .entry-content ol { margin: 0.8em 0 1.2em 1.8em; }
.entry-content li { margin-bottom: 0.4em; }
.page-card, .post-entry {
background: #fff;
border-radius: 6px;
padding: 35px 40px;
box-shadow: 0 1px 4px rgba(0,0,0,0.08);
margin-bottom: 30px;
} .posts-list { list-style: none; }
.post-item {
background: #fff;
border-radius: 6px;
padding: 28px 35px;
margin-bottom: 25px;
box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}
.post-item .post-title { font-size: 1.4em; color: #2c4a6e; margin-bottom: 8px; }
.post-item .post-title a { color: #2c4a6e; }
.post-item .post-title a:hover { color: #5a7a9b; }
.post-item .post-date { font-size: 0.82em; color: #999; margin-bottom: 12px; }
.post-item .post-excerpt { color: #444; }
.read-more { display: inline-block; margin-top: 12px; color: #5a7a9b; font-size: 0.9em; font-weight: bold; } .widget-area {
background: #fff;
border-radius: 6px;
padding: 25px;
box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}
.widget { margin-bottom: 30px; }
.widget:last-child { margin-bottom: 0; }
.widget-title { font-size: 1em; font-weight: bold; color: #2c4a6e; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 2px solid #e0d8cc; }
.widget ul { list-style: none; }
.widget ul li { padding: 6px 0; border-bottom: 1px solid #f0ede8; font-size: 0.9em; }
.widget ul li:last-child { border-bottom: none; }
.widget ul li a { color: #5a7a9b; } #site-footer {
background: #2c4a6e;
color: #c8daf0;
padding: 30px 20px;
margin-top: 60px;
}
.footer-inner {
max-width: 1100px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 15px;
}
.footer-copy { font-size: 0.88em; }
.footer-links { font-size: 0.88em; }
.footer-links a { color: #c8daf0; margin-left: 15px; }
.footer-links a:hover { color: #fff; } .error-404 { text-align: center; padding: 60px 20px; }
.error-404 h1 { font-size: 5em; color: #ddd; }
.error-404 h2 { color: #2c4a6e; margin-bottom: 15px; } @media (max-width: 768px) {
.header-inner { flex-direction: column; align-items: flex-start; }
.nav-menu { flex-direction: column; width: 100%; }
.nav-menu > li > a { padding: 12px 15px; border-top: 1px solid rgba(255,255,255,0.1); }
#main-content { flex-direction: column; }
.widget-sidebar { width: 100%; }
.page-card, .post-entry { padding: 22px; }
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}