/* ==========================================
   HARF-O-SUKHAN STYLE JOURNAL THEME
   Cream | Maroon | Gold Academic Design
========================================== */


/* BODY */
body{
    background:#faf7f2!important;
    font-family:"Georgia","Times New Roman",serif!important;
    color:#3b2222!important;
}


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

.pkp_structure_head{
    background:#f8f1e6!important;
    border-top:5px solid #8b5a2b!important;
    min-height:270px!important;
}


.pkp_site_name{
    padding:25px!important;
}


.pkp_site_name a{
    color:#64171b!important;
    font-size:42px!important;
    font-weight:bold!important;
    letter-spacing:2px;
}


/* Header Description */

.pkp_site_name_wrapper:after{
    content:"An International Research Journal of Language, Literature, and Linguistics";
    display:block;
    color:#8b6b45;
    font-size:15px;
    margin-top:10px;
}


/* ===============================
 USER LOGIN TOP RIGHT
================================ */

.pkp_navigation_user_wrapper{
    position:absolute!important;
    top:15px!important;
    right:40px!important;
}


.pkp_navigation_user a{
    color:#64171b!important;
    font-weight:bold;
}



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


.pkp_navigation_primary_row{

background:#64171b!important;
border-bottom:4px solid #c9a34a!important;

}


.pkp_navigation_primary > li > a{

color:white!important;
font-size:15px!important;
font-weight:bold!important;
padding:18px 22px!important;

}


.pkp_navigation_primary > li > a:hover{

background:#c9a34a!important;
color:#64171b!important;

}


/* Home Button */

.pkp_navigation_primary > li:first-child a{

background:#c9a34a!important;
color:#64171b!important;

}




/* ===============================
 FEATURE STRIP
================================ */


.pkp_structure_content{

background:#fff!important;

}


.homepage_about{

background:#64171b!important;
color:white!important;
padding:35px!important;
border-top:5px solid #c9a34a!important;

}



.homepage_about h2{

color:#e6c477!important;

}



/* ===============================
 ARTICLES BOX
================================ */


.obj_article_summary{

background:#fff!important;
border-left:5px solid #c9a34a!important;
padding:20px!important;
margin-bottom:15px!important;
box-shadow:0 4px 12px rgba(0,0,0,.08);

}


.obj_article_summary:hover{

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

}



.obj_article_summary .title a{

color:#64171b!important;
font-size:20px!important;
font-weight:bold!important;

}



/* ===============================
 PDF BUTTON
================================ */


.obj_article_summary .galley-link{

background:#64171b!important;
color:white!important;
border-radius:3px!important;
padding:10px 18px!important;

}


.obj_article_summary .galley-link:hover{

background:#c9a34a!important;
color:#64171b!important;

}



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


.pkp_block{

background:#fff!important;
border-top:4px solid #c9a34a!important;
padding:18px!important;
box-shadow:0 3px 10px #ddd!important;

}



.pkp_block h2{

color:#64171b!important;
font-size:18px!important;

}



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


.cmp_button,
button{

background:#64171b!important;
border:none!important;
color:white!important;
border-radius:3px!important;

}


.cmp_button:hover,
button:hover{

background:#c9a34a!important;
color:#64171b!important;

}



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


.pkp_structure_footer_wrapper{

background:#64171b!important;
border-top:5px solid #c9a34a!important;
color:white!important;

}


.pkp_footer_content{

color:white!important;
padding:40px!important;

}


.pkp_footer_content a{

color:#e6c477!important;

}



/* ===============================
 INDEXING BOX
================================ */


.block_make_submission{

background:#64171b!important;
border-radius:5px!important;
padding:20px!important;

}


.block_make_submission a{

color:white!important;
font-weight:bold!important;

}



/* ===============================
 HEADINGS
================================ */


h1,h2,h3,h4{

color:#64171b!important;

}


a{

color:#64171b;

}


a:hover{

color:#c9a34a;

}



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


@media(max-width:768px){


.pkp_site_name a{

font-size:28px!important;

}


.pkp_navigation_primary_row{

height:auto!important;

}


.obj_article_summary{

padding:15px!important;

}


.pkp_structure_head{

min-height:180px!important;

}


}
/* =====================================================
   HARF-O-SUKHAN FINAL CLEAN OJS CSS
===================================================== */


/* ================= GLOBAL ================= */

html,
body{

    margin:0!important;

    padding:0!important;

    width:100%!important;

    overflow-x:hidden!important;

    background:#f6efe4!important;

}



.pkp_structure_page{

    width:100%!important;

    max-width:1300px!important;

    margin:auto!important;

    background:#fff!important;

    overflow:hidden!important;

}





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


.pkp_structure_head{

    position:relative!important;

    width:100%!important;

    height:275px!important;

    overflow:hidden!important;

    background-size:cover!important;

    background-position:center!important;

}





/* Remove default OJS title */


.pkp_site_name_wrapper{

    display:none!important;

}





/* ================= ADMIN TOP RIGHT ================= */


.pkp_structure_head .pkp_navigation_user_wrapper{


    position:absolute!important;

    top:12px!important;

    right:25px!important;

    z-index:99999!important;


}



.pkp_navigation_user{


    display:flex!important;

    justify-content:flex-end!important;

    align-items:center!important;

    margin:0!important;

    padding:0!important;


}



.pkp_navigation_user li{


    list-style:none!important;

}



.pkp_navigation_user li a{


    color:#64171b!important;

    font-family:Georgia,serif!important;

    font-size:13px!important;

    font-weight:bold!important;

}





/* ================= MENU BAR ================= */


.pkp_navigation_primary_row{


    position:relative!important;

    width:100%!important;

    height:48px!important;

    background:#64171b!important;

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

    display:flex!important;

    align-items:center!important;


}





.pkp_navigation_primary_wrapper{


    width:100%!important;


}



.pkp_navigation_primary{


    display:flex!important;

    align-items:center!important;

    height:48px!important;

    margin-left:30px!important;

    padding:0!important;


}





.pkp_navigation_primary > li{


    height:48px!important;

}





.pkp_navigation_primary > li > a{


    height:48px!important;

    display:flex!important;

    align-items:center!important;

    padding:0 20px!important;


    color:#ffffff!important;


    background:transparent!important;


    font-size:12px!important;


    font-weight:bold!important;


    text-transform:uppercase!important;


}






/* REMOVE CURRENT GOLD */


.pkp_navigation_primary > li:first-child > a{


    background:transparent!important;

    color:#fff!important;


}






/* MENU HOVER */


.pkp_navigation_primary > li > a:hover{


    background:#c59b3b!important;

    color:#64171b!important;


}






/* ================= DROPDOWN ================= */


.pkp_navigation_primary .dropdown-menu{


    background:#64171b!important;

    border:none!important;

    margin-top:0!important;

    min-width:180px!important;


}



.pkp_navigation_primary .dropdown-menu a{


    color:white!important;

    padding:12px 15px!important;

    font-size:12px!important;


}



.pkp_navigation_primary .dropdown-menu a:hover{


    background:#c59b3b!important;

    color:#64171b!important;


}







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


.pkp_navigation_search_wrapper{


    position:absolute!important;

    right:30px!important;

    top:10px!important;


}



.pkp_search{


    display:flex!important;

}



.pkp_search input{


    width:130px!important;

    height:28px!important;

    border:none!important;


}



.pkp_search button{


    height:28px!important;

    width:32px!important;

    background:#c59b3b!important;

    color:#fff!important;

    border:none!important;


}





/* ================= HERO ================= */


.pkp_page_index .homepage_about{


    background:linear-gradient(

    120deg,

    #4d0d10,

    #71191d

    )!important;


    color:white!important;

    padding:45px!important;

    border-bottom:4px solid #c59b3b!important;


}



.pkp_page_index .homepage_about p{


    color:white!important;

}





/* ================= ARTICLES ================= */


.obj_article_summary{


    background:white!important;

    border-left:5px solid #c59b3b!important;

    padding:20px!important;

    margin-bottom:20px!important;

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


}



.obj_article_summary h3 a{


    color:#64171b!important;


}





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


.pkp_block{


    background:#fff!important;

    border-top:4px solid #c59b3b!important;

    padding:20px!important;


}



.pkp_block .title{


    color:#64171b!important;

}





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


.pkp_structure_footer_wrapper{


    background:#3b0c0f!important;

    color:white!important;

    border-top:5px solid #c59b3b!important;

    padding:40px!important;


}



.pkp_structure_footer_wrapper a{


    color:#e2c56a!important;


}





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


@media(max-width:768px){


.pkp_structure_head{

    height:190px!important;

}



.pkp_navigation_primary{

    margin-left:0!important;

    display:block!important;

}



.pkp_navigation_primary > li > a{


    padding:10px!important;

    font-size:11px!important;


}


.pkp_navigation_search_wrapper{


    display:none!important;

}



}
/* =====================================
   SMALL HEADER BANNER + MENU BELOW
===================================== */


/* Header Banner Size */

.pkp_structure_head{

    height:210px!important;
    min-height:210px!important;
    position:relative!important;
    overflow:hidden!important;

    background-size:cover!important;
    background-position:center!important;

}



/* Hide default title */

.pkp_site_name_wrapper{

    display:none!important;

}



/* Menu Below Banner */

.pkp_navigation_primary_row{

    position:relative!important;

    width:100%!important;

    height:45px!important;

    background:#64171b!important;

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

    z-index:100!important;

}



/* Menu Alignment */

.pkp_navigation_primary_wrapper{

    width:100%!important;

}


.pkp_navigation_primary{

    height:45px!important;

    display:flex!important;

    align-items:center!important;

    margin-left:25px!important;

}



.pkp_navigation_primary > li > a{

    height:45px!important;

    display:flex!important;

    align-items:center!important;

    padding:0 18px!important;

    color:#fff!important;

    font-size:12px!important;

    text-transform:uppercase!important;

}



/* Hover */

.pkp_navigation_primary > li > a:hover{

    background:#c59b3b!important;

    color:#64171b!important;

}



/* Search */

.pkp_navigation_search_wrapper{

    top:8px!important;

    right:25px!important;

}



/* Admin */

.pkp_navigation_user_wrapper{

    top:10px!important;

    right:25px!important;

}



/* Mobile */

@media(max-width:768px){

.pkp_structure_head{

height:150px!important;

min-height:150px!important;

}

}