/* ==========================================
   HARF-O-SUKHAN JOURNAL CUSTOM CSS
   Urdu Literature Elegant Theme
========================================== */


/* BODY FONT */
body {
    font-family: "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", serif !important;
    background:#faf8f5 !important;
    color:#333 !important;
}


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

.pkp_structure_head {

    background:linear-gradient(135deg,#4b1f1f,#8b3a3a)!important;
    height:230px!important;
    border-bottom:5px solid #c9a227!important;

}


/* JOURNAL TITLE */

.pkp_site_name {

    text-align:center!important;
    padding-top:70px!important;

}


.pkp_site_name a {

    color:#ffffff!important;
    font-size:42px!important;
    font-weight:bold!important;
    text-shadow:2px 2px 5px #000;

}


/* ===============================
   TOP USER MENU
================================ */

.pkp_navigation_user_wrapper {

position:absolute!important;
top:15px!important;
right:35px!important;

}


.pkp_navigation_user a {

color:#fff!important;
font-weight:bold!important;

}


/* ===============================
   MAIN MENU
================================ */


.pkp_navigation_primary_row {

background:#641b1b!important;
border-top:2px solid #c9a227!important;
border-bottom:3px solid #c9a227!important;

}


.pkp_navigation_primary li a {


color:#fff!important;
font-size:16px!important;
font-weight:bold!important;

padding:14px 18px!important;


}


.pkp_navigation_primary li a:hover {


background:#c9a227!important;
color:#4b1f1f!important;

}


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

.pkp_structure_content {

background:#ffffff!important;
padding:30px!important;
border-radius:10px!important;

}


/* HEADINGS */

h1,h2,h3,h4 {


color:#641b1b!important;
font-weight:bold!important;

}



/* ===============================
   BUTTON STYLE
================================ */


.cmp_button,
.obj_galley_link,
.btn-primary {


background:#641b1b!important;
color:white!important;
border-radius:25px!important;
border:none!important;
padding:10px 25px!important;

}


.cmp_button:hover,
.obj_galley_link:hover {


background:#c9a227!important;
color:#4b1f1f!important;

}


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


.pkp_block {


background:#faf3e7!important;
border-left:5px solid #641b1b!important;
padding:15px!important;
border-radius:8px!important;

}


.pkp_block .title {


color:#641b1b!important;
font-weight:bold!important;

}



/* ===============================
   ARTICLE CARDS
================================ */


.obj_article_summary {


background:#fff!important;
border-radius:12px!important;
padding:20px!important;
box-shadow:0 4px 15px rgba(0,0,0,.10)!important;
margin-bottom:20px!important;

}


.obj_article_summary:hover {


transform:translateY(-5px);
transition:.3s;

}



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


.pkp_structure_footer_wrapper {


background:#641b1b!important;
color:white!important;
border-top:5px solid #c9a227!important;

}


.pkp_footer_content {


color:white!important;
text-align:center!important;

}



/* ===============================
   SEARCH BOX
================================ */


.pkp_search {

background:#fff!important;
border:2px solid #c9a227!important;
border-radius:30px!important;

}


.pkp_search input {


border-radius:30px!important;

}



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


@media(max-width:768px){


.pkp_site_name a {

font-size:28px!important;

}


.pkp_structure_head {

height:180px!important;

}


.pkp_navigation_primary_row {

font-size:14px!important;

}


}