html,body {  
    background-image: url("https://jejakdosen.com/wp-content/uploads/2024/12/motif.jpg");  
  }

  .pkp_navigation_primary_row {background: #1a2f4b  !important} /*warna background header menu bar atas */.pkp_navigation_primary_row {background: #1a2f4b  !important} /*warna background header menu bar atas */
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li {padding: 0 !important;margin: 0 !important;}
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {margin: 0 !important; padding: 0 10px !important; line-height: 40px !important; }
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li, .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {font-family:Sunflower, helvetica, calibri; color: #1a2f4b  !important; font-weight: normal !important}
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {background: rgba(0,0,0,.3) !important}
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul, .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:hover {border-radius: 0 !important; -webkit-border-radius: 0 !important; -o-border-radius: 0 !important;}
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul { background: #dabc8d !important} /*warna background sub menu */
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li { border-bottom: solid 1px rgba(255,255,255,.35) !important;}
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child { border-bottom: none !important;}
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li, .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {font-family:Sunflower, helvetica, calibri; color: #ffffff !important; font-weight: normal !important}
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search.is_open input[type=text] {font-family: Sunflower, helvetica, calibri; color: #FFFFFF;}
  .pkp_structure_content {
    background: #ffff;
  }

  .pkp_block.block_make_submission .content {margin: 0 !important; padding: 0 !important; text-align: center !important}
  .pkp_block.block_make_submission .content a { background: #1a2f4b ; line-height: 40px; font-family : Sunflower, helvetica, calibri; color: #FFFFFF}
  .pkp_block.block_make_submission .content a:hover { background: rgba(0,0,0,0.25) !important;  color: #1a2f4b }

.pkp_structure_footer .pkp_footer_content {background: #1a2f4b ; padding: 10px !important;}
.pkp_structure_footer .pkp_footer_content p {margin: 0}
.pkp_structure_footer .pkp_brand_footer {background: #1a2f4b ; height: auto !important; padding: 0;} /*warna background Footer */
.pkp_structure_footer .pkp_brand_footer img {width: 48px !important; height: auto;}

.pkp_structure_footer .pkp_footer_content img {width: 88px; height:31px;}
.pkp_structure_footer .pkp_footer_content div.logo img{width: 65px; height:65px;}
.pkp_structure_footer .pkp_footer_content div.logo2 img{width: 88px; height:31px;}

/* Judul artikel di detail */
.page_title {
    color: #1a2f4b ;
}

/* nama penulis pada detail */
.name {
    color: #1a2f4b ;
}

.pkp_block .title {
    display: block;
    padding: 10px;
    text-align: left;
    background-color: #1a2f4b ;
    color: white;
    font-weight: bold;
}

/* Untuk teks "Search" di navigasi */
.pkp_navigation_search_wrapper .pkp_search {
    color: #Ffffff; /* Ganti dengan kode warna HEX yang Anda inginkan (misal: #FF0000 untuk merah) */
}

/* Jika Anda ingin juga mengubah warna ikon pencarian (fa fa-search) */
.pkp_navigation_search_wrapper .pkp_search .fa-search {
    color: #Ffffff; /* Ganti dengan kode warna HEX yang Anda inginkan */
}

/* Pastikan warna link saat di-hover juga diatur jika diperlukan */
.pkp_navigation_search_wrapper .pkp_search:hover {
    color: #e3dede; /* Warna saat di-hover (misal: biru) */
}

  /* rata kiri kanan abstract */
.obj_article_details .abstract {
    text-align: justify;
  }

/* untuk daftar artikel */
a {
    color: #1a2f4b ;
}

a:hover {
    color: #E58013;
}

.cmp_button_wire,
.obj_galley_link {
    background: #1a2f4b ;
    border: 1px solid #1a2f4b ;
    color: #fff;
}

.obj_article_summary {
    border: 1px solid #1a2f4b ;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 3px 3px #1a2f4b ;
}


/* header */
.pkp_site_name {
    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-height: 200px !important;
}

.pkp_site_name_wrapper {
    padding-left: 0;
    padding-right: 0;
}

.pkp_navigation_user_wrapper {
    top: 0;
    right: 0;
    padding-right: 30px;
}

.pkp_structure_page {
    margin-top: 20px !important;
    margin-bottom: 20 !important;
    padding-bottom: 20 !important;
}
/* Warna register dan Login*/

.pkp_navigation_user.pkp_nav_list .profile a {
  /*  border-radius: 15px !important;*/
    padding-left: 10px;
    padding-right: 5px;
}
.profile a {
    background: #1a2f4b !important;
    color: #ffffff !important
}

/* =====================================
   HUMANO MODERN QUICK MENU
   ===================================== */

   .head-menu{
    border:none;
    height:auto;
    margin-bottom:0;
}

.head-menu a{
    display:block;
    padding:14px;
    text-align:center;
    background:linear-gradient(135deg,#1a2f4b,#29476f);
    color:#ffffff !important;
    font-size:16px;
    font-weight:700;
    letter-spacing:.5px;
    text-decoration:none;
    border-radius:8px 8px 0 0;
}

.menu-sidebar{
    background:#ffffff;
    border:1px solid #e6e6e6;
    border-top:none;
    border-radius:0 0 8px 8px;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
    overflow:hidden;
    margin-bottom:20px;
}

.menu-sidebar ul{
    list-style:none;
    margin:0;
    padding:0;
}

.menu-sidebar li{
    margin:0;
    padding:0;
}

.menu-sidebar li a{
    display:block;
    padding:12px 15px;
    background:#ffffff;
    color:#333333 !important;
    text-decoration:none;
    font-size:13px;
    font-weight:500;
    border-bottom:1px solid #f0f0f0;
    transition:all .3s ease;
}

.menu-sidebar li:last-child a{
    border-bottom:none;
}

.menu-sidebar li a:hover{
    background:#f5f8fc;
    color:#1a2f4b !important;
    padding-left:22px;
    border-left:4px solid #E58013;
}

.menu-sidebar li a::before{
    content:"▸";
    color:#E58013;
    font-weight:bold;
    margin-right:8px;
}


/* Menu Lain */
/* .kepala {
    color: #ffffff;
    background: #075C07;
    padding: 10px;
    font-family: arial;
    line-height: 23px;
    border-bottom: 4px solid white;
    font-weight: bold;
    text-align: center;
} */

.badan a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid white;
    background: #F8F8F8;
    text-align: center;
    transition: 0.5s;
    color: black;

}

.badan {
    margin-top: -15px;
}


.badan a:hover {
    color: black !important;
    font-weight: bold;
    box-shadow: gray 0px 5px 10px 0px;
    display: fixed;
    position: relative
}


/* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        .pkp_site_name .is_img img {
    		display: inline-block;
    		max-height: 100%;
    		max-width: 80%;
    		width: auto;
    		height: auto;
	}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
	.pkp_site_name .is_img img {
    		max-height: 100% !important;
   		max-width: 80% !important;
	}
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
	.pkp_site_name .is_img img {
    		max-height: 100% !important;
   		max-width: 100% !important;
	}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
	.pkp_site_name .is_img img {
    		max-height: 100% !important;
   		max-width: 100% !important;
	}
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
	.pkp_site_name .is_img img {
    		max-height: 100% !important;
   		max-width: 100% !important;
	}
    }