/*
Theme Name: MyCareerAlert
Theme URI: https://mycareeralert.com
Author: MyCareerAlert
Description: Government job portal theme: dark header, blue button menus, state buttons, notification boxes (jobs, admit cards, results, answer keys, syllabus), ad spaces, and header/footer code settings. Includes one-click demo content.
Version: 2.0
License: GNU General Public License v2 or later
Text Domain: mycareeralert
*/
*{box-sizing:border-box}
body{margin:0;background:#f4f6fb;font-family:Arial,Helvetica,sans-serif;color:#1c1c1c;line-height:1.5;font-size:16px}
a{text-decoration:none;color:#0b57a4}
a:hover{text-decoration:underline}
.screen-reader-text{position:absolute;left:-9999px}
.mca{max-width:1200px;margin:0 auto;padding:8px}

/* header */
.mca-head{background:#222;color:#fff;padding:14px 22px;border-radius:4px;display:flex;align-items:center;gap:16px}
.mca-head img{max-height:80px;width:auto;border-radius:4px}
.mca-head h1{margin:0;font-size:34px;line-height:1.1}
.mca-head h1 a{color:#fff}
.mca-head p{margin:6px 0 0;font-size:16px}

/* menus */
.mca-nav{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;padding:0}
.mca-nav li{margin:0}
.mca-nav a{display:block;background:#1a8fe3;color:#fff;padding:7px 12px;border-radius:5px;font-weight:700;font-size:15px}
.mca-nav a:hover{background:#0f6fb5;text-decoration:none}
.mca-nav .mca-red a{background:#e53935}

/* notice, ads, buttons */
.mca-notice{background:#fff8e1;border:1px solid #f0d98a;padding:8px 14px;border-radius:4px;margin:8px 0;font-size:15px}
.mca-ad{margin:10px 0;text-align:center;min-height:0}
.mca-join{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.mca-join a{flex:1;min-width:200px;text-align:center;color:#fff;padding:12px;border-radius:8px;font-weight:700}
.mca-join .wa{background:#0b6b4f}
.mca-join .tg{background:#229ed9}
.mca-join .nt{background:#14213d}
.mca-join a:hover{text-decoration:none;opacity:.92}

/* closing soon */
.mca-soon{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}
.mca-soon a{display:block;background:#fff;border:1px solid #ccd3e0;border-left:5px solid #e53935;border-radius:4px;padding:10px 12px;color:#14213d;font-weight:600;font-size:15px}
.mca-soon small{display:block;color:#e53935;font-weight:700;font-size:12px;margin-bottom:2px}

/* education grid */
.mca-edu{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px}
.mca-edu a{background:#eef4fb;border:1px solid #c9dcf0;border-radius:20px;padding:6px 14px;font-weight:700;font-size:15px}

/* boxes */
.mca-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:12px}
.mca-box{border:1px solid #ccd3e0;border-radius:4px;overflow:hidden;background:#fff}
.mca-box h2{margin:0;background:#dde3f0;padding:10px 14px;font-size:20px;color:#14213d}
.mca-box ul{list-style:none;margin:0;padding:4px 14px}
.mca-box li{padding:8px 0;border-bottom:1px solid #eceff5;font-size:16px}
.mca-box li:last-child{border-bottom:0}
.mca-box li a{font-weight:600}
.mca-more{display:block;text-align:right;padding:6px 14px 12px;font-weight:700}
.mca-full{grid-column:1/-1}

/* posts and pages */
.mca-entry{background:#fff;border:1px solid #ccd3e0;border-radius:4px;padding:18px 22px;margin-top:12px}
.mca-entry h1{margin:0 0 6px;font-size:28px;color:#14213d}
.mca-meta{color:#666;font-size:14px;margin-bottom:14px}
.mca-entry table{width:100%;border-collapse:collapse;margin:12px 0}
.mca-entry th,.mca-entry td{border:1px solid #ccd3e0;padding:8px 10px;text-align:left}
.mca-entry th{background:#dde3f0}
.mca-list article{padding:12px 0;border-bottom:1px solid #eceff5}
.mca-list h2{margin:0;font-size:19px}
.mca-pag{margin-top:14px}
.mca-pag .page-numbers{display:inline-block;padding:6px 12px;background:#1a8fe3;color:#fff;border-radius:4px;margin-right:4px}
.mca-pag .current{background:#14213d}

/* footer */
.mca-foot{background:#222;color:#ddd;text-align:center;padding:18px;border-radius:4px;font-size:14px;margin-top:16px}
.mca-flinks{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:0 0 10px;padding:0}
.mca-flinks a{color:#fff;font-weight:700}
.mca-foot p{margin:6px 0}

@media(max-width:900px){.mca-soon{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){
 .mca-grid{grid-template-columns:1fr}
 .mca-soon{grid-template-columns:1fr}
 .mca-head h1{font-size:26px}
 .mca-entry{padding:14px}
}