/*
Theme Name: VK Jobs
Theme URI: https://vijaykakkar.in/
Author: Vijay
Author URI: https://vijaykakkar.in/
Description: VK Jobs is a fast, lightweight and fully customizable WordPress job portal theme. Designed for government jobs, results, admit cards, syllabus and notifications with responsive layout and SEO-friendly structure.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vk-jobs
*/

body,html{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}
body{font-family:helvetica neue,Helvetica,Arial,sans-serif;overflow-x:hidden}
/*--------------------------------------header---------------------------------------------------*/
.header_con{padding-top:10px;height:95px;background-color:#ab183d;border-bottom:2px solid #fff}
.logo_design{display:block;margin-left:auto;margin-right:auto}
.header_tag_h1{font-size:46px;text-align:center;font-weight:700;margin:-10px}
.header_tag_h1_a{text-decoration:none;color:#ffffff}
.header_tag_h1 a:hover{text-decoration:none;color:#ffffff}
.header-tag-line{text-align:center;color:#ffffff;font-size:18px;font-weight:700;margin-top:-13px}
.header-tag-line a{text-decoration:none;color:#ffffff}
.header-tag-line a:hover{text-decoration:none;color:#ffffff}
.header-ad{margin-top:-5px;text-align:center;margin-bottom:15px}
/*--------------------------------------header end---------------------------------------------------*/

/*-------------------------------------- NAVBAR FINAL --------------------------------------*/
.navbar{padding:0;font-weight:700;box-shadow:0 2px 5px rgba(0,0,0,.16)}#menu-main-menu{display:flex;flex-direction:row;align-items:center;padding-left:0;margin:0;list-style:none;overflow-x:auto;white-space:nowrap;scrollbar-width:none}#menu-main-menu::-webkit-scrollbar{display:none}@media(max-width:991px){#menu-main-menu{justify-content:flex-start}}#menu-main-menu li{flex:0 0 auto;background:#495057;margin:2px}#menu-main-menu li a{display:block;padding:6px 14px;font-size:14px;color:#fff}#menu-main-menu li a:hover{background:#ab183d;text-decoration:none}@media(min-width:992px){.navbar{display:flex;justify-content:center}}
/*-------------------------------------- NAVBAR END --------------------------------------*/
/* ===== News Grid ===== */

.news-container{
max-width:1200px;
margin:auto;
margin-top:20px;
padding:10px;
}

.news-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:15px;
}

.news-post{
background:#fff;
border:1px solid #ddd;
border-radius:12px;
overflow:hidden;
transition:.3s;
}

.news-post:hover{
box-shadow:0 0 10px rgba(0,0,0,.15);
}

.news-thumb img{
width:100%;
height:180px;
object-fit:cover;
display:block;
}

.news-title{
padding:10px;
font-size:16px;
font-weight:600;
line-height:1.4;
}

.news-title a{
text-decoration:none;
color:#111;
}

.news-title a:hover{
color:#ab183d;
}


/* ===== Tablet ===== */

@media (max-width:900px){

.news-grid{
grid-template-columns:repeat(2,1fr);
}

.news-thumb img{
height:170px;
}

}


/* ===== Mobile ===== */

@media (max-width:600px){

.news-grid{
grid-template-columns:1fr !important;
}

.news-post{
width:100%;
}

.news-thumb img{
height:200px;
}

.news-title{
font-size:17px;
}

}
/* Pagination */

/* ===== Pagination ===== */

.pagination{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:6px;
margin:30px 0 10px;
}

.pagination .page-numbers{
display:inline-block;
padding:7px 12px;
background:#f2f2f2;
color:#333;
text-decoration:none;
border-radius:6px;
font-size:14px;
border:1px solid #ddd;
transition:.3s;
}

/* Hover */

.pagination .page-numbers:hover{
background:#ab183d;
color:#fff;
border-color:#ab183d;
}

/* Current Page */

.pagination .current{
background:#ab183d;
color:#fff;
border-color:#ab183d;
font-weight:700;
}

/* Prev Next */

.pagination .prev,
.pagination .next{
font-weight:600;
padding:7px 14px;
}

/* Mobile */

@media(max-width:600px){

.pagination .page-numbers{
padding:6px 9px;
font-size:13px;
}

}
.site-footer{
width:100%;
background:#111;
color:#fff;
margin-top:30px;
}

.footer-container{
max-width:1200px;
margin:auto;
padding:20px 10px;
text-align:center;
}

.footer-links{
font-size:14px;
margin-bottom:8px;
}

.footer-links a{
color:#fff;
text-decoration:none;
margin:0 5px;
}

.footer-links a:hover{
text-decoration:underline;
}

.footer-copy{
font-size:12px;
color:#ccc;
}