/* =========================================================
   DEDIKASI JOURNAL THEME
   Elegant Brown Gold Theme
========================================================= */

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

body{
    font-family:tahoma,geneva,sans-serif;
    background:#f5f2ec url("https://i.ibb.co/4gP4HHH/Picture1.png") repeat;
    color:#2d2218;
}

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

.pkp_structure_head{
    background:#ffffff;
}

/* banner */
.pkp_site_name_wrapper{
    width:100%;
    padding:0;
    margin:0;
}

.pkp_site_name{
    margin:0;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

.pkp_site_name > a{
    padding-top:0;
    padding-bottom:0;
}

.pkp_site_name .is_img img{
    max-width:100%;
    max-height:100%;
    display:block;
}

/* =========================
   NAVIGATION MENU
========================= */

.pkp_navigation_primary_row{

    background:
    linear-gradient(
        180deg,
        #5a341c 0%,
        #3a2417 50%,
        #24150d 100%
    ) !important;

    border-top:1px solid rgba(255,255,255,.08);

    border-bottom:2px solid #c89b55;

    box-shadow:
    0 2px 8px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.05);
}

/* item menu */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li{
    padding:0 !important;
    margin:0 !important;
}

/* tulisan menu */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li a{

    margin:0 !important;

    padding:0 15px !important;

    line-height:42px !important;

    color:#f5dfb0 !important;

    font-weight:600 !important;

    letter-spacing:.3px;

    text-shadow:
    0 1px 2px rgba(0,0,0,.35);

    transition:.28s ease;
}

/* hover menu */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li a:hover{

    background:
    linear-gradient(
        180deg,
        #ecd29a 0%,
        #c08a3e 100%
    ) !important;

    color:#24150d !important;

    border-bottom:2px solid #fff2cf !important;

    text-shadow:none;

    box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    0 0 10px rgba(214,176,106,.35);
}

/* dropdown */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul{

    background:
    linear-gradient(
        180deg,
        #3a2417 0%,
        #24150d 100%
    ) !important;

    border:1px solid #9b6b33;
}

/* dropdown item */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul li{

    border-bottom:1px solid rgba(255,255,255,.05) !important;
}

/* dropdown hover */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul li a:hover{

    background:
    linear-gradient(
        180deg,
        #d6b06a 0%,
        #9b6b33 100%
    ) !important;

    color:#24150d !important;
}

/* =========================
   LOGIN BUTTON
========================= */

.pkp_navigation_user.pkp_nav_list .profile a{

    background:
    linear-gradient(
        180deg,
        #c08a3e 0%,
        #8a5b2b 100%
    ) !important;

    color:#ffffff !important;

    border:1px solid rgba(255,255,255,.15);

    border-radius:5px !important;

    padding-left:12px;
    padding-right:12px;

    box-shadow:
    0 2px 6px rgba(0,0,0,.2);

    transition:.28s ease;
}

/* login hover */
.pkp_navigation_user.pkp_nav_list .profile a:hover{

    background:
    linear-gradient(
        180deg,
        #f0d49a 0%,
        #c08a3e 100%
    ) !important;

    color:#24150d !important;

    box-shadow:
    0 0 10px rgba(214,176,106,.35);
}

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

.search_controls{

    background:
    linear-gradient(
        180deg,
        #fff7e8 0%,
        #f2dfbc 100%
    );

    border:1px solid #c89b55;

    border-radius:6px;

    box-shadow:
    inset 0 1px 2px rgba(255,255,255,.4),
    0 1px 3px rgba(0,0,0,.08);

    transition:.28s ease;
}

/* search hover */
.search_controls:hover{

    border-color:#d6b06a;

    box-shadow:
    0 0 8px rgba(214,176,106,.28);
}

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

.kepala{

    background:
    linear-gradient(
        180deg,
        #7b5128 0%,
        #4a2c1a 100%
    );

    color:#f5dfb0;

    padding:10px;

    font-weight:bold;

    line-height:23px;

    text-align:center;

    border-bottom:3px solid #d6b06a;

    text-shadow:
    1px 1px 2px rgba(0,0,0,.35);
}

/* sidebar body */
.badan{
    margin-top:-15px;
}

/* sidebar item */
.badan a{

    display:block;

    padding:10px;

    background:#ffffff;

    color:#5b341b;

    text-align:center;

    border-bottom:1px solid #d6b06a;

    transition:.25s ease;
}

/* sidebar hover */
.badan a:hover{

    background:
    linear-gradient(
        180deg,
        #c28a43 0%,
        #8a5a2a 100%
    );

    color:#ffffff;

    font-weight:bold;
}

/* =========================
   MAIN CONTENT
========================= */

.pkp_structure_content{
    background:#f8f5f1;
}

/* =========================
   ARTICLE CARD
========================= */

.obj_article_summary{

    background:#ffffff;

    border-radius:10px;

    padding:20px;

    box-shadow:
    0 3px 8px rgba(0,0,0,.08);

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

    transition:.25s ease;
}

/* hover card */
.obj_article_summary:hover{

    transform:translateY(-2px);

    box-shadow:
    0 6px 15px rgba(0,0,0,.12);
}

/* =========================
   TITLE & LINK
========================= */

.pkp_structure_main h1{
    font-size:20px;
    font-weight:600;
    color:#4a2c1a;
}

.pkp_structure_main h2,
.pkp_structure_main h3{
    color:#5b341b;
}

/* article link */
.pkp_structure_main a{
    color:#9b6b33 !important;
}

.pkp_structure_main a:hover{
    color:#c58b3f !important;
}

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

a.obj_galley_link{

    background:
    linear-gradient(
        180deg,
        #d6b06a 0%,
        #a46d33 100%
    ) !important;

    color:#ffffff !important;

    border:1px solid #d6b06a;

    border-radius:5px;

    padding:4px 16px;

    display:inline-block;

    font-weight:700;

    text-decoration:none;

    transition:.25s ease;

    box-shadow:
    0 2px 5px rgba(0,0,0,.12);
}

/* hover pdf */
a.obj_galley_link:hover{

    background:
    linear-gradient(
        180deg,
        #ffe7af 0%,
        #c68a3f 100%
    ) !important;

    color:#2a1a12 !important;

    border-color:#efd19a !important;
}

/* =========================
   ARTICLE DETAIL
========================= */

.main_entry{

    background:#ffffff;

    border-radius:10px;

    padding:20px;

    box-shadow:
    0 3px 10px rgba(0,0,0,.08);
}

/* abstract */
.main_entry .item.abstract{
    text-align:justify;
}

/* =========================
   FORM
========================= */

input,
textarea,
select{

    background:#ffffff !important;

    border:1px solid #d6b06a !important;

    color:#2d2218 !important;
}

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

.pkp_structure_footer_wrapper{

    background:
    linear-gradient(
        180deg,
        #2a1a12 0%,
        #1a120d 55%,
        #120c08 100%
    ) !important;

    border-top:2px solid #b88646;

    box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 -3px 10px rgba(0,0,0,.25);
}

/* footer text */
.pkp_footer_content,
.pkp_brand_footer{
    color:#ead8b0 !important;
}

/* footer layout */
.pkp_footer_content{
    float:left;
    width:70%;
    padding-top:15px;
    padding-bottom:15px;
}

.pkp_brand_footer{
    float:right;
    width:20%;
    padding-top:40px;
    padding-bottom:10px;
}

/* footer link */
.pkp_footer_content a,
.pkp_brand_footer a{
    color:#d6b06a !important;
}

/* footer hover */
.pkp_footer_content a:hover,
.pkp_brand_footer a:hover{
    color:#fff0ca !important;
}

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

.pkp_site_nav_toggle{
    background:#9b6b33 !important;
    color:#ffffff !important;
}

/* =========================
   CUSTOM BLOCK
========================= */

.pkp_block.block_custom{
    margin-top:-30px;
}

/* =========================
   MISC
========================= */

.galleys > h2:nth-child(1){
    border-bottom:none !important;
}

.pkp_structure_page{
    margin-top:0 !important;
}
/* =====================================================
   PAKSA WARNA TULISAN MENU MENJADI PUTIH/EMAS
===================================================== */

/* menu utama */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:link,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:visited{

    color:#f5dfb0 !important;

    font-weight:600 !important;

    text-shadow:
    0 1px 2px rgba(0,0,0,.35);

    transition:.28s ease;
}

/* hover menu */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover{

    color:#24150d !important;

    background:
    linear-gradient(
        180deg,
        #ecd29a 0%,
        #c08a3e 100%
    ) !important;
}

/* search */
.pkp_navigation_primary_row .search_prompt,
.pkp_navigation_primary_row .search_prompt:hover,
.pkp_navigation_primary_row .search_prompt:visited{

    color:#f5dfb0 !important;

    font-weight:600;
}

/* icon search */
.pkp_navigation_primary_row .fa,
.pkp_navigation_primary_row .fas,
.pkp_navigation_primary_row .glyphicon{

    color:#f5dfb0 !important;
}
/* =====================================================
   DROPDOWN MENU DEDIKASI
   Menyesuaikan dengan tema cokelat emas
===================================================== */

/* background dropdown */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul{

    background:
    linear-gradient(
        180deg,
        #4a2c1a 0%,
        #2b1a12 100%
    ) !important;

    border:1px solid #b88646 !important;

    box-shadow:
    0 4px 12px rgba(0,0,0,.28);
}

/* item dropdown */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul li{

    border-bottom:
    1px solid rgba(255,255,255,.06) !important;
}

/* tulisan dropdown */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul li a{

    color:#f3ddb0 !important;

    background:transparent !important;

    text-shadow:
    0 1px 2px rgba(0,0,0,.35);

    font-weight:600;
}

/* hover dropdown */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul li a:hover{

    background:
    linear-gradient(
        180deg,
        #e1bd79 0%,
        #b67b35 100%
    ) !important;

    color:#24150d !important;

    text-shadow:none;

    box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25);
}
/* =====================================================
   PAKSA WARNA DROPDOWN AGAR TIDAK ABU-ABU
===================================================== */

/* container dropdown */
.pkp_navigation_primary_row ul ul,
.pkp_navigation_primary_row .dropdown-menu,
.pkp_navigation_primary_row .pkp_nav_list ul{

    background:
    linear-gradient(
        180deg,
        #4a2c1a 0%,
        #2b1a12 100%
    ) !important;

    border:1px solid #b88646 !important;

    box-shadow:
    0 4px 12px rgba(0,0,0,.28) !important;
}

/* item dropdown */
.pkp_navigation_primary_row ul ul li,
.pkp_navigation_primary_row .dropdown-menu li,
.pkp_navigation_primary_row .pkp_nav_list ul li{

    background:transparent !important;

    border-bottom:
    1px solid rgba(255,255,255,.06) !important;
}

/* link dropdown */
.pkp_navigation_primary_row ul ul li a,
.pkp_navigation_primary_row .dropdown-menu li a,
.pkp_navigation_primary_row .pkp_nav_list ul li a{

    background:transparent !important;

    color:#f3ddb0 !important;

    font-weight:600 !important;

    text-shadow:
    0 1px 2px rgba(0,0,0,.35) !important;
}

/* hover dropdown */
.pkp_navigation_primary_row ul ul li a:hover,
.pkp_navigation_primary_row .dropdown-menu li a:hover,
.pkp_navigation_primary_row .pkp_nav_list ul li a:hover{

    background:
    linear-gradient(
        180deg,
        #e1bd79 0%,
        #b67b35 100%
    ) !important;

    color:#24150d !important;

    text-shadow:none !important;
}
/* =====================================================
   SUPER FORCE DROPDOWN COLOR FIX
   Menghilangkan abu-abu default OJS
===================================================== */

/* background dropdown */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li:hover ul,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li:focus ul{

    background:#3b2417 !important;

    background-image:
    linear-gradient(
        180deg,
        #5a341c 0%,
        #3b2417 55%,
        #24150d 100%
    ) !important;

    border:1px solid #b88646 !important;

    box-shadow:
    0 4px 14px rgba(0,0,0,.35) !important;
}

/* item dropdown */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li{

    background:transparent !important;

    border-bottom:
    1px solid rgba(255,255,255,.06) !important;
}

/* link dropdown */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a{

    background:transparent !important;

    background-color:transparent !important;

    color:#f3ddb0 !important;

    font-weight:600 !important;

    text-shadow:
    0 1px 2px rgba(0,0,0,.35) !important;
}

/* hover dropdown */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:hover{

    background:#c08a3e !important;

    background-image:
    linear-gradient(
        180deg,
        #e7c887 0%,
        #b7792f 100%
    ) !important;

    color:#24150d !important;

    text-shadow:none !important;
}
/* =====================================================
   UBAH WARNA TULISAN SEARCH
===================================================== */

.pkp_navigation_primary_row .search_prompt,
.pkp_navigation_primary_row .search_prompt:link,
.pkp_navigation_primary_row .search_prompt:visited,
.pkp_navigation_primary_row .search_prompt:hover,
.pkp_navigation_primary_row .search_prompt:focus{

    color:#f5dfb0 !important;

    font-weight:600 !important;

    text-shadow:
    0 1px 2px rgba(0,0,0,.35);
}

/* icon search */
.pkp_navigation_primary_row .search_prompt .fa,
.pkp_navigation_primary_row .search_prompt .fas,
.pkp_navigation_primary_row .search_prompt .glyphicon{

    color:#f5dfb0 !important;
}
/* =====================================================
   PAKSA TULISAN SEARCH MENJADI EMAS
===================================================== */

.pkp_navigation_primary_row a.search_prompt,
.pkp_navigation_primary_row a.search_prompt:link,
.pkp_navigation_primary_row a.search_prompt:visited,
.pkp_navigation_primary_row a.search_prompt:hover,
.pkp_navigation_primary_row a.search_prompt:focus,

.pkp_navigation_primary_row .search_prompt,
.pkp_navigation_primary_row .search_prompt span,
.pkp_navigation_primary_row .search_prompt strong{

    color:#f5dfb0 !important;

    text-shadow:
    0 1px 2px rgba(0,0,0,.35) !important;

    font-weight:600 !important;
}
/* =====================================================
   ULTIMATE FIX SEARCH TEXT OJS
===================================================== */

/* tulisan SEARCH */
.pkp_navigation_primary_row .task_count,
.pkp_navigation_primary_row .search_prompt,
.pkp_navigation_primary_row .search_prompt *,
.pkp_navigation_primary_row a.search_prompt,
.pkp_navigation_primary_row a.search_prompt *,
.pkp_navigation_primary_row .pkp_search.is_open .search_prompt,
.pkp_navigation_primary_row .pkp_search.is_open .search_prompt *{

    color:#f5dfb0 !important;

    fill:#f5dfb0 !important;

    text-shadow:
    0 1px 2px rgba(0,0,0,.35) !important;

    font-weight:600 !important;
}
/* =====================================================
   NUCLEAR FIX — SEARCH TEXT MASIH MERAH
===================================================== */

/* paksa semua elemen search */
.pkp_navigation_primary_row .pkp_search,
.pkp_navigation_primary_row .pkp_search *,
.pkp_navigation_primary_row .search,
.pkp_navigation_primary_row .search *,
.pkp_navigation_primary_row .search_prompt,
.pkp_navigation_primary_row .search_prompt *,
.pkp_navigation_primary_row a.search_prompt,
.pkp_navigation_primary_row a.search_prompt *,
.pkp_navigation_primary_row button.search_prompt,
.pkp_navigation_primary_row button.search_prompt *{

    color:#f5dfb0 !important;

    fill:#f5dfb0 !important;

    stroke:#f5dfb0 !important;

    border-color:#f5dfb0 !important;

    text-shadow:
    0 1px 2px rgba(0,0,0,.35) !important;
}

/* jika search memakai pseudo element */
.pkp_navigation_primary_row .search_prompt:before,
.pkp_navigation_primary_row .search_prompt:after,
.pkp_navigation_primary_row a.search_prompt:before,
.pkp_navigation_primary_row a.search_prompt:after{

    color:#f5dfb0 !important;
}

/* hover */
.pkp_navigation_primary_row .pkp_search:hover *,
.pkp_navigation_primary_row .search_prompt:hover,
.pkp_navigation_primary_row .search_prompt:hover *{

    color:#fff2cf !important;
}
/* =====================================================
   SEARCH HOVER DISAMAKAN DENGAN MENU ATAS
===================================================== */

/* tombol search normal */
.pkp_navigation_primary_row .pkp_search,
.pkp_navigation_primary_row .search_prompt,
.pkp_navigation_primary_row a.search_prompt{

    background:transparent !important;

    color:#f5dfb0 !important;

    transition:.28s ease;

    border-radius:3px;
}

/* efek hover search */
.pkp_navigation_primary_row .pkp_search:hover,
.pkp_navigation_primary_row .search_prompt:hover,
.pkp_navigation_primary_row a.search_prompt:hover{

    background:
    linear-gradient(
        180deg,
        #ecd29a 0%,
        #c08a3e 100%
    ) !important;

    color:#24150d !important;

    text-shadow:none !important;

    border-bottom:2px solid #fff2cf !important;

    box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    0 0 10px rgba(214,176,106,.35);
}

/* tulisan & icon saat hover */
.pkp_navigation_primary_row .pkp_search:hover *,
.pkp_navigation_primary_row .search_prompt:hover *,
.pkp_navigation_primary_row a.search_prompt:hover *{

    color:#24150d !important;

    fill:#24150d !important;
}
/* =====================================================
   HILANGKAN WARNA BIRU DROPDOWN HOVER
   Ganti menjadi emas elegan
===================================================== */

/* hover item dropdown */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul li a:hover,

.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul li a:focus,

.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul li a:active{

    background:
    linear-gradient(
        180deg,
        #ecd29a 0%,
        #c08a3e 100%
    ) !important;

    background-color:#c08a3e !important;

    color:#24150d !important;

    text-shadow:none !important;

    border:none !important;

    outline:none !important;

    box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 0 8px rgba(214,176,106,.30) !important;
}

/* hilangkan biru selection browser */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul li a::selection{

    background:#d6b06a !important;

    color:#24150d !important;
}

/* paksa semua state */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul li.current a,

.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul li.current a:hover{

    background:
    linear-gradient(
        180deg,
        #ecd29a 0%,
        #c08a3e 100%
    ) !important;

    color:#24150d !important;
}
/* =====================================================
   PERBAIKAN WARNA JUDUL ARTIKEL & TOMBOL PDF
===================================================== */

/* =========================
   JUDUL ARTIKEL
========================= */

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,

.obj_article_summary .title a,
.obj_article_summary .title{

    color:#2b1a12 !important;

    font-weight:700 !important;

    text-shadow:none !important;

    line-height:1.5;
}

/* hover judul artikel */
.obj_article_summary .title a:hover{

    color:#5a341c !important;
}

/* =========================
   TOMBOL PDF
========================= */

a.obj_galley_link{

    background:
    linear-gradient(
        180deg,
        #5a341c 0%,
        #3a2417 55%,
        #24150d 100%
    ) !important;

    color:#f5dfb0 !important;

    border:1px solid #b88646 !important;

    border-radius:5px;

    font-weight:700;

    box-shadow:
    0 2px 5px rgba(0,0,0,.18);

    transition:.28s ease;
}

/* hover tombol pdf */
a.obj_galley_link:hover{

    background:
    linear-gradient(
        180deg,
        #ecd29a 0%,
        #c08a3e 100%
    ) !important;

    color:#24150d !important;

    border-color:#efd19a !important;

    box-shadow:
    0 0 10px rgba(214,176,106,.35);
}