/* =====================================================
   HARF-O-SUKHAN FINAL OJS 3.4 CSS
   MAROON + GOLD THEME
===================================================== */


/* ================= BODY ================= */

body{

    background:#faf7f2!important;

    color:#333!important;

    font-family:Georgia,serif!important;

}



/* ================= HEADER ================= */

.pkp_structure_head{

    position:relative!important;

}



/* ================= ADMIN TOP RIGHT ================= */

.pkp_navigation_user_wrapper{

    position:absolute!important;

    top:12px!important;

    right:35px!important;

    z-index:9999!important;

}


.pkp_navigation_user a{

    color:#551b1b!important;

    font-size:13px!important;

    font-weight:bold!important;

}



/* ================= MENU BAR ================= */

.pkp_navigation_primary_row{

    background:#551b1b!important;

    height:50px!important;

    border-bottom:3px solid #c5a14a!important;

    position:relative!important;

    z-index:999!important;

}



.pkp_navigation_primary{

    display:flex!important;

    justify-content:flex-start!important;

    align-items:center!important;

    margin-left:45px!important;

}



/* Menu Items */

.pkp_navigation_primary > li > a{

    color:white!important;

    height:50px!important;

    display:flex!important;

    align-items:center!important;

    padding:0 22px!important;

    font-size:14px!important;

    font-weight:bold!important;

    text-transform:uppercase!important;

}



/* Active + Hover */

.pkp_navigation_primary > li:first-child > a,
.pkp_navigation_primary > li > a:hover{

    background:#c5a14a!important;

    color:#551b1b!important;

}



/* ================= DROPDOWN ================= */


.pkp_navigation_primary li{

    position:relative!important;

}



.pkp_navigation_primary ul{

    width:230px!important;

    min-width:230px!important;

    background:#551b1b!important;

    padding:0!important;

    margin:0!important;

    border-top:3px solid #c5a14a!important;

    box-shadow:0 5px 15px rgba(0,0,0,.25)!important;

    z-index:99999!important;

}



.pkp_navigation_primary ul li{

    width:100%!important;

}



.pkp_navigation_primary ul li a{

    display:block!important;

    background:#551b1b!important;

    color:white!important;

    padding:12px 18px!important;

    font-size:13px!important;

    line-height:1.4!important;

    white-space:normal!important;

}



.pkp_navigation_primary ul li a:hover{

    background:#c5a14a!important;

    color:#551b1b!important;

}



/* ================= SEARCH ================= */


.pkp_search{

    margin-top:8px!important;

}



.pkp_search input{

    height:34px!important;

}



.pkp_search button{

    background:#c5a14a!important;

    color:white!important;

}



/* ================= FEATURE SECTION ================= */


.pkp_page_index .homepage_about{

    background:#551b1b!important;

    color:white!important;

    padding:40px!important;

    border-top:2px solid #c5a14a!important;

    border-bottom:2px solid #c5a14a!important;

}



.pkp_page_index .homepage_about h2{

    color:#c5a14a!important;

}



.pkp_page_index .homepage_about p{

    color:white!important;

}



/* ================= CONTENT ================= */


.pkp_structure_content{

    background:white!important;

    padding:35px!important;

}



/* ================= ARTICLE CARD ================= */


.obj_article_summary{

    background:#fff!important;

    border-left:4px solid #c5a14a!important;

    padding:18px!important;

    margin-bottom:15px!important;

    box-shadow:0 2px 10px rgba(0,0,0,.08)!important;

}



.obj_article_summary h3 a{

    color:#551b1b!important;

}



/* PDF */

.obj_galley_link{

    background:#551b1b!important;

    color:white!important;

    padding:8px 18px!important;

    border-radius:3px!important;

}



.obj_galley_link:hover{

    background:#c5a14a!important;

}



/* ================= SIDEBAR ================= */


.pkp_structure_sidebar{

    padding-left:25px!important;

}



.pkp_block{

    background:white!important;

    border:1px solid #ddd!important;

    padding:18px!important;

    margin-bottom:20px!important;

    box-shadow:0 2px 10px rgba(0,0,0,.08)!important;

}



.pkp_block .title{

    color:#551b1b!important;

    border-bottom:2px solid #c5a14a!important;

}



/* ================= BUTTON ================= */


.cmp_button{

    background:#551b1b!important;

    color:white!important;

}


.cmp_button:hover{

    background:#c5a14a!important;

}



/* ================= FOOTER ================= */


.pkp_structure_footer_wrapper{

    background:#551b1b!important;

    border-top:4px solid #c5a14a!important;

}



.pkp_footer_content{

    color:white!important;

}


.pkp_footer_content a{

    color:#c5a14a!important;

}



/* ================= MOBILE ================= */


@media(max-width:768px){

.pkp_navigation_primary{

    margin-left:0!important;

}


.pkp_navigation_primary > li > a{

    padding:0 10px!important;

    font-size:11px!important;

}


.pkp_structure_content{

    padding:15px!important;

}

}
/* =====================================
   REMOVE HOME GOLD ACTIVE BACKGROUND
===================================== */


.pkp_navigation_primary > li:first-child > a{

    background:transparent!important;

    color:#ffffff!important;

}


/* Hover par hi gold show ho */

.pkp_navigation_primary > li:first-child > a:hover{

    background:#c5a14a!important;

    color:#551b1b!important;

}
/* =====================================
   MENU SEARCH BOX DESIGN
===================================== */


/* Search Position */

.pkp_navigation_primary_row .pkp_search{

    position:absolute!important;

    right:25px!important;

    top:7px!important;

    margin:0!important;

    display:flex!important;

    align-items:center!important;

}



/* Search Input */

.pkp_navigation_primary_row .pkp_search input{

    width:150px!important;

    height:28px!important;

    border:1px solid #ddd!important;

    border-right:none!important;

    border-radius:0!important;

    padding:5px 10px!important;

    font-size:12px!important;

    background:#ffffff!important;

}



/* Search Button */

.pkp_navigation_primary_row .pkp_search button{

    width:35px!important;

    height:28px!important;

    border:none!important;

    border-radius:0!important;

    background:#c5a14a!important;

    color:white!important;

    font-size:14px!important;

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

}



/* Hover */

.pkp_navigation_primary_row .pkp_search button:hover{

    background:#b08d35!important;

}



/* Mobile */

@media(max-width:768px){

.pkp_navigation_primary_row .pkp_search{

    display:none!important;

}

}
/* =====================================
   OJS ADMIN / USER MENU TOP RIGHT FIX
===================================== */


/* Header position */

.pkp_structure_head{

    position:relative!important;

}



/* User menu show */

.pkp_navigation_user_wrapper{

    display:block!important;

    position:absolute!important;

    top:12px!important;

    right:40px!important;

    z-index:999999!important;

}



/* Admin text */

.pkp_navigation_user_wrapper a{

    color:#551b1b!important;

    font-size:13px!important;

    font-weight:bold!important;

    text-decoration:none!important;

}



/* User menu list */

.pkp_navigation_user{

    display:flex!important;

    background:transparent!important;

}



/* Dropdown arrow */

.pkp_navigation_user .dropdown-menu-toggle{

    color:#551b1b!important;

}



/* Hover */

.pkp_navigation_user_wrapper a:hover{

    color:#c5a14a!important;

}



/* Mobile */

@media(max-width:768px){

.pkp_navigation_user_wrapper{

    top:8px!important;

    right:15px!important;

}


.pkp_navigation_user_wrapper a{

    font-size:12px!important;

}

}