/* UM Pontianak Press | OMP 3.5 Default Theme
   Applied only through Website Settings > Appearance > Advanced > Stylesheet.
   Approved palette: official university emblem blue #0c4da2 and gold #fac61f.
   No core changes, external fonts, scripts, or !important declarations.
   Remove this stylesheet in OMP to restore the Default Theme appearance.
   Rev. 2026-10-04: the Logo field now holds the full-width header banner
   (1551 x 263 px), so the header shows the banner at full width and no
   longer adds a text label after the image. */
:root {
  --ump-blue: #0c4da2;
  --ump-gold: #fac61f;
  --ump-ink: #182536;
  --ump-muted: #526070;
  --ump-line: #dbe2e9;
  --ump-paper: #f5f7fa;
  --ump-radius: 8px;
}
body {
  background: #fff;
  color: var(--ump-ink);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.7;
}
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; height: auto; }
a { color: var(--ump-blue); text-underline-offset: .2em; }
a:hover { text-decoration: underline; }
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--ump-blue);
  outline-offset: 4px;
}
h1, h2, h3, h4 { color: var(--ump-ink); line-height: 1.22; }
h1, h2 { font-family: Georgia, 'Times New Roman', serif; }
.pkp_structure_page { max-width: none; box-shadow: none; }
.pkp_structure_head { background: #fff; border-top: 5px solid var(--ump-blue); }
.pkp_head_wrapper { max-width: 1200px; margin: auto; padding: 0 28px; }
.pkp_site_name_wrapper { padding-top: 18px; padding-bottom: 18px; }
.pkp_site_name { padding: 0; width: 100%; }
/* Header banner: the image uploaded in the Logo field fills the header width.
   The banner already carries the emblem and the press name, so no text label
   is added after it. The theme retains its accessible h1. */
.pkp_site_name a.is_img {
  display: block; max-width: 100%;
  color: var(--ump-blue); text-decoration: none;
}
.pkp_site_name a.is_img img {
  display: block; width: 100%; height: auto; max-width: 100%; max-height: none;
  object-fit: contain; border-radius: 6px;
}
.pkp_site_name a.is_text { color: var(--ump-blue); }
.pkp_navigation_primary_wrapper { padding-right: 75px; }
.pkp_navigation_primary_row { border-top: 1px solid var(--ump-line); }
.pkp_site_nav_menu { background: #fff; }
.pkp_navigation_primary > li > a {
  color: var(--ump-ink); font-size: 14px; font-weight: 600;
  padding: 17px 12px; margin: 0; border-bottom: 3px solid transparent;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus { color: var(--ump-blue); border-color: var(--ump-gold); }
.pkp_navigation_primary ul { background: #fff; border: 1px solid var(--ump-line); box-shadow: 0 8px 20px #18253612; }
.pkp_navigation_primary ul a { color: var(--ump-blue); padding: 12px 18px; }
.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus { background: var(--ump-paper); color: var(--ump-blue); }
.pkp_navigation_user { font-size: 13px; }
.pkp_navigation_user > li > a { color: var(--ump-blue); padding: 10px 12px; }
.pkp_navigation_search_wrapper a { color: var(--ump-blue); font-size: 14px; }
.pkp_site_nav_toggle { color: var(--ump-blue); }
.pkp_site_nav_toggle::before, .pkp_site_nav_toggle::after,
.pkp_site_nav_toggle span { border-color: var(--ump-blue); }
.pkp_structure_content { max-width: 1200px; margin: auto; padding: 0 28px; }
.pkp_structure_main { width: 100%; float: none; padding: 36px 0 60px; }
.pkp_structure_main::before, .pkp_structure_main::after { display: none; }
.pkp_structure_main h1 { font-size: clamp(28px, 4vw, 44px); margin: 0 0 28px; }
.pkp_structure_main h2 { font-size: clamp(24px, 3vw, 34px); margin: 0 0 20px; }
.pkp_structure_main h3 { font-size: 20px; margin: 30px 0 12px; }
.pkp_structure_main p { margin: 0 0 20px; }
.pkp_structure_main .page { margin: 0; }
.pkp_structure_main .cmp_breadcrumbs { margin: 0 0 26px; font-size: 13px; }
.pkp_page_index .pkp_structure_main { padding-top: 16px; }
.page_homepage { display: flex; flex-direction: column; gap: 0; }
.page_homepage .additional_content, .ump-home { display: contents; }
.ump-eyebrow { color: var(--ump-blue); font-size: 11px; font-weight: 700; letter-spacing: 1.9px; }
.ump-hero {
  order: -20; position: relative; overflow: hidden;
  padding: clamp(32px, 6vw, 76px); margin-bottom: 46px;
  background: var(--ump-blue); color: #fff;
  border-bottom: 6px solid var(--ump-gold); border-radius: var(--ump-radius);
}
.ump-hero::after {
  content: ''; position: absolute; width: 320px; height: 320px;
  border: 1px solid #ffffff25; border-radius: 50%; right: -100px; top: -130px;
  pointer-events: none;
}
.ump-hero .ump-eyebrow { color: var(--ump-gold); max-width: 100%; }
.pkp_structure_main .ump-hero h2 {
  font-size: clamp(38px, 6vw, 64px); color: #fff; letter-spacing: -1.6px;
  max-width: 900px; margin-bottom: 20px;
}
.ump-hero .ump-lead { font-size: clamp(19px, 2.4vw, 25px); line-height: 1.45; max-width: 660px; }
.ump-hero p { max-width: 650px; }
.ump-actions { display: flex; flex-wrap: wrap; gap: 12px; padding-top: 12px; }
.pkp_structure_main a.ump-button, .ump-button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px;
  padding: 12px 23px; border: 2px solid var(--ump-blue); border-radius: 4px;
  background: var(--ump-blue); color: #fff; font-size: 14px; font-weight: 700;
  line-height: 1.35; text-decoration: none; text-align: center;
}
.pkp_structure_main a.ump-button:hover { text-decoration: underline; box-shadow: 0 3px 0 #18253622; }
.pkp_structure_main .ump-hero a.ump-button { background: var(--ump-gold); border-color: var(--ump-gold); color: var(--ump-ink); }
.pkp_structure_main .ump-hero a.ump-button-light { background: transparent; border-color: #fff; color: #fff; }
.pkp_structure_main a.ump-button-outline { background: #fff; color: var(--ump-blue); }
.ump-hero a:focus-visible { outline-color: #fff; }
.ump-intro { order: 2; padding: 28px 0 60px; }
.ump-intro > p, .ump-about-home > p { max-width: 780px; }
.ump-paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 36px; }
.ump-paths > div { border-top: 2px solid var(--ump-line); padding-top: 24px; }
.ump-index { color: var(--ump-blue); font: 24px/1 Georgia, serif; }
.pkp_structure_main .ump-paths h3 { margin-top: 18px; }
.ump-paths p { color: var(--ump-muted); font-size: 15px; }
.ump-paths a { font-size: 14px; font-weight: 700; }
.ump-author-call { order: 3; background: var(--ump-paper); border-left: 5px solid var(--ump-gold); padding: 38px; margin: 4px 0 54px; }
.ump-author-call h2 { max-width: 760px; }
.ump-about-home { order: 4; padding: 0 0 12px; }
.ump-prose { max-width: 850px; }
.ump-prose ul, .ump-prose ol { padding-left: 24px; }
.ump-prose li { margin-bottom: 12px; }
.ump-draft { padding: 18px 22px; background: var(--ump-paper); border-left: 4px solid var(--ump-gold); font-size: 14px; color: var(--ump-ink); }
.ump-topics { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; }
.ump-topics span { display: inline-block; padding: 9px 15px; background: var(--ump-paper); border: 1px solid var(--ump-line); border-radius: 4px; font-size: 14px; }
.ump-workflow { list-style-position: outside; padding-left: 26px; }
.ump-workflow li { padding: 12px 6px; border-bottom: 1px solid var(--ump-line); }
.ump-policy-list { list-style: none; padding: 0; }
.ump-prose ul.ump-policy-list { padding: 0; }
.ump-policy-list li { border-bottom: 1px solid var(--ump-line); padding: 18px 0; }
.ump-policy-list a { display: block; font-size: 19px; font-weight: 700; }
.ump-policy-list span { font-size: 14px; color: var(--ump-muted); }
.cmp_monographs_list { margin: 10px 0 45px; padding: 0; border: none; }
.obj_monograph_summary .cover img { object-fit: contain; max-height: 280px; width: auto; }
.obj_monograph_summary .title { line-height: 1.35; font-size: 20px; }
.obj_monograph_summary .authors { color: var(--ump-muted); line-height: 1.5; }
.obj_monograph_full .cover img { max-height: 440px; object-fit: contain; width: auto; }
.obj_monograph_full .main_entry { min-width: 0; overflow-wrap: break-word; }
.cmp_button, .cmp_form .buttons button, .cmp_form input[type='submit'] {
  background: var(--ump-blue); color: #fff; border: 1px solid var(--ump-blue);
  border-radius: 4px; min-height: 44px; padding: 10px 20px; box-shadow: none;
}
input[type='text'], input[type='email'], input[type='password'], input[type='search'], select, textarea {
  max-width: 100%; border: 1px solid #8997a5; border-radius: 4px; min-height: 44px; font: inherit;
}
.pkp_structure_footer_wrapper { border-top: 1px solid var(--ump-line); background: var(--ump-paper); }
.pkp_structure_footer { max-width: 1200px; margin: auto; padding: 40px 28px 26px; }
.pkp_footer_content { float: none; width: 100%; padding: 0; }
.ump-footer { display: grid; grid-template-columns: 1.4fr 1fr; gap: 25px 40px; font-size: 14px; }
.ump-footer p { margin: 0 0 10px; }
.ump-footer .ump-footer-name { color: var(--ump-blue); font: 700 24px/1.3 Georgia, serif; }
.ump-footer-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 20px; align-content: start; }
.ump-footer-links a { min-height: 32px; font-weight: 600; }
.ump-copyright { grid-column: 1 / -1; border-top: 1px solid var(--ump-line); padding-top: 20px; color: var(--ump-muted); }
.pkp_brand_footer { float: none; padding: 20px 0 0; text-align: left; width: auto; }
.pkp_brand_footer a { display: inline-block; }
.pkp_brand_footer img { width: 115px; height: auto; }
.pkp_brand_footer { display: none; }
@media (max-width: 991px) {
  .pkp_structure_head { min-height: 112px; }
  .pkp_head_wrapper, .pkp_structure_content, .pkp_structure_footer { padding-left: 24px; padding-right: 24px; }
  .pkp_site_name_wrapper { padding-right: 50px; }
  .pkp_navigation_primary_wrapper { padding-right: 0; }
  .pkp_site_nav_menu { background: #fff; }
  .pkp_navigation_primary > li > a { color: var(--ump-ink); min-height: 44px; padding: 11px 0; }
  .pkp_navigation_primary ul a { color: var(--ump-blue); min-height: 44px; }
  .pkp_navigation_user > li > a { color: var(--ump-blue); }
  .pkp_structure_main { padding-top: 26px; }
  .ump-hero { padding: 44px 34px; }
  .ump-paths { gap: 20px; }
}
@media (max-width: 640px) {
  .pkp_structure_head { min-height: 84px; }
  .pkp_head_wrapper, .pkp_structure_content, .pkp_structure_footer { padding-left: 18px; padding-right: 18px; }
  .pkp_site_name_wrapper { padding-top: 14px; padding-bottom: 14px; }
  .pkp_site_name a.is_img img { border-radius: 4px; }
  .ump-hero { padding: 34px 24px; margin-bottom: 28px; }
  .pkp_structure_main .ump-hero h2 { font-size: 40px; letter-spacing: -1px; }
  .ump-eyebrow { font-size: 10px; letter-spacing: 1.4px; }
  .ump-hero .ump-lead { font-size: 20px; }
  .ump-actions { gap: 10px; }
  .ump-actions a.ump-button { flex: 1 1 180px; }
  .ump-paths { grid-template-columns: 1fr; gap: 28px; }
  .ump-intro { padding-bottom: 40px; }
  .ump-author-call { padding: 28px 22px; margin-bottom: 38px; }
  .ump-footer { grid-template-columns: 1fr; gap: 24px; }
  .ump-prose { overflow-wrap: break-word; }
  .obj_monograph_summary .cover img { max-height: 220px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto; animation: none; transition: none; }
}
@media print {
  .pkp_site_nav_menu, .pkp_site_nav_toggle, .ump-actions, .pkp_brand_footer { display: none; }
  .ump-hero { background: #fff; color: #000; border: 1px solid #000; }
  .pkp_structure_main .ump-hero h2, .ump-hero .ump-eyebrow { color: #000; }
}