/*
Theme Name: Newspro Theme
Theme URI: https://jobcetu.in
Author: JobCetu
Description: Professional Job and Admission Portal WordPress Theme
Version: 1.0
*/


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

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


body{

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

    background:#f5f6f8;

    color:#222;

    line-height:1.6;

}


a{

    text-decoration:none;

    color:#0056b3;

}


img{

    max-width:100%;

    height:auto;

}



/* =========================
CONTAINER
========================= */


.container,
.home-container,
.single-container{

    width:95%;

    max-width:1200px;

    margin:auto;

}






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


.site-header{

    background:#ffffff;

    border-bottom:1px solid #ddd;

    position:relative;

    z-index:99;

}



.header-container{


    width:95%;

    max-width:1200px;

    margin:auto;


    display:flex;

    align-items:center;

    justify-content:space-between;


    padding:12px 0;


}





.logo a{


    font-size:32px;

    font-weight:800;

    color:#0056b3;


}







/* MENU */


.main-menu{


    flex:1;

    text-align:center;


}


.main-menu ul{


    display:flex;

    justify-content:center;

    gap:25px;

    list-style:none;

}


.main-menu ul li{


    list-style:none;

}


.main-menu a{


    font-size:16px;

    font-weight:600;

    color:#222;


}



.main-menu a:hover{


    color:#d00000;


}






/* SOCIAL */


.social-icons{


    display:flex;

    gap:8px;


}


.social-icons a{


    color:white!important;

    padding:8px 15px;

    border-radius:20px;

    font-size:13px;

    font-weight:bold;


}



.telegram{

    background:#0088cc;

}


.whatsapp{

    background:#25d366;

}





/* =========================
BREAKING TICKER
========================= */


.breaking-wrapper{


    display:flex;

    height:45px;

    background:white;

    border-bottom:1px solid #ddd;

    overflow:hidden;


}



.breaking-title{


    background:#d00000;

    color:white;

    padding:11px 20px;

    font-weight:bold;

    white-space:nowrap;


}



.breaking-slider{


    overflow:hidden;

    flex:1;


}


.ticker-text{


    display:inline-block;

    white-space:nowrap;

    padding:11px;


    animation:ticker 35s linear infinite;


}



.ticker-text a{


    font-weight:600;

    color:#0056b3;


}



@keyframes ticker{


from{

transform:translateX(100%);

}


to{

transform:translateX(-100%);

}


}






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


.quick-links{


    background:white;

    padding:15px;

    display:flex;

    justify-content:center;

    gap:10px;

    flex-wrap:wrap;


}


.quick-links a{


    background:#0056b3;

    color:white;

    padding:10px 18px;

    border-radius:5px;

    font-weight:bold;


}







/* =========================
HOMEPAGE CARDS
========================= */


.home-grid{


    display:grid;

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

    gap:15px;

    margin-top:20px;


}





.category-box{


    background:white;

    border:1px solid #ddd;

    border-radius:8px;

    overflow:hidden;


}



.category-title{


    padding:12px;

    color:white;

    font-size:20px;

    font-weight:bold;


}


.blue{

background:#0056b3;

}


.red{

background:#d00000;

}


.green{

background:#198754;

}


.orange{

background:#fd7e14;

}




.post-list a{


    display:block;

    padding:12px;

    border-bottom:1px solid #eee;

    font-weight:600;


}






/* =========================
LAYOUT
========================= */


.content-area{


    display:flex;

    gap:20px;

}



.main-content{


    width:70%;

}



.sidebar{


    width:30%;

}





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


.article-box{


    background:white;

    padding:20px;

    border-radius:8px;

    border:1px solid #ddd;


}



.article-title{


    font-size:32px;

    color:#d00000;

}



.post-meta{


    background:#eee;

    padding:10px;

    margin:15px 0;


}






/* JOB TABLE */


.job-box{


    margin:25px 0;

    border:1px solid #ddd;

    background:white;


}


.job-box-title{


    background:#0056b3;

    color:white;

    padding:12px;

    font-size:20px;

    font-weight:bold;

}





.job-table{


    width:100%;

    border-collapse:collapse;


}



.job-table th,
.job-table td{


    border:1px solid #ddd;

    padding:12px;


}



.job-table th{


    width:35%;

    background:#f1f1f1;


}






.apply-btn{


    display:inline-block;

    background:#d00000;

    color:white!important;

    padding:12px 25px;

    border-radius:5px;

    font-weight:bold;

}







/* =========================
SIDEBAR
========================= */


.widget{


    background:white;

    padding:15px;

    margin-bottom:20px;

    border:1px solid #ddd;


}



.widget h3{


    background:#0056b3;

    color:white;

    padding:10px;


}







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


.footer{


    background:#111;

    color:white;

    padding:30px;

    margin-top:30px;

    text-align:center;


}



.footer a{


    color:white;

    margin:10px;


}






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


@media(max-width:768px){



.header-container{


    flex-direction:column;

    gap:12px;


}



.main-menu{


    width:100%;

    overflow-x:auto;


}



.main-menu ul{


    justify-content:flex-start;

    white-space:nowrap;


}



.social-icons{


    display:none;


}



.home-grid{


    grid-template-columns:1fr;


}



.content-area{


    display:block;


}



.main-content,
.sidebar{


    width:100%;


}



.article-title{


    font-size:24px;


}



.job-table{


    font-size:14px;


}


}

.archive-card{

background:white;

display:flex;

gap:20px;

padding:15px;

margin-bottom:20px;

border:1px solid #ddd;

border-radius:8px;

}



.archive-image{

width:220px;

}



.archive-content h2{

font-size:22px;

}



.archive-meta{

font-size:14px;

color:#777;

margin:10px 0;

}



.read-more{

background:#0056b3;

color:white!important;

padding:8px 15px;

border-radius:5px;

display:inline-block;

}



.archive-header{

background:white;

padding:20px;

margin-bottom:20px;

border-left:5px solid #d00000;

}



@media(max-width:768px){


.archive-card{

display:block;

}


.archive-image{

width:100%;

}


}