body { background: #eef2f7 !important; font-family: 'Segoe UI', Arial, sans-serif !important; color: #1e293b; } .wrapper { width: 1280px !important; max-width: 96%; margin: 20px auto !important; background: #ffffff; border-radius: 14px; overflow: hidden; box-shadow: 0 8px 30px rgba(0,0,0,0.08); } #top-header { background: #0f172a !important; border-bottom: 2px solid #1e3a5f; padding: 0 25px !important; } #main-menu { background: #111827 !important; height: 58px !important; } #main-menu .menu > li > a { color: #e5e7eb !important; height: 58px !important; line-height: 58px !important; font-size: 14px !important; font-weight: 700; text-transform: uppercase; } #main-menu .menu > li > a:hover { background: #2563eb !important; color: white !important; } #break-news { background: linear-gradient(90deg,#1d4ed8,#2563eb) !important; margin: 20px; border-radius: 12px; overflow: hidden; } #primary { padding: 25px !important; } #home-layout .label-layout .item, .post-archive-body { background: white; border-radius: 14px; overflow: hidden; border: 1px solid #e2e8f0; box-shadow: 0 3px 12px rgba(0,0,0,0.04); transition: .25s ease; } #home-layout .label-layout .item:hover, .post-archive-body:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0,0,0,0.08); } h3.title a, .post-title a { color: #0f172a !important; font-weight: 800 !important; } h3.title a:hover, .post-title a:hover { color: #2563eb !important; } #side .widget { background: white; border-radius: 14px; padding: 20px; margin-bottom: 25px; border: 1px solid #e2e8f0; } .post-title.single-title { font-size: 42px !important; line-height: 1.2em !important; font-weight: 800 !important; } .post-single-body { font-size: 18px; line-height: 1.9em; } #footer-widgets { background: #0f172a !important; } #copyright { background: #020617 !important; } @media screen and (max-width: 768px){ .wrapper { width: 100% !important; margin: 0 !important; border-radius: 0; } #main, #side { width: 100% !important; float: none !important; } }