html, body {
  font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size: 14px;
  line-height: 1.43rem;
}

.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: 64px !important;
}
.pkp_site_name_wrapper {
    padding-left: 0; padding-right: 0;
}
.pkp_navigation_user_wrapper {
    top: 0; 
    right: 0; 
}
.pkp_structure_page {
    margin-top:  0px !important; 
    margin-bottom: 0px !important; 
    padding-bottom: 20px !important;
}

.pkp_navigation_primary_row {
  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    #f3f3f3 50%,
    #ededed 51%,
    #ffffff 100%
  );
  padding-left: 20px;
  font-size: 1.12em;
  padding-top: 5px;
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}

ul#navigationUser {
  margin-top: 75px;
}

li.profile {
  border: 1px solid #e6dfdf;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(243, 243, 243, 1) 50%,
    rgba(237, 237, 237, 1) 51%,
    rgba(255, 255, 255, 1) 100%
  );
}

.pkp_navigation_user > li:last-child > a {
  padding-right: 10px;
  margin-right: 0;
}



:root{--dnp-accent:#25646D;--dnp-accent-dk:#16393f;--dnp-accent-lt:#5f99a0;--dnp-accent-soft:#e2ecee;--dnp-accent-line:rgba(37,100,109,.3);--dnp-accent-glow:rgba(37,100,109,.16);--dnp-accent-rgb:37,100,109;}

/* === jmb teal + orange accents (match Cover JMB-1(1).png: #25646D + #FE8E03) === */
.verdant-topbar-dot { color: #FE8E03; }
.verdant-topbar-journal { color: #cfdee0; }
.verdant-issn-item strong { color: #FE8E03; }
.verdant-topbar-user ul.verdant-user-menu:not(.verdant-user-menu--drop) li:last-child a:hover { background: #fff1de; color: #16393f; }
.verdant-hero-badge--oa { color: #16393f; background: #fff1de; border: 1px solid rgba(254,142,3,.5); }
.verdant-hero-badge--peer { color: #16393f; background: #e2ecee; border: 1px solid #c3d9dc; }
.verdant-kw-item:hover { color: #c26e00; }
.verdant-kw-dots button.is-active { background: #FE8E03; }
.verdant-sidebar-blocks .verdant-sidebar-menu a.verdant-menu-link:hover { color: #16393f; background: #fff1de; }
.verdant-issue-title { color: #16393f; }

/* === jmb gradient buttons (teal + orange) === */
.verdant-hero-btn--primary,
.verdant-action-btn--primary,
.verdant-nav-submit {
	background: linear-gradient(135deg, #ffb04d 0%, #FE8E03 55%, #d67500 100%) !important;
	color: #16393f !important;
	border: 0 !important;
	box-shadow: 0 10px 24px rgba(254,142,3,.35) !important;
}
.verdant-hero-btn--primary:hover,
.verdant-action-btn--primary:hover,
.verdant-nav-submit:hover {
	background: linear-gradient(135deg, #ffcb85 0%, #ffb04d 50%, #fe8e03 100%) !important;
	color: #16393f !important;
	box-shadow: 0 14px 30px rgba(254,142,3,.45) !important;
}
.verdant-hero-btn--outline,
.verdant-hero-btn--ghost,
.verdant-btn-ghost,
.verdant-action-btn {
	background: #fff !important;
	color: #1c4850 !important;
	border: 1.5px solid rgba(37,100,109,.4) !important;
}
.verdant-hero-btn--outline:hover,
.verdant-hero-btn--ghost:hover,
.verdant-btn-ghost:hover,
.verdant-action-btn:hover {
	background: linear-gradient(135deg, #25646D 0%, #16393f 100%) !important;
	color: #fff !important;
	border-color: transparent !important;
	box-shadow: 0 8px 20px rgba(37,100,109,.28) !important;
}
.verdant-action-btn .fa { color: #25646D; }
.verdant-action-btn:hover .fa { color: #FE8E03 !important; }
.pkp_structure_main button,
.pkp_structure_main input[type="submit"],
.pkp_structure_main .btn,
.cmp_form .buttons .submit,
.cmp_form .submit button {
	background: linear-gradient(135deg, #25646D 0%, #16393f 100%) !important;
	color: #fff !important;
	border: 0 !important;
	box-shadow: 0 6px 16px rgba(37,100,109,.22) !important;
}
.pkp_structure_main button:hover,
.pkp_structure_main input[type="submit"]:hover,
.pkp_structure_main .btn:hover,
.cmp_form .buttons .submit:hover,
.cmp_form .submit button:hover {
	background: linear-gradient(135deg, #FE8E03 0%, #d67500 100%) !important;
	color: #16393f !important;
	box-shadow: 0 10px 22px rgba(254,142,3,.4) !important;
}