/*
Theme Name: JobCetu FastJob
Author: JobCetu
Description: Professional Job Portal WordPress Theme
Version: 1.0
*/


/* =========================
RESET
========================= */

*{
box-sizing:border-box;
}


body{

margin:0;

background:#f5f5f5;

font-family:Arial,Helvetica,sans-serif;

color:#222;

}


a{

text-decoration:none;

color:#0056b3;

}


a:hover{

color:#e60000;

}


.container{

width:95%;

max-width:1200px;

margin:auto;

}



/* =========================
HEADER
========================= */


.site-header{


background:#fff;

padding:12px;

display:flex;

justify-content:space-between;

align-items:center;

border-bottom:3px solid #0056b3;

}


.logo a{

font-size:30px;

font-weight:bold;

color:#e60000;

}




.main-menu ul{

display:flex;

gap:18px;

list-style:none;

padding:0;

margin:0;

}



.main-menu ul li a{

font-weight:bold;

color:#222;

font-size:14px;

}



.main-menu ul li a:hover{

color:#e60000;

}




.social-links a{

width:32px;

height:32px;

display:inline-block;

border-radius:50%;

color:white;

text-align:center;

line-height:32px;

margin-left:5px;

}



.telegram{

background:#0088cc;

}



.whatsapp{

background:#25d366;

}





/* =========================
NEWS TICKER
========================= */


.news-ticker{


background:#d80000;

color:white;

padding:10px;

overflow:hidden;

font-weight:bold;

}


.news-ticker span{


display:inline-block;

white-space:nowrap;

animation:ticker 18s linear infinite;


}



@keyframes ticker{

from{

transform:translateX(100%);

}

to{

transform:translateX(-100%);

}

}





/* =========================
QUICK LINKS
========================= */


.quick-links{


background:#fff;

padding:15px;

display:flex;

justify-content:center;

gap:10px;

flex-wrap:wrap;

}



.quick-links a{


background:#0056b3;

color:white;

padding:8px 18px;

border-radius:4px;

font-size:14px;

font-weight:bold;

}




/* =========================
HOME PAGE BOXES
========================= */


.job-grid{


display:grid;

grid-template-columns:repeat(3,1fr);

gap:15px;

margin-top:20px;


}




.category-box{


background:#fff;

border:1px solid #ddd;

box-shadow:0 2px 5px #ddd;


}




.category-title{


color:white;

padding:12px;

text-align:center;

font-size:20px;

font-weight:bold;

}



.jobs-title{

background:#0056b3;

}


.admit-title{

background:#198754;

}


.result-title{

background:#dc3545;

}




.category-box ul{

padding:15px;

margin:0;

list-style:none;

}



.category-box li{


padding:8px;

border-bottom:1px dotted #ccc;


}





/* =========================
SECOND SECTION
========================= */


.two-column{


display:grid;

grid-template-columns:repeat(2,1fr);

gap:15px;

margin-top:20px;


}





/* =========================
SINGLE POST
========================= */


.post-container{


background:#fff;

padding:20px;

margin-top:20px;

border:1px solid #ddd;


}



.post-title{


font-size:28px;

color:#0056b3;


}



.post-meta{


background:#eee;

padding:10px;

margin-bottom:20px;

}





/* =========================
JOB DETAILS TABLE
========================= */


.job-box{


background:#fff;

border:1px solid #ddd;

margin:25px 0;

box-shadow:0 2px 8px rgba(0,0,0,.12);

overflow:hidden;


}




.job-box-title{


background:#0056b3;

color:#fff;

padding:12px;

font-size:20px;

font-weight:bold;

text-align:center;


}




.job-box-title.green{

background:#198754;

}



.job-box-title.orange{

background:#fd7e14;

}




.job-table{


width:100%;

border-collapse:collapse;


}



.job-table th{


background:#e8f1ff;

width:35%;

padding:12px;

border:1px solid #ccc;

text-align:left;

}



.job-table td{


padding:12px;

border:1px solid #ccc;


}



.job-table tr:nth-child(even){

background:#f8f8f8;

}




/* =========================
BUTTONS
========================= */


.apply-btn{


background:#e60000;

color:white!important;

padding:12px 30px;

border-radius:5px;

font-weight:bold;

display:inline-block;


}



.notice-btn{


background:#0056b3;

color:white!important;

padding:12px 25px;

border-radius:5px;

font-weight:bold;

display:inline-block;


}



.button-area{


text-align:center;

margin:25px 0;


}





/* =========================
CONTENT
========================= */


.post-content{


font-size:16px;

line-height:1.8;


}




/* =========================
SHARE
========================= */


.share-box{


border-top:1px solid #ddd;

padding:20px 0;


}



.telegram-share{


background:#0088cc;

color:white;

padding:10px 20px;

border-radius:5px;


}



.whatsapp-share{


background:#25d366;

color:white;

padding:10px 20px;

border-radius:5px;

margin-left:10px;


}





/* =========================
FOOTER
========================= */


.site-footer{


background:#111;

color:white;

padding:30px;

text-align:center;

margin-top:30px;


}


.site-footer a{

color:white;

margin:5px;

}




/* =========================
ARCHIVE PAGE
========================= */


.archive-post{


background:white;

padding:15px;

margin-bottom:15px;

border:1px solid #ddd;


}





/* =========================
MOBILE RESPONSIVE
========================= */


@media(max-width:768px){



.site-header{


flex-direction:column;

gap:15px;


}



.main-menu ul{


flex-wrap:wrap;

justify-content:center;


}




.job-grid{


grid-template-columns:1fr;


}



.two-column{


grid-template-columns:1fr;


}



.logo a{


font-size:24px;


}



.job-table th{


font-size:13px;


}



.job-table td{


font-size:13px;


}



}