/* =====================================================
   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;

}

}
/* =====================================
   HOME ICON MENU BUTTON
===================================== */


/* Home first menu */

.pkp_navigation_primary > li:first-child > a{

    width:50px!important;

    height:50px!important;

    padding:0!important;

    display:flex!important;

    justify-content:center!important;

    align-items:center!important;

    background:#c5a14a!important;

    color:white!important;

    font-size:0!important;

}



/* Add Home Icon */

.pkp_navigation_primary > li:first-child > a:before{

    content:"\f015";

    font-family:"Font Awesome 5 Free";

    font-weight:900;

    font-size:16px!important;

}



/* Home hover */

.pkp_navigation_primary > li:first-child > a:hover{

    background:#b08d35!important;

    color:white!important;

}



/* =====================================
   SEARCH BOX SAME AS IMAGE
===================================== */


.pkp_navigation_primary_row .pkp_search{

    position:absolute!important;

    right:45px!important;

    top:9px!important;

    display:flex!important;

    height:32px!important;

}



/* Search Input */

.pkp_navigation_primary_row .pkp_search input{

    width:130px!important;

    height:30px!important;

    background:#ffffff!important;

    border:none!important;

    border-radius:2px 0 0 2px!important;

    padding:5px 8px!important;

    font-size:12px!important;

}



/* Search Button */

.pkp_navigation_primary_row .pkp_search button{

    width:35px!important;

    height:30px!important;

    background:#c5a14a!important;

    border:none!important;

    color:white!important;

    border-radius:0 2px 2px 0!important;

    font-size:14px!important;

}



/* Search Hover */

.pkp_navigation_primary_row .pkp_search button:hover{

    background:#b08d35!important;

}



/* Keep menu aligned */

.pkp_navigation_primary_row{

    display:flex!important;

    align-items:center!important;

}



/* Mobile hide search */

@media(max-width:768px){

.pkp_navigation_primary_row .pkp_search{

    display:none!important;

}

}
/* =====================================
   LOGIN EXACT TOP RIGHT CORNER
   ===================================== */


.pkp_navigation_user_wrapper{

    position:fixed!important;

    top:15px!important;

    right:25px!important;

    left:auto!important;

    transform:none!important;

    z-index:99999999!important;

}



/* User menu alignment */

.pkp_navigation_user{

    display:flex!important;

    justify-content:flex-end!important;

    align-items:center!important;

}



/* Login button */

.pkp_navigation_user_wrapper a{

    background:#ffffff!important;

    color:#551b1b!important;

    padding:6px 15px!important;

    border-radius:4px!important;

    font-weight:bold!important;

}



/* Remove center positioning */

.pkp_navigation_user_wrapper{

    margin-left:0!important;

    margin-right:0!important;

}
/* =====================================
   HARF-O-SUKHAN ADMIN MENU FINAL STYLE
   ===================================== */


/* Admin Button Position */

.pkp_navigation_user_wrapper{

    position:absolute!important;

    top:15px!important;

    right:25px!important;

    left:auto!important;

    z-index:999999!important;

}



/* Admin Button */

.pkp_navigation_user_wrapper > a,
.pkp_navigation_user .dropdown-menu-toggle{

    background:#ffffff!important;

    color:#551b1b!important;

    border-radius:4px!important;

    padding:8px 14px!important;

    font-family:Georgia,serif!important;

    font-weight:bold!important;

}




/* Dropdown Position */

.pkp_navigation_user .dropdown-menu,
.pkp_navigation_user_wrapper .dropdown-menu{

    position:absolute!important;

    top:100%!important;

    right:0!important;

    left:auto!important;

    margin-top:5px!important;

    width:180px!important;

    background:#551b1b!important;

    border-top:3px solid #c5a14a!important;

    padding:0!important;

    border-radius:0!important;

    box-shadow:0 5px 15px rgba(0,0,0,.25)!important;

}



/* Dropdown Options */

.pkp_navigation_user .dropdown-menu li a,
.pkp_navigation_user_wrapper .dropdown-menu li a{

    background:#551b1b!important;

    color:white!important;

    padding:12px 18px!important;

    font-family:Georgia,serif!important;

    font-size:14px!important;

    font-weight:bold!important;

    white-space:nowrap!important;

}



/* Hover */

.pkp_navigation_user .dropdown-menu li a:hover,
.pkp_navigation_user_wrapper .dropdown-menu li a:hover{

    background:#c5a14a!important;

    color:#551b1b!important;

}



/* Arrow */

.pkp_navigation_user .dropdown-menu-toggle:after{

    color:#c5a14a!important;

}
/* =====================================
   ADMIN DROPDOWN ALIGN WITH BUTTON
   ===================================== */


.pkp_navigation_user_wrapper{

    position:absolute!important;

    top:15px!important;

    right:25px!important;

}



/* Dropdown exact under admin button */

.pkp_navigation_user_wrapper .dropdown-menu,
.pkp_navigation_user .dropdown-menu{

    position:absolute!important;

    top:100%!important;

    right:0!important;

    left:auto!important;

    margin-top:5px!important;

    transform:none!important;

}



/* Dropdown width */

.pkp_navigation_user_wrapper .dropdown-menu{

    width:180px!important;

}



/* Keep text aligned */

.pkp_navigation_user_wrapper .dropdown-menu li a{

    text-align:left!important;

    padding:12px 18px!important;

}
/* =====================================
   REMOVE GOLD HOME BOX
   MAKE HOME TEXT
   ===================================== */


/* Home button normal */

.pkp_navigation_primary > li:first-child > a{

    width:auto!important;

    height:50px!important;

    padding:0 22px!important;

    background:transparent!important;

    color:white!important;

    font-size:14px!important;

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

}



/* Remove Home Icon */

.pkp_navigation_primary > li:first-child > a:before{

    content:none!important;

}



/* Show Home Text */

.pkp_navigation_primary > li:first-child > a{

    font-size:14px!important;

}



/* Hover */

.pkp_navigation_primary > li:first-child > a:hover{

    background:#c5a14a!important;

    color:#551b1b!important;

}
/* =====================================
   HARF-O-SUKHAN MOBILE MENU FINAL
   ===================================== */


@media(max-width:768px){


/* Mobile menu panel */

.pkp_navigation_primary_wrapper{

    position:fixed!important;

    top:0!important;

    left:0!important;

    width:100%!important;

    height:100vh!important;

    background:#551b1b!important;

    z-index:99999!important;

    overflow-y:auto!important;

    padding:60px 20px 20px 20px!important;

}



/* Menu list */

.pkp_navigation_primary{

    display:block!important;

    margin:0!important;

    padding:0!important;

}



/* Main menu items */

.pkp_navigation_primary > li{

    display:block!important;

    width:100%!important;

}



/* Menu links */

.pkp_navigation_primary > li > a{

    display:block!important;

    color:white!important;

    background:transparent!important;

    font-size:16px!important;

    font-weight:normal!important;

    text-transform:none!important;

    padding:8px 0!important;

    height:auto!important;

}



/* Hover */

.pkp_navigation_primary > li > a:hover{

    color:#c5a14a!important;

}



/* Dropdown policies */

.pkp_navigation_primary ul{

    display:block!important;

    position:static!important;

    width:100%!important;

    background:transparent!important;

    border:none!important;

    box-shadow:none!important;

    padding-left:15px!important;

}



/* Dropdown links */

.pkp_navigation_primary ul li a{

    color:white!important;

    font-size:14px!important;

    padding:6px 0!important;

    background:transparent!important;

}



/* Remove desktop search */

.pkp_search,
.pkp_navigation_search_wrapper{

    display:none!important;

}



/* Hide admin on mobile menu */

.pkp_navigation_user_wrapper{

    display:none!important;

}



/* Body no horizontal scroll */

body{

    overflow-x:hidden!important;

}


}
/* =====================================
   HARF-O-SUKHAN HEADER BANNER IMAGE
   ===================================== */

.pkp_structure_head{

    position:relative!important;

    height:300px!important;

    min-height:300px!important;

    background-image:url("https://harf-o-sukhan.com/public/journals/1/journalThumbnail_en.png?1787563023000")!important;

    background-size:cover!important;

    background-position:center center!important;

    background-repeat:no-repeat!important;

}


/* Remove default journal title area */

.pkp_site_name{

    display:none!important;

}


/* Keep admin top right */

.pkp_navigation_user_wrapper{

    position:absolute!important;

    top:12px!important;

    right:35px!important;

    z-index:999999!important;

}



/* Menu below banner */

.pkp_site_nav_menu{

    position:relative!important;

}



/* Mobile */

@media(max-width:768px){

.pkp_structure_head{

    height:120px!important;

    min-height:120px!important;

    background-size:cover!important;

}

}
/* =====================================
   BANNER FIRST - MENU BELOW FIX
   ===================================== */


/* Header banner */

.pkp_structure_head{

    position:relative!important;

    height:300px!important;

    min-height:300px!important;

    z-index:1!important;

}



/* Navigation below banner */

.pkp_site_nav_menu{

    position:relative!important;

    top:auto!important;

    z-index:999!important;

    margin-top:0!important;

}



/* Menu bar */

.pkp_navigation_primary_row{

    position:relative!important;

    top:auto!important;

    width:100%!important;

    height:50px!important;

    background:#551b1b!important;

    border-bottom:3px solid #c5a14a!important;

}



/* Admin top right */

.pkp_navigation_user_wrapper{

    position:absolute!important;

    top:10px!important;

    right:30px!important;

    z-index:99999!important;

}



/* Admin button */

.pkp_navigation_user_wrapper a{

    background:white!important;

    color:#551b1b!important;

    padding:6px 12px!important;

    border-radius:3px!important;

}



/* Remove overlap */

.pkp_structure_content{

    margin-top:0!important;

}



/* Mobile */

@media(max-width:768px){

.pkp_structure_head{

    height:120px!important;

    min-height:120px!important;

}


}
/* =====================================================
   HARF-O-SUKHAN DESKTOP HEADER FINAL FIX
   MOBILE CSS WILL NOT BE AFFECTED
   ===================================================== */

@media screen and (min-width:769px){

/* ---------------------------------
   COMPLETE HEADER
   34px top bar
   300px banner
   50px menu
   --------------------------------- */

.pkp_structure_head{
    position:relative!important;
    display:block!important;

    width:100%!important;

    height:384px!important;
    min-height:384px!important;
    max-height:384px!important;

    margin:0!important;
    padding:0!important;

    background:#ffffff!important;
    overflow:visible!important;

    border:0!important;
}


/* ---------------------------------
   BANNER IMAGE
   --------------------------------- */

.pkp_structure_head::before{
    content:""!important;

    position:absolute!important;

    top:34px!important;
    left:0!important;

    width:100%!important;
    height:300px!important;

    background-image:url("https://harf-o-sukhan.com/public/journals/1/journalThumbnail_en.png?1787563023000")!important;

    background-size:100% 100%!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;

    z-index:1!important;
}


/* ---------------------------------
   HIDE DEFAULT OJS TITLE / LOGO
   --------------------------------- */

.pkp_site_name,
.pkp_site_name_wrapper,
.pkp_site_name > a,
.pkp_site_name .is_img,
.pkp_site_name img{
    display:none!important;
}


/* ---------------------------------
   NAVIGATION CONTAINER RESET
   --------------------------------- */

.pkp_site_nav_menu{
    display:block!important;

    position:static!important;

    width:100%!important;
    height:auto!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
}


/* ---------------------------------
   ADMIN — TOP RIGHT
   --------------------------------- */

.pkp_navigation_user_wrapper{
    display:block!important;

    position:absolute!important;

    top:3px!important;
    right:35px!important;
    left:auto!important;

    margin:0!important;
    padding:0!important;

    z-index:999999!important;

    transform:none!important;
}


/* Admin button */

.pkp_navigation_user_wrapper > ul,
.pkp_navigation_user{
    margin:0!important;
    padding:0!important;
}


.pkp_navigation_user .dropdown-menu-toggle{
    background:transparent!important;

    color:#551b1b!important;

    padding:6px 10px!important;

    font-family:Georgia,serif!important;
    font-size:12px!important;
    font-weight:bold!important;

    border:0!important;
    box-shadow:none!important;
}


/* ---------------------------------
   ADMIN DROPDOWN
   --------------------------------- */

.pkp_navigation_user .dropdown-menu,
.pkp_navigation_user_wrapper .dropdown-menu{
    position:absolute!important;

    top:100%!important;
    right:0!important;
    left:auto!important;

    width:180px!important;

    margin-top:2px!important;
    padding:0!important;

    background:#551b1b!important;

    border-top:3px solid #c5a14a!important;

    box-shadow:0 5px 15px rgba(0,0,0,.25)!important;

    z-index:9999999!important;
}


.pkp_navigation_user .dropdown-menu li a,
.pkp_navigation_user_wrapper .dropdown-menu li a{
    display:block!important;

    background:#551b1b!important;

    color:#ffffff!important;

    padding:11px 18px!important;

    font-size:14px!important;
    font-family:Georgia,serif!important;
    font-weight:bold!important;

    white-space:nowrap!important;
}


.pkp_navigation_user .dropdown-menu li a:hover,
.pkp_navigation_user_wrapper .dropdown-menu li a:hover{
    background:#c5a14a!important;
    color:#551b1b!important;
}


/* ---------------------------------
   MENU EXACTLY BELOW BANNER
   --------------------------------- */

.pkp_navigation_primary_row{
    position:absolute!important;

    top:334px!important;
    left:0!important;

    width:100%!important;

    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;

    margin:0!important;
    padding:0!important;

    background:#551b1b!important;

    border-top:2px solid #c5a14a!important;
    border-bottom:3px solid #c5a14a!important;

    z-index:9999!important;

    overflow:visible!important;
}


/* Menu wrapper */

.pkp_navigation_primary_wrapper{
    position:relative!important;

    display:flex!important;
    align-items:center!important;

    width:100%!important;
    height:50px!important;

    margin:0!important;
    padding:0!important;

    background:#551b1b!important;

    overflow:visible!important;
}


/* Main menu */

.pkp_navigation_primary,
.pkp_nav_list.pkp_navigation_primary{
    display:flex!important;

    flex-direction:row!important;
    flex-wrap:nowrap!important;

    align-items:center!important;
    justify-content:flex-start!important;

    width:auto!important;
    height:50px!important;

    margin:0 220px 0 120px!important;
    padding:0!important;

    white-space:nowrap!important;
}


/* Menu items */

.pkp_navigation_primary > li{
    display:flex!important;

    flex:0 0 auto!important;

    height:50px!important;

    margin:0!important;
    padding:0!important;
}


/* Menu links */

.pkp_navigation_primary > li > a{
    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    height:50px!important;

    margin:0!important;
    padding:0 20px!important;

    background:transparent!important;

    color:#ffffff!important;

    font-family:Georgia,serif!important;
    font-size:14px!important;
    font-weight:bold!important;

    text-transform:uppercase!important;
    text-decoration:none!important;

    white-space:nowrap!important;
}


/* Home normal — no gold block */

.pkp_navigation_primary > li:first-child > a{
    width:auto!important;

    background:transparent!important;

    color:#ffffff!important;

    font-size:14px!important;
}


.pkp_navigation_primary > li:first-child > a::before{
    content:none!important;
    display:none!important;
}


/* Hover */

.pkp_navigation_primary > li > a:hover{
    background:#c5a14a!important;
    color:#551b1b!important;
}


/* ---------------------------------
   POLICIES / ABOUT DROPDOWN
   --------------------------------- */

.pkp_navigation_primary ul{
    position:absolute!important;

    top:50px!important;
    left:0!important;

    width:230px!important;

    margin:0!important;
    padding:0!important;

    background:#551b1b!important;

    border-top:3px solid #c5a14a!important;

    box-shadow:0 5px 15px rgba(0,0,0,.25)!important;

    z-index:999999!important;
}


.pkp_navigation_primary ul li a{
    display:block!important;

    background:#551b1b!important;

    color:#ffffff!important;

    padding:12px 18px!important;

    font-size:13px!important;

    white-space:normal!important;
}


.pkp_navigation_primary ul li a:hover{
    background:#c5a14a!important;
    color:#551b1b!important;
}


/* ---------------------------------
   SEARCH — RIGHT SIDE OF MENU
   --------------------------------- */

.pkp_navigation_primary_row .pkp_search{
    display:flex!important;

    position:absolute!important;

    top:9px!important;
    right:35px!important;

    height:30px!important;

    margin:0!important;

    z-index:99999!important;
}


.pkp_navigation_primary_row .pkp_search input{
    width:135px!important;
    height:30px!important;

    background:#ffffff!important;

    border:0!important;

    border-radius:3px 0 0 3px!important;

    padding:5px 9px!important;

    font-size:12px!important;
}


.pkp_navigation_primary_row .pkp_search button{
    width:36px!important;
    height:30px!important;

    background:#c5a14a!important;

    color:#ffffff!important;

    border:0!important;

    border-radius:0 3px 3px 0!important;
}


/* ---------------------------------
   CONTENT STARTS AFTER HEADER
   --------------------------------- */

.pkp_structure_content{
    clear:both!important;

    margin-top:0!important;

    padding-top:30px!important;
}

}
/* =====================================
   HARF-O-SUKHAN MOBILE HEADER FIX
   ===================================== */

@media(max-width:768px){


/* Mobile header */

.pkp_structure_head{

    height:120px!important;

    min-height:120px!important;

    position:relative!important;

}


/* Logo center */

.pkp_site_name{

    display:block!important;

    position:absolute!important;

    top:15px!important;

    left:55px!important;

    z-index:10!important;

}


.pkp_site_name img{

    max-width:190px!important;

    height:auto!important;

}



/* Mobile menu button */

.pkp_mobile_menu_toggle{

    display:block!important;

    position:absolute!important;

    top:15px!important;

    left:10px!important;

    z-index:99999!important;

}



/* Login/Admin show */

.pkp_navigation_user_wrapper{

    display:block!important;

    position:absolute!important;

    top:15px!important;

    right:10px!important;

    left:auto!important;

    z-index:99999!important;

}


/* Login button */

.pkp_navigation_user_wrapper a{

    background:white!important;

    color:#551b1b!important;

    padding:5px 8px!important;

    font-size:12px!important;

    border-radius:3px!important;

}



/* Hide menu from header */

.pkp_navigation_primary_row{

    margin-top:0!important;

}



/* Mobile opened menu */

.pkp_navigation_primary_wrapper{

    z-index:999999!important;

}


}
/* =====================================
   MOBILE HEADER CLEAN FIX
   ===================================== */

@media(max-width:768px){


/* Hide OJS default title text */

.pkp_site_name h1,
.pkp_site_name .site_name{

    display:none!important;

}


/* Hide duplicate text */

.pkp_site_name{

    display:none!important;

}


/* Header size */

.pkp_structure_head{

    height:110px!important;

    min-height:110px!important;

    overflow:hidden!important;

}



/* Banner image */

.pkp_structure_head::before{

    top:0!important;

    height:110px!important;

    background-size:contain!important;

    background-position:center!important;

    background-repeat:no-repeat!important;

}



/* Hamburger icon */

.pkp_mobile_menu_toggle,
.pkp_nav_toggle_button{

    display:flex!important;

    position:fixed!important;

    top:15px!important;

    left:10px!important;

    width:35px!important;

    height:35px!important;

    z-index:999999!important;

    background:#551b1b!important;

    color:white!important;

    align-items:center!important;

    justify-content:center!important;

}



/* Icon */

.pkp_mobile_menu_toggle:before,
.pkp_nav_toggle_button:before{

    content:"☰"!important;

    color:white!important;

    font-size:25px!important;

}


/* Admin/Login */

.pkp_navigation_user_wrapper{

    display:block!important;

    position:absolute!important;

    top:10px!important;

    right:10px!important;

    z-index:999999!important;

}


}
/* =====================================
   DROPDOWN MENU EXACT BELOW NAVBAR
   ===================================== */

.pkp_navigation_primary > li{
    position:relative!important;
}


.pkp_navigation_primary > li > ul,
.pkp_navigation_primary > li > .dropdown-menu{

    position:absolute!important;

    top:50px!important;   /* menu height ke barabar */

    left:0!important;

    margin:0!important;

    padding:0!important;

    transform:none!important;

    background:#551b1b!important;

    border-top:3px solid #c5a14a!important;

    z-index:999999!important;

}


/* Dropdown item */

.pkp_navigation_primary > li > ul li a,
.pkp_navigation_primary > li > .dropdown-menu li a{

    background:#551b1b!important;

    color:#ffffff!important;

    padding:12px 22px!important;

    display:block!important;

}


/* Hover */

.pkp_navigation_primary > li > ul li a:hover,
.pkp_navigation_primary > li > .dropdown-menu li a:hover{

    background:#c5a14a!important;

    color:#551b1b!important;

}
/* =====================================
   HARF-O-SUKHAN HOME PAGE DESIGN
===================================== */


.hs-home-section{

padding:40px;

background:#f8f3e8;

}



/* About Box */

.hs-about-box{

background:#551b1b;

color:white;

padding:35px;

border-top:5px solid #c5a14a;

border-radius:8px;

}


.hs-about-box h2{

color:#c5a14a;

font-size:30px;

}


.hs-about-box p{

font-size:16px;

line-height:1.8;

}



/* Cards */

.hs-info-boxes{

display:flex;

gap:20px;

margin-top:30px;

}


.hs-card{

flex:1;

background:white;

padding:25px;

text-align:center;

border-top:4px solid #551b1b;

box-shadow:0 3px 10px #ddd;

}


.hs-card h3{

color:#551b1b;

}



/* Current Issue */

.hs-current{

margin-top:35px;

background:#551b1b;

color:white;

padding:30px;

text-align:center;

border-top:4px solid #c5a14a;

}


.hs-current h2{

color:#c5a14a;

}


.hs-current a{

background:#c5a14a;

color:#551b1b!important;

padding:10px 25px;

display:inline-block;

margin-top:15px;

font-weight:bold;

}



/* Mobile */

@media(max-width:768px){

.hs-home-section{

padding:15px;

}


.hs-info-boxes{

display:block;

}


.hs-card{

margin-bottom:20px;

}

}
/* =====================================
   REMOVE OJS VERTICAL LINES + CLEAN HOME
   ===================================== */


@media(min-width:769px){

/* Remove side borders */

.pkp_structure_page,
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_body{

    border-left:none!important;
    border-right:none!important;

}


/* Remove OJS column lines */

.pkp_structure_main:before,
.pkp_structure_main:after,
.pkp_structure_content:before,
.pkp_structure_content:after{

    display:none!important;

}


/* Homepage container */

.page_index_journal .homepage_image,
.page_index_journal .page_index_journal{

    width:100%!important;

}



/* Home content width */

.hs-home-section{

    width:100%!important;

    max-width:1200px!important;

    margin:0 auto!important;

}


/* Main page background */

body{

    background:#ffffff!important;

}


}