:root { --dn-dark: #065657; --dn-main: #0b989b; --dn-mid: #0d7b7d; --dn-light: #2bb7bc; --dn-pale: #e8f6f6; --dn-ink: #24302f; --dn-line: #d6e6e6; } body { background: #f2f6f6; color: var(--dn-ink); } .pkp_structure_head { background: radial-gradient(circle at 85% 20%, rgba(43,183,188,.25), transparent 40%), linear-gradient(120deg, #ffffff 0%, #eef8f8 55%, #d9f0f0 100%); border-bottom: 0; } .pkp_site_name_wrapper { padding-top: 18px; padding-bottom: 18px; } .pkp_site_name .is_img, .pkp_site_name .is_img:hover { text-decoration: none; } .pkp_structure_head { border-bottom: 3px solid var(--dn-light); } .pkp_site_name .is_img { display: flex; align-items: center; gap: 18px; max-width: none; } .pkp_site_name .is_img img { max-height: 72px; width: auto; } .pkp_site_name .is_img::after { content: "Dharma Nusantara: Jurnal Ilmiah Pemberdayaan dan Pengabdian kepada Masyarakat"; display: block; padding-left: 18px; border-left: 2px solid var(--dn-line); font-family: Georgia, "Noto Serif", serif; font-size: 22px; font-weight: 700; line-height: 1.25; color: var(--dn-dark); max-width: 640px; } .pkp_navigation_user_wrapper a, .pkp_navigation_user > li > a { color: var(--dn-dark); } .pkp_navigation_primary_row { background: linear-gradient(90deg, var(--dn-dark), var(--dn-mid)); border-bottom: 0; background: var(--dn-dark); box-shadow: -100vmax 0 0 var(--dn-dark), 100vmax 0 0 var(--dn-dark); } .pkp_navigation_primary_wrapper { padding-top: 0; padding-bottom: 0; } .pkp_navigation_primary > li > a, .pkp_navigation_search_wrapper a { color: #fff !important; font-weight: 600; padding: 14px 14px; margin: 0; border-bottom: 0; } .pkp_navigation_primary > li > a:hover, .pkp_navigation_primary > li > a:focus, .pkp_navigation_search_wrapper a:hover { background: rgba(255,255,255,.12); color: #fff !important; border-bottom: 0; } .pkp_navigation_primary ul { background: #fff; border: 1px solid var(--dn-line); border-radius: 8px; box-shadow: 0 8px 24px rgba(6,86,87,.15); } .pkp_navigation_primary ul a { color: var(--dn-dark) !important; } .pkp_navigation_primary ul a:hover { background: var(--dn-pale); border-left-color: var(--dn-main); } .pkp_structure_content { background: transparent; padding-top: 24px; } .pkp_structure_main { background: #fff; border: 1px solid var(--dn-line); border-radius: 12px; } .pkp_structure_main::before, .pkp_structure_main::after { display: none; } .pkp_structure_sidebar .pkp_block { background: #fff; border: 1px solid var(--dn-line); border-radius: 12px; padding: 0 0 12px; margin: 0 0 22px; overflow: hidden; box-shadow: 0 2px 8px rgba(6,86,87,.06); } .pkp_structure_sidebar .pkp_block .title { display: block; background: linear-gradient(90deg, var(--dn-dark), var(--dn-mid)); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 12px 18px; margin: 0 0 10px; } .pkp_structure_sidebar .pkp_block .title .fa { margin-right: 8px; } .pkp_structure_sidebar .pkp_block .content { padding: 0 14px; } .pkp_structure_sidebar .pkp_block ul { margin: 0; padding: 0; } .pkp_structure_sidebar .pkp_block li { list-style: none; } .dn-side a, .pkp_block.block_information li a, .pkp_block.block_language li a { display: flex; align-items: center; gap: 10px; padding: 9px 4px; border-bottom: 1px solid #edf3f3; color: var(--dn-ink); text-decoration: none; font-size: 14px; } .dn-side a:last-child { border-bottom: 0; } .dn-side a .fa { width: 18px; text-align: center; color: var(--dn-main); } .dn-side a:hover, .pkp_block.block_information li a:hover, .pkp_block.block_language li a:hover { color: var(--dn-main); background: var(--dn-pale); } .dn-side a.dn-cta { justify-content: center; margin: 4px 0 10px; padding: 12px; border: 0; border-radius: 8px; background: linear-gradient(90deg, var(--dn-main), var(--dn-mid)); color: #fff; font-weight: 700; box-shadow: 0 4px 12px rgba(11,152,155,.3); } .dn-side a.dn-cta .fa { color: #fff; } .dn-side a.dn-cta:hover { background: var(--dn-dark); color: #fff; } .pkp_block.block_developed_by { display: none; } a { color: var(--dn-mid); } a:hover, a:focus { color: var(--dn-dark); } .cmp_button, .obj_galley_link, .cmp_manuscript_button { border-color: var(--dn-main); color: var(--dn-main); } .obj_galley_link:hover { background: var(--dn-main); border-color: var(--dn-main); color: #fff; } .pkp_structure_footer_wrapper { background: var(--dn-dark); color: #e6f4f4; } .pkp_structure_footer_wrapper a { color: #bfeff0; } .pkp_brand_footer { display: none; } @media (max-width: 991px) { .pkp_site_name .is_img { display: block; } .pkp_site_name .is_img::after { display: none; } .pkp_site_name_wrapper { padding-top: 0; padding-bottom: 0; } .pkp_site_name .is_img img { max-height: 32px; } .pkp_navigation_primary_row { box-shadow: none; background: var(--dn-dark); } .pkp_site_nav_toggle span { background: transparent !important; border-color: var(--dn-dark) !important; } .pkp_site_nav_toggle span::before, .pkp_site_nav_toggle span::after { background: var(--dn-dark) !important; } .pkp_site_nav_toggle { box-shadow: none; } .pkp_site_nav_menu { background: var(--dn-dark); } }