a{ display:block; padding:14px 13px; color:#fff; font-weight:bold; font-size:13px; } .adsx-menu li > a:hover{ background:#0d47a1; } /* DROPDOWN */ .adsx-submenu{ display:none; position:absolute; top:100%; left:0; width:210px; background:#fff; box-shadow:0 4px 12px rgba(0,0,0,.2); z-index:999; padding:0; margin:0; list-style:none; } .adsx-submenu li{ width:100%; } .adsx-submenu li a{ display:block; padding:11px 14px; color:#222; background:#fff; border-bottom:1px solid #eee; } .adsx-submenu li a:hover{ background:#f2f2f2; color:#1565c0; } .adsx-menu li:hover > .adsx-submenu{ display:block; } /* MOBILE BUTTON */ .adsx-mobile-button{ display:none; width:100%; padding:13px 15px; border:0; background:#0d47a1; color:#fff; font-size:16px; font-weight:bold; text-align:left; cursor:pointer; } /* MAIN */ .adsx-container{ max-width:1100px; margin:20px auto; padding:0 15px; } .adsx-content{ display:grid; grid-template-columns:1fr 300px; gap:20px; } /* POST AREA */ .adsx-post-box{ background:#fff; border:1px solid #ddd; } .adsx-title{ margin:0; padding:13px 15px; background:#1565c0; color:#fff; font-size:18px; } /* BLOG POST */ .post{ padding:18px; border-bottom:1px solid #eee; } .post-title{ margin:0 0 8px; font-size:21px; } .post-title a{ color:#222; } .post-title a:hover{ color:#1565c0; } .post-body{ line-height:1.7; } .post-header{ margin-bottom:10px; } .post-meta{ color:#888; font-size:12px; } /* SIDEBAR */ .adsx-sidebar{ background:#fff; border:1px solid #ddd; margin-bottom:20px; } .adsx-sidebar-title{ background:#1565c0; color:#fff; padding:12px 14px; font-size:16px; font-weight:bold; } .adsx-sidebar ul{ list-style:none; margin:0; padding:0; } .adsx-sidebar li{ border-bottom:1px solid #eee; } .adsx-sidebar li a{ display:block; padding:10px 14px; color:#333; } .adsx-sidebar li a:hover{ background:#f5f5f5; color:#1565c0; } /* ADS */ .adsx-ad{ min-height:90px; margin:15px 0; display:flex; align-items:center; justify-content:center; background:#fafafa; border:1px dashed #ccc; color:#999; font-size:12px; } /* FOOTER */ .adsx-footer{ background:#222; color:#ccc; margin-top:30px; } .adsx-footer-inner{ max-width:1100px; margin:auto; padding:25px 15px; display:grid; grid-template-columns:2fr 1fr 1fr; gap:25px; } .adsx-footer h3{ color:#fff; margin-top:0; } .adsx-footer a{ display:block; color:#ccc; padding:4px 0; } .adsx-footer a:hover{ color:#fff; } .adsx-footer-bottom{ text-align:center; border-top:1px solid #444; padding:12px; font-size:12px; } /* MOBILE */ @media(max-width:768px){ .adsx-header-inner{ display:block; text-align:center; } .adsx-logo{ margin-bottom:5px; } .adsx-search{ margin-top:12px; width:100%; } .adsx-search input{ width:100%; } .adsx-mobile-button{ display:block; } .adsx-menu{ display:none; flex-direction:column; } .adsx-menu.adsx-show{ display:flex; } .adsx-menu li{ width:100%; } .adsx-menu li > a{ border-bottom:1px solid rgba(255,255,255,.15); } .adsx-submenu{ position:static; width:100%; box-shadow:none; } .adsx-menu li:hover > .adsx-submenu{ display:none; } .adsx-menu li.adsx-open > .adsx-submenu{ display:block; } .adsx-content{ grid-template-columns:1fr; } .adsx-footer-inner{ grid-template-columns:1fr; } } ]]>
Government & Private Jobs