/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
   line-height: 1.15;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%
}

body {
   margin: 0
}

article,
aside,
footer,
header,
nav,
section {
   display: block
}

h1 {
   font-size: 2em;
   margin: .67em 0
}

figcaption,
figure,
main {
   display: block
}

figure {
   margin: 1em 40px
}

hr {
   box-sizing: content-box;
   height: 0;
   overflow: visible
}

pre {
   font-family: monospace, monospace;
   font-size: 1em
}

a {
   background-color: transparent;
   -webkit-text-decoration-skip: objects
}

abbr[title] {
   border-bottom: none;
   text-decoration: underline;
   text-decoration: underline dotted
}

b,
strong {
   font-weight: inherit
}

b,
strong {
   font-weight: bolder
}

code,
kbd,
samp {
   font-family: monospace, monospace;
   font-size: 1em
}

dfn {
   font-style: italic
}

mark {
   background-color: #ff0;
   color: #000
}

small {
   font-size: 80%
}

sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline
}

sub {
   bottom: -0.25em
}

sup {
   top: -0.5em
}

audio,
video {
   display: inline-block
}

audio:not([controls]) {
   display: none;
   height: 0
}

img {
   border-style: none
}

svg:not(:root) {
   overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
   margin: 0
}

button,
input {
   overflow: visible
}

button,
select {
   text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
   -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText
}

fieldset {
   padding: .35em .75em .625em
}

legend {
   box-sizing: border-box;
   color: inherit;
   display: table;
   max-width: 100%;
   padding: 0;
   white-space: normal
}

progress {
   display: inline-block;
   vertical-align: baseline
}

textarea {
   overflow: auto
}

[type="checkbox"],
[type="radio"] {
   box-sizing: border-box;
   padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
   height: auto
}

[type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none
}

::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit
}

details,
menu {
   display: block
}

summary {
   display: list-item
}

canvas {
   display: inline-block
}

template {
   display: none
}

[hidden] {
   display: none
}

*,
*:before,
*:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

@keyframes pkp_spin {
   0% {
      transform: rotateZ(-360deg);
      -webkit-transform: rotateZ(-360deg);
      -moz-transform: rotateZ(-360deg);
      -o-transform: rotateZ(-360deg)
   }

   100% {
      transform: rotateZ(0deg);
      -webkit-transform: rotateZ(0deg);
      -moz-transform: rotateZ(0deg);
      -o-transform: rotateZ(0deg)
   }
}

@-webkit-keyframes pkp_spin {
   0% {
      transform: rotateZ(-360deg);
      -webkit-transform: rotateZ(-360deg);
      -moz-transform: rotateZ(-360deg);
      -o-transform: rotateZ(-360deg)
   }

   100% {
      transform: rotateZ(0deg);
      -webkit-transform: rotateZ(0deg);
      -moz-transform: rotateZ(0deg);
      -o-transform: rotateZ(0deg)
   }
}

@-moz-keyframes pkp_spin {
   0% {
      transform: rotateZ(-360deg);
      -webkit-transform: rotateZ(-360deg);
      -moz-transform: rotateZ(-360deg);
      -o-transform: rotateZ(-360deg)
   }

   100% {
      transform: rotateZ(0deg);
      -webkit-transform: rotateZ(0deg);
      -moz-transform: rotateZ(0deg);
      -o-transform: rotateZ(0deg)
   }
}

@-o-keyframes pkp_spin {
   0% {
      transform: rotateZ(-360deg);
      -webkit-transform: rotateZ(-360deg);
      -moz-transform: rotateZ(-360deg);
      -o-transform: rotateZ(-360deg)
   }

   100% {
      transform: rotateZ(0deg);
      -webkit-transform: rotateZ(0deg);
      -moz-transform: rotateZ(0deg);
      -o-transform: rotateZ(0deg)
   }
}

.pkp_button,
.pkp_button_primary,
.pkp_button_offset,
.pkp_button_link {
   display: inline-block;
   padding: 0 .5em;
   background: #fff;
   border: 1px solid #ddd;
   border-radius: 3px;
   font-size: .93rem;
   line-height: 2rem;
   font-weight: 700;
   color: #006798;
   text-decoration: none;
   box-shadow: 0 1px 0 #ddd;
   cursor: pointer
}

.pkp_button:hover,
.pkp_button:focus,
.pkp_button_primary:hover,
.pkp_button_primary:focus,
.pkp_button_offset:hover,
.pkp_button_offset:focus,
.pkp_button_link:hover,
.pkp_button_link:focus {
   color: #006798;
   border-color: #006798;
   outline: 0
}

.pkp_button:active,
.pkp_button_primary:active,
.pkp_button_offset:active,
.pkp_button_link:active {
   box-shadow: 0 0 2px
}

.pkp_button:disabled,
.pkp_button_primary:disabled,
.pkp_button_offset:disabled,
.pkp_button_link:disabled {
   color: #aaa
}

.pkp_button:disabled:hover,
.pkp_button_primary:disabled:hover,
.pkp_button_offset:disabled:hover,
.pkp_button_link:disabled:hover {
   color: #aaa;
   border-color: #ddd;
   cursor: not-allowed
}

.pkp_button_primary {
   color: #fff;
   background: #006798;
   border-color: #006798;
   box-shadow: 0 1px 0 #006798
}

.pkp_button_primary:hover,
.pkp_button_primary:focus {
   background: #008acb;
   color: #fff
}

.pkp_button_primary:disabled,
.pkp_button_primary:disabled:hover {
   color: #fff;
   background: #b7c5ca;
   border-color: #b7c5ca;
   box-shadow: 0 1px 0 #888;
   cursor: not-allowed
}

.pkp_button_offset {
   color: #ff4040
}

.pkp_button_offset:hover,
.pkp_button_offset:focus {
   border-color: #ff4040;
   color: #ff4040
}

.pkp_button_offset:disabled,
.pkp_button_offset:disabled:hover {
   color: #fff;
   background: #b7c5ca;
   border-color: #b7c5ca;
   box-shadow: 0 1px 0 #888;
   cursor: not-allowed
}

.pkp_button_link {
   box-shadow: none;
   border-color: transparent
}

.pkp_button_link:disabled:hover {
   border-color: transparent
}

.pkp_spinner:after {
   display: inline-block;
   position: relative;
   width: 1.25rem;
   height: 1.25rem;
   vertical-align: middle;
   -webkit-animation: pkp_spin .6s linear infinite;
   -moz-animation: pkp_spin .6s linear infinite;
   -ms-animation: pkp_spin .6s linear infinite;
   -o-animation: pkp_spin .6s linear infinite;
   animation: pkp_spin .6s linear infinite;
   border-radius: 100%;
   border-top: 1px solid #888;
   border-bottom: 1px solid transparent;
   border-left: 1px solid #888;
   border-right: 1px solid transparent;
   border-top-color: rgba(0, 0, 0, 0.5);
   border-left-color: rgba(0, 0, 0, 0.5);
   content: '';
   opacity: 1
}

.pkp_loading {
   font-size: .93rem;
   line-height: 1.43rem
}

.pkp_loading .pkp_spinner {
   margin-right: 0.25em
}

.pkp_unstyled_list,
.cmp_article_list,
.cmp_breadcrumbs ol,
.cmp_announcements,
.pkp_site_nav_menu ul,
.pkp_page_index .journals ul,
.page_catalog_category .subcategories ul,
.page_issue_archive .issues_archive,
.page_register .context_optin .contexts,
.obj_article_details .authors,
.obj_article_details .galleys_links,
.obj_article_details .supplementary_galleys_links,
.obj_article_summary .galleys_links,
.obj_issue_toc .articles,
.obj_issue_toc .galleys_links,
.pkp_block .content ul {
   margin: 0;
   padding: 0;
   list-style: none
}

.pkp_caret {
   content: ' ';
   display: inline-block;
   width: 0;
   height: 0;
   border: .25rem solid transparent;
   vertical-align: middle
}

.pkp_caret_down {
   border-top: .375rem solid
}

.pkp_caret_right {
   border-left: .375rem solid
}

.pkp_screen_reader,
.cmp_skip_to_content a,
.pkp_page_index .journals h2,
.pkp_page_index .cmp_announcements h2,
.page_register .context_optin .roles legend {
   clip: rect(1px, 1px, 1px, 1px);
   position: absolute !important;
   left: -2000px
}

.pkp_screen_reader:focus,
.pkp_page_index .cmp_announcements h2:focus {
   background-color: #fff;
   border-radius: 3px;
   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   clip: auto !important;
   color: #000;
   display: block;
   font-size: 1rem;
   height: auto;
   line-height: normal;
   padding: 1rem;
   position: absolute;
   left: 0.5rem;
   top: 0.5rem;
   text-decoration: none;
   width: auto;
   z-index: 100000
}

.pkp_helpers_clear:before,
.pkp_helpers_clear:after {
   content: " ";
   display: table
}

.pkp_helpers_clear:after {
   clear: both
}

.pkp_help_link {
   display: inline-block;
   padding: .25rem 0;
   font-size: .75rem;
   line-height: 1rem;
   font-weight: 700;
   text-decoration: none;
   border: none;
   box-shadow: none;
   color: #006798;
   z-index: 3
}

.pkp_help_link:hover,
.pkp_help_link:focus {
   color: #008acb
}

.pkp_help_link:focus {
   outline: 0;
   box-shadow: 0 0 0 3px #006798;
   border-radius: 3px
}

.pkp_help_tab,
.pkp_help_modal {
   position: absolute;
   top: -2rem;
   right: 2rem;
   padding: .5rem 1em;
   background: #fff;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px
}

.pkp_help_modal {
   top: 0.5rem;
   padding: 0.5rem;
   right: 3rem;
   border: none
}

.pkp_uploadedFile_summary {
   font-size: .93rem;
   line-height: 1.43rem
}

.pkp_uploadedFile_summary .filename .display {
   line-height: 2rem
}

.pkp_uploadedFile_summary .filename .edit {
   line-height: 1.43rem
}

.pkp_uploadedFile_summary .details {
   margin-top: 0.5rem;
   color: rgba(0, 0, 0, 0.54)
}

.pkp_uploadedFile_summary .details>span {
   margin-left: 2rem
}

.pkp_uploadedFile_summary .details>span:first-child {
   margin-left: 0
}

.pkp_uploadedFile_summary .details>span:before {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   padding-right: 0.25em;
   color: #aaa
}

.pkp_uploadedFile_summary .pixels:before {
   content: "\f108"
}

.pkp_uploadedFile_summary .print {
   margin-left: 2rem
}

.pkp_uploadedFile_summary .print:before {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   padding-right: 0.25em;
   color: #aaa;
   content: "\f02f"
}

.pkp_uploadedFile_summary .type:before {
   content: "\f016"
}

.pkp_uploadedFile_summary .type.pdf:before {
   content: "\f1c1"
}

.pkp_uploadedFile_summary .type.doc:before,
.pkp_uploadedFile_summary .type.docx:before {
   content: "\f1c2"
}

.pkp_uploadedFile_summary .type.xls:before,
.pkp_uploadedFile_summary .type.xlsx:before {
   content: "\f1c3"
}

.pkp_uploadedFile_summary .file_size:before {
   content: "\f0a0"
}

.pkp_helpers_invisible {
   visibility: hidden
}

.pkp_helpers_display_none {
   display: none !important
}

.pkp_helpers_align_left {
   float: left
}

.pkp_helpers_align_right {
   float: right
}

.pkp_helpers_text_left {
   text-align: left
}

.pkp_helpers_text_right {
   text-align: right
}

.pkp_helpers_text_center {
   text-align: center
}

.pkp_helpers_text_justify {
   text-align: justify
}

.pkp_helpers_title_padding {
   padding: 5px !important
}

.pkp_helpers_image_left {
   float: left;
   margin: 4px 10px 4px 0
}

.pkp_helpers_image_right {
   float: right;
   margin: 4px 0 4px 10px
}

.pkp_helpers_container_center {
   margin: 0 auto
}

.pkp_helpers_debug,
.pkp_helpers_debug div {
   border: 1px dashed #f00;
   padding: 2px
}

.pkp_helpers_flatlist {
   margin: 0;
   padding: 0
}

.pkp_helpers_flatlist li {
   float: left;
   position: relative
}

.pkp_helpers_bulletlist li {
   list-style: disc
}

.pkp_helpers_icon_link_valign {
   line-height: 24px
}

.pkp_helpers_moveicon {
   cursor: move
}

.pkp_helpers_full {
   width: 100%
}

.pkp_helpers_half {
   width: 50%
}

.pkp_helpers_third {
   width: 33%
}

.pkp_helpers_quarter {
   width: 25%
}

.pkp_helpers_fifth {
   width: 20%
}

.pkp_helpers_threeQuarter {
   width: 75%
}

.pkp_helpers_underline:after {
   border-bottom: 2px solid #fff;
   content: " ";
   display: block
}

.pkp_helpers_dotted_underline {
   border-bottom: 1px dotted #999
}

.pkp_helpers_black_bg {
   background-color: black
}

.pkp_helpers_text_warn {
   color: #d00a6c
}

.pkp_helpers_text_primary {
   color: black
}

.NMI_TYPE_CUSTOM_EDIT {
   display: none
}

.row:before,
.row:after {
   content: " ";
   display: table
}

.row:after {
   clear: both
}

.cmp_button,
.cmp_form .buttons button,
.page_lost_password .buttons button,
.page_search .submit button,
.block_make_submission a {
   display: inline-block;
   padding: 0 1em;
   background: #eee;
   border: 1px solid rgba(0, 0, 0, 0.4);
   border-top-color: #bbb;
   border-radius: 3px;
   box-shadow: inset 0 -1em 1em rgba(0, 0, 0, 0.1);
   font-size: .93rem;
   line-height: calc(2.143rem - 2px);
   font-weight: 700;
   color: #006798;
   text-decoration: none
}

.cmp_button:hover,
.cmp_button:focus,
.page_search .submit button:hover,
.page_search .submit button:focus {
   box-shadow: inset 0 1em 1em rgba(0, 0, 0, 0.1)
}

.cmp_button_wire,
.obj_galley_link {
   display: inline-block;
   padding: 0 1em;
   background: #fff;
   border: 1px solid #006798;
   border-radius: 3px;
   font-size: .93rem;
   line-height: calc(2.143rem - 2px);
   color: #006798;
   text-decoration: none
}

.cmp_button_wire:hover,
.cmp_button_wire:focus,
.obj_galley_link:hover,
.obj_galley_link:focus {
   background: #006798;
   color: #fff
}

.cmp_article_list>li {
   margin-bottom: 2.143rem
}

.cmp_article_list>li:before,
.cmp_article_list>li:after {
   content: " ";
   display: table
}

.cmp_article_list>li:after {
   clear: both
}

.cmp_form fieldset {
   margin: 0 0 1.43rem;
   padding: 0;
   border: none
}

.cmp_form legend {
   margin-bottom: .714rem;
   font-size: 1.143rem;
   font-weight: 700;
   line-height: 1.43rem
}

.cmp_form .fields>div {
   position: relative;
   padding-bottom: 2.143rem
}

.cmp_form .fields>div .error {
   position: absolute;
   left: 0.5em;
   bottom: 11px;
   padding: 0 .5em;
   background: #ff4040;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
   font-size: .93rem;
   line-height: 1.43rem;
   font-weight: 700;
   color: #fff
}

.cmp_form label {
   display: block;
   cursor: pointer
}

.cmp_form .label {
   display: block;
   font-size: .93rem;
   font-weight: 400;
   font-style: italic
}

.cmp_form .label .required {
   color: #ff4040
}

.cmp_form input[type="text"],
.cmp_form input[type="email"],
.cmp_form input[type="password"],
.cmp_form input[type="url"],
.cmp_form input[type="tel"],
.cmp_form select,
.cmp_form textarea {
   padding: 0 .5em;
   width: 100%;
   height: calc(2.143rem - 2px);
   background: #fff;
   border: 1px solid rgba(0, 0, 0, 0.4);
   border-radius: 3px;
   font-size: .93rem;
   line-height: calc(2.143rem - 2px)
}

.cmp_form textarea {
   width: 100%;
   height: 8em
}

.cmp_form .pkp_form_error {
   margin-bottom: .714rem;
   border-radius: 3px;
   padding: 0 .5em;
   font-weight: 700;
   font-size: .93rem;
   background: #ff4040;
   color: #fff
}

.cmp_form label>input[type="checkbox"],
.cmp_form label>input[type="radio"] {
   margin-right: 0.25em
}

.cmp_form .buttons:before,
.cmp_form .buttons:after {
   content: " ";
   display: table
}

.cmp_form .buttons:after {
   clear: both
}

.cmp_form .buttons a {
   font-size: .93rem;
   line-height: 2.143rem;
   margin-left: 1em
}

.cmp_form .description {
   margin-top: 0;
   font-size: .75rem;
   line-height: 1.5em;
   color: rgba(0, 0, 0, 0.54)
}

@media (min-width:480px) {

   .cmp_form input[type="text"],
   .cmp_form input[type="email"],
   .cmp_form input[type="password"],
   .cmp_form input[type="url"],
   .cmp_form input[type="tel"],
   .cmp_form select {
      max-width: 20em
   }
}

.cmp_pagination {
   text-align: right
}

.cmp_pagination:before,
.cmp_pagination:after {
   content: " ";
   display: table
}

.cmp_pagination:after {
   clear: both
}

.cmp_pagination .prev {
   float: left;
   margin-right: 0.5em;
   text-decoration: none
}

.cmp_pagination .prev:before {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   content: "\f177";
   margin-right: 0.5em
}

.cmp_pagination .next {
   margin-left: 0.5em;
   text-decoration: none
}

.cmp_pagination .next:after {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   content: "\f178";
   margin-left: 0.5em
}

.cmp_edit_link {
   display: inline-block;
   margin-left: 1em;
   font-size: .93rem;
   font-weight: 400;
   line-height: 1;
   vertical-align: middle;
   text-decoration: none
}

.cmp_edit_link:before {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   content: "\f040"
}

.cmp_search_filter {
   margin-bottom: .714rem;
   font-size: .93rem
}

.cmp_search_filter:last-child {
   margin-bottom: 0
}

.cmp_search_filter label {
   font-style: italic
}

.cmp_search_filter .delete {
   color: #ff4040
}

.cmp_notification {
   display: block;
   width: 100%;
   padding: 1.43rem;
   margin-bottom: 2.857rem;
   background: #ddd;
   border-left: .357rem solid #006798;
   font-size: 1rem;
   line-height: 1.43rem
}

.cmp_notification .success {
   border-color: #00b24e
}

.cmp_notification .no {
   border-color: #ff4040
}

.cmp_breadcrumbs {
   display: inline-block
}

.cmp_breadcrumbs ol {
   margin-bottom: 2.143rem;
   padding: .357rem 0;
   line-height: 1.43rem;
   font-size: .93rem
}

.cmp_breadcrumbs li {
   display: inline-block
}

.cmp_breadcrumbs a {
   display: inline-block;
   text-decoration: none
}

.cmp_breadcrumbs .separator {
   color: rgba(0, 0, 0, 0.54);
   padding: 0 .5em
}

.cmp_breadcrumbs .current {
   color: rgba(0, 0, 0, 0.54)
}

.cmp_breadcrumbs .current h1 {
   margin: 0;
   font-family: Lato, sans-serif;
   font-size: .93rem;
   font-weight: 400
}

.cmp_back_link {
   margin-top: 1.43rem
}

.cmp_announcements {
   margin-left: -0.714rem;
   margin-right: -0.714rem
}

.cmp_announcements>li {
   padding: 2.143rem .714rem;
   border-bottom: 1px solid #ddd
}

.cmp_announcements>li:last-child {
   border-bottom: none
}

@media (min-width:480px) {
   .cmp_announcements {
      margin-left: -1.43rem;
      margin-right: -1.43rem
   }

   .cmp_announcements>li {
      padding-left: 1.43rem;
      padding-right: 1.43rem
   }
}

@media (min-width:992px) {
   .cmp_announcements {
      margin-left: -2.143rem;
      margin-right: -2.143rem
   }

   .cmp_announcements>li {
      padding-left: 2.143rem;
      padding-right: 2.143rem
   }
}

.cmp_skip_to_content a {
   display: block;
   padding: 1em;
   z-index: 99999;
   background: #fff;
   transform: translateX(-50%)
}

.cmp_skip_to_content a:focus {
   clip: auto;
   top: 0;
   left: 50%;
   color: #006798
}

.cmp_table {
   width: 100%;
   border: 1px solid #ddd;
   border-bottom: none;
   border-collapse: collapse
}

.cmp_table th,
.cmp_table td {
   padding: 0.5em;
   text-align: left;
   border-bottom: 1px solid #ddd
}

.cmp_table th {
   font-weight: 700
}

html,
body {
   font-family: Lato, sans-serif;
   font-size: 14px;
   line-height: 1.43rem;
   color: rgba(0, 0, 0, 0.87);
   background: #fff
}

a {
   color: #006798
}

a:hover,
a:focus {
   color: #008acb
}

.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_user,
.pkp_search_mobile,
.pkp_structure_content,
.pkp_structure_footer {
   position: relative;
   width: 100%;
   margin: 0 auto;
   padding-left: .714rem;
   padding-right: .714rem
}

.pkp_site_name_wrapper:before,
.pkp_navigation_primary_wrapper:before,
.pkp_navigation_user:before,
.pkp_search_mobile:before,
.pkp_structure_content:before,
.pkp_structure_footer:before,
.pkp_site_name_wrapper:after,
.pkp_navigation_primary_wrapper:after,
.pkp_navigation_user:after,
.pkp_search_mobile:after,
.pkp_structure_content:after,
.pkp_structure_footer:after {
   content: " ";
   display: table
}

.pkp_site_name_wrapper:after,
.pkp_navigation_primary_wrapper:after,
.pkp_navigation_user:after,
.pkp_search_mobile:after,
.pkp_structure_content:after,
.pkp_structure_footer:after {
   clear: both
}

@media (min-width:768px) {

   .pkp_site_name_wrapper,
   .pkp_navigation_primary_wrapper,
   .pkp_navigation_user,
   .pkp_search_mobile,
   .pkp_structure_content,
   .pkp_structure_footer {
      width: 728px;
      padding: 0
   }
}

@media (min-width:992px) {

   .pkp_site_name_wrapper,
   .pkp_navigation_primary_wrapper,
   .pkp_navigation_user,
   .pkp_search_mobile,
   .pkp_structure_content,
   .pkp_structure_footer {
      width: 952px
   }
}

@media (min-width:1200px) {

   .pkp_site_name_wrapper,
   .pkp_navigation_primary_wrapper,
   .pkp_navigation_user,
   .pkp_search_mobile,
   .pkp_structure_content,
   .pkp_structure_footer {
      width: 1160px
   }
}

.has_site_logo .pkp_site_name,
.has_site_logo .pkp_navigation_primary_wrapper {
   width: auto
}

.has_site_logo .pkp_head_wrapper {
   position: relative;
   width: 100%;
   margin: 0 auto;
   padding-right: .714rem
}

.has_site_logo .pkp_head_wrapper:before,
.has_site_logo .pkp_head_wrapper:after {
   content: " ";
   display: table
}

.has_site_logo .pkp_head_wrapper:after {
   clear: both
}

@media (min-width:768px) {
   .has_site_logo .pkp_head_wrapper {
      width: 728px;
      padding-left: 0;
      padding-right: 0
   }
}

@media (min-width:992px) {
   .has_site_logo .pkp_head_wrapper {
      width: 952px
   }
}

@media (min-width:1200px) {
   .has_site_logo .pkp_head_wrapper {
      width: 1160px
   }
}

.pkp_structure_main {
   padding: .714rem
}

@media (min-width:480px) {
   .pkp_structure_main {
      padding: 1.43rem
   }
}

@media (min-width:768px) {

   .pkp_structure_main:before,
   .pkp_structure_main:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 1px;
      background: #ddd
   }

   .pkp_structure_main:after {
      left: 728px
   }
}

@media (min-width:992px) {
   .pkp_structure_content {
      padding-top: 2.143rem
   }

   .pkp_structure_sidebar {
      float: right;
      width: 300px
   }

   .pkp_structure_main {
      float: left;
      padding: 0 2.143rem 6.429rem;
      width: 652px
   }

   .pkp_structure_main:after {
      left: 652px
   }
}

@media (min-width:1200px) {
   .pkp_structure_main {
      width: 860px
   }

   .pkp_structure_main:after {
      left: 860px
   }
}

@media (min-width:992px) {
   .pkp_structure_main:first-child:last-child {
      float: none;
      margin-left: auto;
      margin-right: auto;
      margin-top: 2.857rem
   }

   .pkp_structure_main:first-child:last-child:before {
      left: 150px
   }

   .pkp_structure_main:first-child:last-child:after {
      left: auto;
      right: 150px
   }
}

img {
   max-width: 100%;
   width: auto;
   height: auto
}

.pkp_structure_head {
   background-color: #0c89ee;
   border-bottom: 1px solid #ddd
}

.pkp_head_wrapper {
   position: relative
}

.pkp_site_name_wrapper {
   height: 2.857rem
}

@media (min-width:992px) {
   .pkp_site_name_wrapper {
      height: auto
   }
}

.pkp_site_name {
   position: absolute;
   left: 2.857rem;
   right: 0;
   margin-top: 0;
   margin-bottom: 0;
   padding-left: .714rem;
   text-align: left;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: #fff;
   font-family: Lato, sans-serif;
   font-size: .93rem
}

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

.pkp_site_name>a:focus {
   outline: 0
}

.pkp_site_name .is_img {
   display: inline-block;
   margin-top: .357rem;
   margin-bottom: .357rem;
   padding: 0
}

.pkp_site_name .is_img:focus {
   outline: 1px solid #fff
}

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

.pkp_site_name .is_text {
   font-family: Lato, sans-serif;
   font-size: .93rem;
   font-weight: 700;
   line-height: 2.857rem;
   color: #fff;
   text-decoration: none
}

.pkp_site_name .is_text:focus {
   text-decoration: underline
}

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

.pkp_site_nav_menu {
   position: absolute;
   width: 100%;
   top: 100%;
   background: #0c89ee;
   left: 0;
   padding: .714rem;
   z-index: 9999
}

.pkp_site_nav_menu .pkp_nav_list {
   padding-left: 0;
   margin-left: 0
}

.pkp_site_nav_menu ul ul {
   padding-left: 0.5rem
}

.pkp_site_nav_menu a {
   display: inline-block;
   padding: .125rem 0;
   color: #fff;
   text-decoration: none
}

.pkp_site_nav_menu a:hover,
.pkp_site_nav_menu a:focus {
   color: #fff;
   text-decoration: underline
}

.pkp_site_nav_menu #siteNav {
   position: absolute;
   top: 0;
   height: 0
}

.pkp_navigation_user.pkp_navigation_user {
   margin-left: auto;
   margin-right: auto;
   margin-top: 1rem;
   padding-top: 1rem;
   border-top: 1px solid rgba(255, 255, 255, 0.1)
}

.pkp_navigation_user .task_count {
   display: inline-block;
   width: 1.43rem;
   height: 1.43rem;
   margin-left: 0.5em;
   border-radius: 50%;
   background: rgba(255, 255, 255, 0.1);
   line-height: 1.43rem;
   text-align: center;
   font-size: 0.857rem;
   position: relative;
   top: 0.3rem
}

.pkp_navigation_user>li>a .task_count {
   display: none
}

.pkp_navigation_user>li>ul a .task_count {
   display: inline-block;
   background: rgba(255, 255, 255, 0.1);
   color: #fff
}

.pkp_navigation_user>li>ul a:hover .task_count,
.pkp_navigation_user>li>ul a:focus .task_count {
   background: rgba(0, 0, 0, 0.87)
}

.pkp_navigation_search_wrapper {
   margin-top: 1rem;
   padding-top: 1rem;
   border-top: 1px solid rgba(255, 255, 255, 0.1)
}

@media (min-width:992px) {
   .pkp_head_wrapper {
      padding-top: 4.286rem
   }

   .pkp_site_nav_toggle {
      display: none
   }

   .pkp_site_name {
      position: relative;
      width: 100%;
      left: auto;
      right: auto;
      padding: 0;
      white-space: normal;
      font-size: 2em;
      background: transparent;
      overflow: visible
   }

   .pkp_site_name .is_text {
      font-family: Lato, sans-serif;
      font-size: 1.714rem;
      line-height: 2.143rem
   }

   .pkp_site_name .is_img img {
      max-height: 80px
   }

   .pkp_site_nav_menu {
      display: block;
      position: static;
      top: auto;
      padding: 0
   }

   .pkp_site_nav_menu ul ul {
      padding-left: 0
   }

   .has_site_logo .pkp_head_wrapper {
      padding-top: 2.143rem
   }

   .pkp_nav_list {
      margin: 0;
      padding: 0;
      list-style: none
   }

   .pkp_nav_list li {
      position: relative;
      display: inline-block
   }

   .pkp_nav_list a {
      display: inline-block;
      padding-left: .714rem;
      padding-right: .714rem;
      text-decoration: none;
      padding-top: .357rem;
      padding-bottom: .357rem
   }

   .pkp_nav_list a:hover,
   .pkp_nav_list a:focus {
      text-decoration: none
   }

   .pkp_nav_list ul {
      position: absolute;
      top: 100%;
      left: -9999px;
      z-index: 1000;
      width: 15em;
      margin: 0;
      padding: 0;
      background: #fff;
      border-radius: 3px;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
   }

   .pkp_nav_list ul li {
      display: block
   }

   .pkp_nav_list ul a {
      display: block;
      padding-left: .357rem;
      border-left: .357rem solid transparent;
      color: #006798
   }

   .pkp_nav_list ul a:hover,
   .pkp_nav_list ul a:focus {
      outline: 0;
      background: #ddd;
      border-color: #006798;
      color: #006798
   }

   .pkp_nav_list ul li:first-child a {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px
   }

   .pkp_nav_list ul li:last-child a {
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px
   }

   .pkp_nav_list>li:hover ul {
      left: 0
   }

   .pkp_nav_list [aria-haspopup]:after {
      position: relative;
      display: inline-block;
      content: "";
      width: 0;
      height: 0;
      margin-left: 0.25em;
      border-top: 4px solid;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent;
      vertical-align: middle;
      overflow: hidden
   }

   .pkp_navigation_primary {
      text-align: center
   }

   .pkp_navigation_primary>li>a {
      margin: .357rem .5em 0;
      padding: .357rem .5em calc(.714rem - 2px);
      border-bottom: 2px solid transparent;
      color: #fff;
      text-decoration: none
   }

   .pkp_navigation_primary>li>a:hover {
      color: #fff;
      outline: 0;
      border-color: #fff
   }

   .pkp_navigation_primary>li>a:focus {
      background: #fff;
      color: #0c89ee;
      outline: 0
   }

   .pkp_navigation_primary>li:first-child a {
      margin-left: -0.5em
   }

   .pkp_navigation_primary>li:last-child a {
      margin-right: -0.5em
   }

   .pkp_navigation_primary>li:hover ul {
      left: 1rem
   }

   .pkp_navigation_primary ul a {
      padding-top: .714rem;
      padding-bottom: .714rem
   }

   .pkp_navigation_primary [aria-haspopup]:hover {
      border-color: transparent
   }

   .pkp_navigation_primary .dropdown-menu a:focus,
   .pkp_navigation_primary .dropdown-menu a:hover {
      border-color: #006798
   }

   .dropdown-menu {
      display: none
   }

   .dropdown-menu.show {
      display: block
   }

   [data-toggle="dropdown"]:hover+.dropdown-menu,
   .dropdown-menu:hover {
      display: block
   }

   .pkp_navigation_user_wrapper {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      padding-left: .714rem;
      padding-right: .714rem;
      text-align: right;
      padding-top: 0;
      margin-top: 0;
      border-top: none;
      z-index: 1000
   }

   .pkp_navigation_user {
      text-align: right;
      font-size: .93rem;
      padding-right: 1.43rem
   }

   .pkp_navigation_user.pkp_navigation_user {
      margin: 0;
      padding: 0;
      border: none
   }

   .pkp_navigation_user li {
      text-align: left
   }

   .pkp_navigation_user a {
      padding-top: .357rem;
      padding-bottom: .357rem;
      line-height: 1.43rem
   }

   .pkp_navigation_user>li>a:focus {
      outline: 0;
      background: #fff;
      color: #0c89ee
   }

   .pkp_navigation_user ul {
      width: 10em
   }

   .pkp_navigation_user>li:hover ul {
      right: 0;
      left: auto
   }

   .pkp_navigation_user>li:last-child>a {
      margin-right: -0.714rem
   }

   .pkp_navigation_user>li>a .task_count {
      display: inline-block
   }

   .pkp_navigation_user>li>a:focus .task_count {
      background: #0c89ee;
      color: #fff
   }

   .pkp_navigation_user>li>ul a .task_count {
      display: none
   }

   .pkp_navigation_search_wrapper {
      float: right;
      margin: 0;
      padding: 0;
      border: none
   }

   .pkp_navigation_search_wrapper a {
      margin: .357rem .5em 0;
      padding: .357rem .5em calc(.714rem - 2px);
      border-bottom: 2px solid transparent;
      color: #fff;
      text-decoration: none
   }

   .pkp_navigation_search_wrapper a:hover {
      color: #fff;
      outline: 0;
      border-color: #fff;
      text-decoration: none
   }

   .pkp_navigation_search_wrapper a:focus {
      background: #fff;
      color: #0c89ee;
      outline: 0;
      text-decoration: none
   }
}

@media (min-width:992px) and (min-width:992px) {
   .pkp_navigation_primary {
      display: inline-block;
      max-width: 80%;
      text-align: left
   }
}

.pkp_structure_main h1 {
   font-family: Lato, sans-serif;
   font-size: 1.714rem;
   line-height: 2.143rem;
   font-weight: 700
}

.pkp_structure_main h2 {
   font-family: Lato, sans-serif;
   font-size: 1.285rem;
   line-height: 2.143rem;
   font-weight: 700
}

.pkp_structure_main h3 {
   font-family: Lato, sans-serif;
   font-size: 1.143rem;
   line-height: 1.43rem;
   font-weight: 700
}

.pkp_structure_main h4 {
   font-size: 1rem;
   line-height: 1.43rem;
   font-weight: 700
}

.pkp_structure_main h5 {
   font-size: 1rem;
   line-height: 1.43rem;
   font-weight: 400
}

.pkp_structure_main h6 {
   font-size: .93rem;
   line-height: 1.43rem;
   font-weight: 700
}

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4 {
   margin: 2.857rem 0 1.43rem
}

.pkp_structure_main h5,
.pkp_structure_main h6 {
   margin: 1.43rem 0
}

.pkp_structure_main p {
   line-height: 1.785rem;
   margin: 1.43rem 0
}

.pkp_structure_main p:last-child {
   margin-bottom: 0
}

.pkp_structure_main .page h1 {
   margin-top: 0
}

.pkp_structure_main .page>.cmp_edit_link {
   float: right;
   padding: .357rem 0;
   line-height: 2.143rem
}

.pkp_structure_main .page .monograph_count {
   float: right;
   padding: .714rem 0;
   font-size: .93rem;
   color: rgba(0, 0, 0, 0.54)
}

.pkp_structure_main .page .about_section {
   color: rgba(0, 0, 0, 0.54);
   line-height: 2.143rem
}

.pkp_structure_main .page .about_section:before,
.pkp_structure_main .page .about_section:after {
   content: " ";
   display: table
}

.pkp_structure_main .page .about_section:after {
   clear: both
}

.pkp_structure_main .page .about_section .cover {
   float: right;
   width: 20%;
   margin-left: 10%;
   margin-right: 10%
}

.pkp_structure_main .page .about_section .cover img {
   display: block;
   margin: 0 auto
}

.pkp_structure_main .page .about_section .description p:first-child {
   margin-top: 0
}

.pkp_structure_main .page .about_section .description p:last-child {
   margin-bottom: 0
}

@media (min-width:480px) {
   .pkp_structure_main .page .about_section {
      font-size: 1.143rem;
      font-style: italic
   }
}

.pkp_site_nav_toggle {
   position: absolute;
   top: 0;
   left: 0;
   width: 2.857rem;
   height: 2.857rem;
   border: 0;
   background: none;
   box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2), -1px 0 0 rgba(255, 255, 255, 0.2);
   z-index: 999
}

.pkp_site_nav_toggle:focus {
   outline: 1px dotted #fff;
   box-shadow: none
}

.pkp_site_nav_toggle>span {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 24px;
   height: 19px;
   border-bottom: 3px solid #fff;
   text-indent: -9999px;
   overflow: hidden
}

.pkp_site_nav_toggle>span:before,
.pkp_site_nav_toggle>span:after {
   content: "";
   position: absolute;
   left: 0;
   width: 100%;
   height: 3px;
   background: #fff
}

.pkp_site_nav_toggle>span:before {
   top: 0
}

.pkp_site_nav_toggle>span:after {
   top: 8px
}

.pkp_site_nav_toggle--transform>span {
   border-bottom: 0;
   overflow: visible
}

.pkp_site_nav_toggle--transform>span:before {
   top: 7px;
   transform: rotate(-405deg) translateY(1px) translateX(-2px);
   -webkit-transform: rotate(-405deg) translateY(1px) translateX(-2px)
}

.pkp_site_nav_toggle--transform>span:after {
   top: 14px;
   transform: rotate(405deg) translateY(-3px) translateX(-4px);
   -webkit-transform: rotate(405deg) translateY(-3px) translateX(-4px)
}

.pkp_site_nav_menu {
   display: none
}

.pkp_site_nav_menu--isOpen {
   display: block
}

body.navIsOpen .siteHeader__details {
   right: 0
}

body.navIsOpen .siteHeader__screen {
   display: block;
   opacity: 0.5
}

body.navIsOpen .siteHeader__navToggleIcon>span:first-child {
   transform: rotate(45deg);
   top: 18px
}

body.navIsOpen .siteHeader__navToggleIcon>span:nth-child(2) {
   opacity: 0
}

body.navIsOpen .siteHeader__navToggleIcon>span:last-child {
   transform: rotate(-45deg);
   top: 18px
}

@media (min-width:992px) {
   .pkp_site_nav_menu {
      display: block
   }
}

.pkp_page_index .journals {
   margin-top: 2.143rem
}

.pkp_page_index .journals>ul>li {
   margin: 2.143rem 0
}

.pkp_page_index .journals img {
   display: block;
   max-height: 20em
}

.pkp_page_index .journals h3 {
   margin: .714rem 0;
   font-size: 1rem;
   font-weight: 700
}

.pkp_page_index .journals h3 a {
   text-decoration: none
}

.pkp_page_index .journals p {
   margin: .714rem 0
}

.pkp_page_index .journals .links li {
   display: inline-block;
   margin: 0 .714rem .714rem 0
}

@media (min-width:768px) {
   .pkp_page_index .journals>ul>li {
      margin: 0 -1.43rem;
      padding: 1.43rem;
      border-top: 1px solid #ddd
   }

   .pkp_page_index .journals>ul>li:before,
   .pkp_page_index .journals>ul>li:after {
      content: " ";
      display: table
   }

   .pkp_page_index .journals>ul>li:after {
      clear: both
   }

   .pkp_page_index .journals .thumb {
      float: left;
      width: 25%;
      padding-right: 1.43rem
   }

   .pkp_page_index .journals .thumb+.body {
      float: right;
      width: 75%
   }
}

@media (min-width:992px) {
   .pkp_page_index .journals>ul>li {
      margin: 0 -2.143rem;
      padding: 2.143rem
   }

   .pkp_page_index .journals .thumb {
      padding-right: 2.143rem
   }
}

.pkp_page_index .homepage_image,
.pkp_page_index .additional_content {
   margin-left: -0.714rem;
   margin-right: -0.714rem
}

@media (min-width:480px) {

   .pkp_page_index .homepage_image,
   .pkp_page_index .additional_content {
      margin-left: -1.43rem;
      margin-right: -1.43rem
   }
}

@media (min-width:992px) {

   .pkp_page_index .homepage_image,
   .pkp_page_index .additional_content {
      margin-left: -2.143rem;
      margin-right: -2.143rem
   }
}

.pkp_page_index .homepage_image img {
   display: block;
   width: 100%;
   height: auto
}

@media (min-width:992px) {
   .pkp_page_index .homepage_image {
      margin-top: -2.143rem
   }
}

.pkp_page_index .homepage_about {
   padding-top: 2.143rem;
   padding-bottom: 2.143rem
}

.pkp_page_index .homepage_about h2 {
   margin-top: -0.714rem
}

.pkp_page_index .cmp_announcements {
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd
}

.pkp_page_index .cmp_announcements:before,
.pkp_page_index .cmp_announcements:after {
   content: " ";
   display: table
}

.pkp_page_index .cmp_announcements:after {
   clear: both
}

.pkp_page_index .cmp_announcements>.obj_announcement_summary {
   position: relative;
   padding: 2.143rem .714rem
}

.pkp_page_index .cmp_announcements .more {
   position: relative
}

.pkp_page_index .cmp_announcements .more .obj_announcement_summary {
   padding: .714rem
}

.pkp_page_index .cmp_announcements .more h4 {
   font-size: .93rem
}

@media (min-width:480px) {

   .pkp_page_index .cmp_announcements>.obj_announcement_summary,
   .pkp_page_index .cmp_announcements .more .obj_announcement_summary {
      padding-left: 1.43rem;
      padding-right: 1.43rem
   }
}

@media (min-width:768px) {
   .pkp_page_index .cmp_announcements>.obj_announcement_summary {
      float: left;
      width: 65%
   }

   .pkp_page_index .cmp_announcements>.obj_announcement_summary:before {
      content: ' ';
      position: absolute;
      top: 0;
      right: -1px;
      width: 1px;
      height: 100%;
      border-left: 1px solid #ddd
   }

   .pkp_page_index .cmp_announcements .more {
      float: right;
      width: 35%;
      padding-top: 1.43rem;
      padding-bottom: 1.43rem
   }

   .pkp_page_index .cmp_announcements .more:before {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      width: 1px;
      height: 100%;
      border-left: 1px solid #ddd
   }
}

@media (min-width:992px) {

   .pkp_page_index .cmp_announcements>.obj_announcement_summary,
   .pkp_page_index .cmp_announcements .more .obj_announcement_summary {
      padding-left: 2.143rem;
      padding-right: 2.143rem
   }
}

.pkp_page_index .current_issue .current_issue_title {
   margin: 1.43rem 0;
   font-weight: 700
}

.pkp_page_index .current_issue .read_more {
   display: inline-block;
   position: relative;
   padding-right: 2.143rem;
   font-size: .93rem;
   font-weight: 700;
   line-height: 2.143rem;
   color: #006798;
   text-decoration: none;
   margin-bottom: 1.43rem
}

.pkp_page_index .current_issue .read_more:after {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   content: "\f054";
   position: absolute;
   top: 2px;
   right: 0;
   width: 2.143rem;
   height: 2.143rem;
   line-height: 2.143rem;
   text-align: center
}

.pkp_page_index .current_issue .read_more:hover,
.pkp_page_index .current_issue .read_more:focus {
   color: #008acb
}

@media (min-width:768px) {
   .pkp_page_index .current_issue .section:last-child {
      margin-bottom: 0
   }
}

.pkp_page_index .additional_content {
   padding: 2.143rem .714rem 0 .714rem;
   border-top: 1px solid #ddd
}

@media (min-width:480px) {
   .pkp_page_index .additional_content {
      padding-left: 1.43rem;
      padding-right: 1.43rem
   }
}

@media (min-width:992px) {
   .pkp_page_index .additional_content {
      padding-left: 2.143rem;
      padding-right: 2.143rem
   }
}

.pkp_page_index .additional_content>p:first-child {
   margin-top: 0
}

.pkp_page_index .additional_content>p:last-child {
   margin-bottom: 0
}

@media (min-width:768px) {
   .pkp_page_index .cmp_announcements+.additional_content {
      border-top: none
   }
}

.page_catalog_category .article_count {
   float: right;
   padding: .714rem 0;
   font-size: .93rem;
   color: rgba(0, 0, 0, 0.54)
}

.page_catalog_category .about_section .cover {
   float: right;
   width: 20%;
   margin-left: 10%;
   margin-right: 10%
}

.page_catalog_category .subcategories li {
   padding-top: .357rem;
   padding-bottom: .357rem
}

.page_catalog_category .subcategories a {
   text-decoration: none
}

@media (min-width:768px) {
   .page_catalog_category .subcategories {
      position: relative;
      margin-top: 4.286rem;
      margin-left: -1.43rem;
      margin-right: -1.43rem;
      padding: 2.143rem;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd
   }

   .page_catalog_category .subcategories h2 {
      position: absolute;
      top: -15px;
      left: 1.43rem;
      margin: 0;
      padding-left: .714rem;
      padding-right: .714rem;
      line-height: 2.143rem;
      background: #fff;
      color: rgba(0, 0, 0, 0.54)
   }
}

@media (min-width:992px) {
   .page_catalog_category .subcategories {
      margin-left: -2.143rem;
      margin-right: -2.143rem
   }
}

@media (min-width:768px) {
   .page_catalog_category .cmp_article_list {
      padding-top: 1.43rem
   }

   .page_catalog_category h2.title {
      clip: rect(1px, 1px, 1px, 1px);
      position: absolute !important;
      left: -2000px
   }

   .page_catalog_category h2.title:focus {
      background-color: #fff;
      border-radius: 3px;
      box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
      -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
      clip: auto !important;
      color: #000;
      display: block;
      font-size: 1rem;
      height: auto;
      line-height: normal;
      padding: 1rem;
      position: absolute;
      left: 0.5rem;
      top: 0.5rem;
      text-decoration: none;
      width: auto;
      z-index: 100000
   }
}

@media (min-width:992px) {
   .page_catalog_category .cmp_article_list {
      padding-top: 2.143rem
   }
}

.page_contact .address,
.page_contact .phone,
.page_contact .email {
   margin-top: .714rem;
   margin-bottom: .714rem;
   font-size: .93rem
}

.page_contact .address {
   margin-top: 0
}

.page_contact .address p {
   margin: 0
}

.page_contact .label {
   display: block;
   font-weight: 700
}

.page_contact .contact.support {
   margin-top: 2.857rem
}

@media (min-width:768px) {

   .page_contact .contact_section:before,
   .page_contact .contact_section:after {
      content: " ";
      display: table
   }

   .page_contact .contact_section:after {
      clear: both
   }

   .page_contact .contact {
      float: left;
      width: 50%
   }

   .page_contact .contact.primary {
      padding-right: 1.43rem
   }

   .page_contact .contact.support {
      margin-top: 0
   }
}

.page_issue_archive .issues_archive {
   margin-left: -0.714rem;
   margin-right: -0.714rem;
   border-top: 1px solid #ddd
}

.page_issue_archive .issues_archive>li {
   padding: 2.143rem .714rem;
   border-bottom: 1px solid #ddd
}

@media (min-width:480px) {
   .page_issue_archive .issues_archive {
      margin-left: -1.43rem;
      margin-right: -1.43rem
   }

   .page_issue_archive .issues_archive>li {
      padding-left: 1.43rem;
      padding-right: 1.43rem
   }
}

@media (min-width:992px) {
   .page_issue_archive .issues_archive {
      margin-left: -2.143rem;
      margin-right: -2.143rem
   }

   .page_issue_archive .issues_archive>li {
      padding-left: 2.143rem;
      padding-right: 2.143rem
   }
}

.page_issue_archive .cmp_pagination {
   margin-top: 1.43rem
}

.page_login .login {
   margin-bottom: 0;
   max-width: 17em
}

.page_login .login input[type="text"],
.page_login .login input[type="password"] {
   width: 100%
}

.page_login .password a {
   font-size: .93rem;
   font-style: normal
}

.page_login .remember {
   padding-bottom: 0
}

.page_login .remember .label {
   display: inline;
   font-style: normal
}

.page_login .buttons button {
   float: right
}

.page_login .buttons a {
   float: right;
   margin-right: 1em;
   margin-left: 0
}

.page_lost_password .lost_password {
   margin-bottom: 0;
   max-width: 17em
}

.page_lost_password .lost_password input[type="text"] {
   width: 100%
}

.page_lost_password .pkp_form_error {
   margin: 1.43rem 0;
   padding: .714rem;
   background: #ff4040;
   color: #fff;
   font-size: .93rem;
   font-weight: 700
}

.page_lost_password .buttons:before,
.page_lost_password .buttons:after {
   content: " ";
   display: table
}

.page_lost_password .buttons:after {
   clear: both
}

.page_lost_password .buttons button {
   float: right
}

.page_lost_password .buttons a {
   float: right;
   font-size: .93rem;
   line-height: 2.143rem;
   margin-right: 1em
}

.page_register .required_label {
   font-size: .93rem;
   line-height: 1.43rem;
   color: rgba(0, 0, 0, 0.54);
   margin-bottom: 1.43rem
}

.page_register .consent {
   margin-bottom: 0
}

.page_register .fields .reviewer_interests {
   max-height: 0;
   padding-bottom: 0;
   overflow: hidden;
   opacity: 0;
   transition: all .3s
}

.page_register .fields .reviewer_interests.is_visible {
   max-height: 400px;
   overflow: visible;
   padding-bottom: 2.143rem;
   opacity: 1
}

.page_register .context_optin .contexts>li {
   margin-bottom: 1em
}

.page_register .context_optin .contexts>li:last-child {
   margin-bottom: 0
}

.page_register .context_optin .roles {
   padding: .357rem 0;
   margin-bottom: 0
}

.page_register .context_optin .roles label {
   display: inline-block;
   margin-right: 1em;
   font-size: .93rem;
   line-height: 1.43rem
}

.page_register .context_optin .context_privacy {
   position: absolute;
   left: -9999px;
   padding: .357rem 0;
   font-size: .93rem;
   line-height: 1.43rem
}

.page_register .context_optin .context_privacy_visible {
   position: relative;
   left: auto
}

.page_register #formErrors {
   margin: 1.43rem 0;
   padding: .714rem;
   background: #ff4040;
   color: #fff
}

.page_register #formErrors .pkp_form_error {
   padding: 0;
   font-size: .93rem;
   font-weight: bold;
   line-height: 1.43rem
}

.page_register #formErrors .pkp_form_error_list {
   margin: 0;
   padding-left: 1.43rem;
   font-size: .93rem;
   line-height: 1.43rem
}

.page_register #formErrors .pkp_form_error_list a {
   color: #fff
}

@media (min-width:768px) {
   .page_register .identity li {
      display: inline-block;
      padding-right: 1em;
      max-width: 13em
   }
}

@media (min-width:1200px) {
   .page_register .identity li {
      max-width: 17em
   }
}

.pkp_op_register .ui-helper-hidden-accessible {
   clip: rect(1px, 1px, 1px, 1px);
   position: absolute !important;
   left: -2000px
}

.pkp_op_register .ui-helper-hidden-accessible:focus {
   background-color: #fff;
   border-radius: 3px;
   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   clip: auto !important;
   color: #000;
   display: block;
   font-size: 1rem;
   height: auto;
   line-height: normal;
   padding: .714rem;
   position: absolute;
   left: .357rem;
   top: .357rem;
   text-decoration: none;
   width: auto;
   z-index: 100000
}

.pkp_op_register .ui-autocomplete {
   position: absolute !important
}

.page_search .search_input .query {
   width: 100%;
   max-width: 100%;
   height: calc(2.857rem - 2px);
   font-size: 1.285rem;
   line-height: calc(2.857rem - 2px)
}

.page_search .search_advanced {
   border: 1px solid #ddd;
   padding: 0 1.43rem 1.43rem
}

.page_search .search_advanced legend {
   padding: .714rem 1.43rem;
   margin: 0;
   font-weight: 400
}

.page_search .search_advanced label {
   font-size: 1rem;
   font-style: normal
}

.page_search .date_range legend {
   padding: 0;
   font-size: 1rem
}

.page_search .date_range label {
   clip: rect(1px, 1px, 1px, 1px);
   position: absolute !important;
   left: -2000px
}

.page_search .date_range label:focus {
   background-color: #fff;
   border-radius: 3px;
   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   clip: auto !important;
   color: #000;
   display: block;
   font-size: 1rem;
   height: auto;
   line-height: normal;
   padding: 1rem;
   position: absolute;
   left: 0.5rem;
   top: 0.5rem;
   text-decoration: none;
   width: auto;
   z-index: 100000
}

.page_search .date_range select+label+select {
   margin-left: 0.25em
}

.page_search .date_range [name*="Year"] {
   width: 6em
}

.page_search .date_range [name*="Day"] {
   width: 4em
}

.page_search .date_range [name*="Month"] {
   width: 10em
}

.page_search .submit {
   text-align: right
}

.page_search .submit button {
   position: relative;
   padding-right: 3.2145rem;
   border-right: none;
   padding-right: 1em;
   padding-left: 3.2145rem;
   border-right: 1px solid rgba(0, 0, 0, 0.4);
   border-left: none
}

.page_search .submit button:after {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   content: "\f002";
   position: absolute;
   top: -1px;
   right: 0;
   width: 2.143rem;
   height: 2.143rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
   line-height: 2.143rem;
   text-align: center;
   background: #006798;
   box-shadow: inset 0 -1em 1em rgba(0, 0, 0, 0.2);
   color: #fff
}

.page_search .submit button:hover:after,
.page_search .submit button:focus:after {
   box-shadow: inset 0 1em 1em rgba(0, 0, 0, 0.2);
   background: #008acb
}

.page_search .submit button:after {
   right: auto;
   left: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px
}

.page_search .submit button:after {
   right: auto;
   left: 0
}

.page_search .search_results {
   margin: 2.857rem 0;
   padding: 0;
   list-style: none
}

.page_search .search_results .obj_article_summary {
   margin: 1.43rem 0
}

.page_search .cmp_pagination {
   margin-top: 1.43rem;
   font-size: .93rem;
   line-height: 1.43rem;
   color: rgba(0, 0, 0, 0.54);
   text-align: right
}

.page_search .cmp_pagination a {
   padding-left: 0.5em;
   padding-right: 0.5em
}

@media (min-width:768px) {

   .page_search .search_advanced:before,
   .page_search .search_advanced:after {
      content: " ";
      display: table
   }

   .page_search .search_advanced:after {
      clear: both
   }

   .page_search .date_range {
      float: left;
      width: 50%
   }

   .page_search .date_range .to fieldset {
      margin-bottom: 0
   }

   .page_search .author {
      float: right;
      width: 50%
   }
}

.page_section .section_description {
   margin-bottom: 2em
}

.page_submissions .submission_sections ul,
.page_submissions .submission_checklist ul {
   margin: 1.43rem 0 0;
   padding: 0;
   list-style: none;
   font-size: .93rem;
   border: none
}

.page_submissions .submission_sections li,
.page_submissions .submission_checklist li {
   position: relative;
   border-bottom: none
}

.page_submissions .submission_sections h3 {
   margin-top: 0
}

.page_submissions .submission_sections .cmp_notification {
   margin-bottom: 0
}

.page_submissions .submission_checklist li {
   padding: 1.43rem
}

.page_submissions .submission_checklist li .fa {
   top: 50%;
   left: .357rem;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   position: absolute;
   font-size: 1.285rem;
   color: #00b24e
}

@media (min-width:480px) {
   .page_submissions .submission_sections li .fa {
      top: 22px;
      left: calc(1.43rem - 3px)
   }

   .page_submissions .submission_sections ul,
   .page_submissions .submission_checklist ul {
      border: 1px solid #ddd;
      border-bottom: none
   }

   .page_submissions .submission_sections li,
   .page_submissions .submission_checklist li {
      padding: 1.43rem 1.43rem 1.43rem 2.857rem;
      border-bottom: 1px solid #ddd
   }

   .page_submissions .submission_sections li .fa,
   .page_submissions .submission_checklist li .fa {
      left: 1.43rem
   }
}

.header_view {
   z-index: 2;
   position: relative;
   background: #006798
}

.header_view a {
   line-height: 2.143rem;
   text-decoration: none
}

.header_view .return {
   position: absolute;
   top: 0;
   left: 0;
   width: 2.143rem;
   height: 2.143rem;
   line-height: 2.143rem;
   background: #fff;
   color: #006798;
   text-align: center
}

.header_view .return:before {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   content: "\f060"
}

.header_view .return:hover,
.header_view .return:focus {
   background: #008acb;
   color: #fff
}

.header_view .title {
   display: block;
   padding-left: 2.857rem;
   max-width: 100%;
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: .93rem;
   color: #fff
}

.header_view .title:hover,
.header_view .title:focus {
   background: #008acb
}

.header_view .download {
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   width: 2.143rem;
   background: #fff;
   text-align: center
}

.header_view .download:hover,
.header_view .download:focus {
   background: #008acb;
   color: #fff
}

.header_view .download:before {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   content: "\f019"
}

.header_view .download .label {
   display: none
}

@media (min-width:768px) {
   .header_view .title {
      font-size: 1rem
   }

   .header_view .download {
      width: auto;
      padding: 0 1.43rem
   }

   .header_view .download .label {
      display: inline-block
   }

   .header_view .download .pkp_screen_reader,
   .header_view .download .pkp_page_index .cmp_announcements h2 {
      display: none
   }
}

.galley_view {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow-y: hidden
}

.galley_view iframe {
   width: 100%;
   height: 100%;
   padding-top: 2.143rem;
   border: none
}

.galley_view.galley_view_with_notice iframe {
   padding-top: 6.429rem
}

.galley_view .galley_view_notice {
   position: absolute;
   top: 2.143rem;
   width: 100%;
   height: 4.286rem;
   background: #ff4040
}

.galley_view .galley_view_notice_message {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   transform: translate(-50%, -50%);
   color: #fff;
   font-weight: 700;
   text-align: center
}

.galley_view .galley_view_notice_message a {
   color: #fff;
   text-decoration: underline
}

.obj_announcement_full h1 {
   margin: 0
}

.obj_announcement_full .date {
   margin: 16px 0;
   color: rgba(0, 0, 0, 0.54)
}

.obj_announcement_full .date:before {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   content: "\f073";
   margin-right: 0.5em;
   color: #ddd
}

.obj_announcement_full .description {
   margin-top: 2.857rem
}

.obj_announcement_full .description p:first-child {
   margin-top: 0
}

.obj_announcement_full .description p:last-child {
   margin-bottom: 0
}

.obj_announcement_summary h2,
.obj_announcement_summary h3,
.obj_announcement_summary h4 {
   margin: 0;
   font-size: 1rem;
   line-height: 1.43rem
}

.obj_announcement_summary h2 a,
.obj_announcement_summary h3 a,
.obj_announcement_summary h4 a {
   text-decoration: none
}

.obj_announcement_summary .date {
   font-size: .93rem;
   line-height: 1.785rem;
   color: rgba(0, 0, 0, 0.54)
}

.obj_announcement_summary .date:before {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   content: "\f073";
   margin-right: 0.5em;
   font-size: 1rem;
   color: #ddd
}

.obj_announcement_summary .summary {
   font-size: .93rem;
   line-height: 1.43rem;
   margin-top: .714rem
}

.obj_announcement_summary .summary p:first-child {
   margin-top: 0
}

.obj_announcement_summary .summary p:last-child {
   margin-bottom: 0
}

.obj_announcement_summary .read_more {
   display: inline-block;
   position: relative;
   padding-right: 2.143rem;
   font-size: .93rem;
   font-weight: 700;
   line-height: 2.143rem;
   color: #006798;
   text-decoration: none
}

.obj_announcement_summary .read_more:after {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   content: "\f054";
   position: absolute;
   top: 2px;
   right: 0;
   width: 2.143rem;
   height: 2.143rem;
   line-height: 2.143rem;
   text-align: center
}

.obj_announcement_summary .read_more:hover,
.obj_announcement_summary .read_more:focus {
   color: #008acb
}

.obj_article_details>.page_title {
   margin: 0
}

.obj_article_details>.subtitle {
   margin: 0;
   font-size: 1rem;
   line-height: 2.143rem;
   font-weight: 400
}

.obj_article_details .row {
   margin-top: 2.143rem
}

.obj_article_details .item {
   padding-top: 1.43rem;
   padding-bottom: 1.43rem
}

.obj_article_details .item>*:first-child {
   margin-top: 0
}

.obj_article_details .item>*:last-child {
   margin-bottom: 0
}

.obj_article_details .sub_item {
   margin-bottom: 1.43rem
}

.obj_article_details .sub_item:last-child {
   margin-bottom: 0
}

.obj_article_details .main_entry .item .label {
   margin: 0 0 1.43rem;
   font-family: Lato, sans-serif;
   font-size: 1.143rem;
   font-weight: 700
}

.obj_article_details .main_entry .item.doi .label,
.obj_article_details .main_entry .item.keywords .label {
   display: inline;
   font-size: 1rem
}

.obj_article_details .main_entry .sub_item .label {
   font-size: 1rem
}

.obj_article_details .authors li {
   margin-bottom: .714rem
}

.obj_article_details .authors .name {
   font-weight: bold;
   display: block
}

.obj_article_details .authors .orcid {
   display: block;
   font-size: .75rem;
   line-height: 1.43rem
}

.obj_article_details .authors .orcid a {
   vertical-align: middle
}

.obj_article_details .authors .orcid_icon {
   width: 1.43rem;
   height: 1.43rem
}

.obj_article_details .authors .affiliation {
   font-size: .93rem;
   color: rgba(0, 0, 0, 0.54)
}

.obj_article_details .author_bios .sub_item .label {
   margin-bottom: 0
}

.obj_article_details .author_bios .sub_item .value>p:first-child {
   margin-top: 0
}

.obj_article_details .item.doi,
.obj_article_details .item.keywords {
   padding-top: 0
}

.obj_article_details .galleys_links li {
   display: inline-block
}

.obj_article_details .supplementary_galleys_links {
   margin-top: .714rem
}

.obj_article_details .copyright {
   font-size: .93rem;
   line-height: 1.43rem
}

.obj_article_details .copyright a[rel="license"]+p {
   margin-top: 0
}

.obj_article_details .entry_details {
   margin-left: -1.43rem;
   margin-right: -1.43rem;
   border-top: 1px solid #ddd
}

.obj_article_details .entry_details .item {
   padding: 1.43rem;
   border-bottom: 1px solid #ddd;
   word-wrap: break-word
}

.obj_article_details .entry_details .item:last-child {
   border-bottom: none
}

.obj_article_details .entry_details .item .label {
   margin: 0;
   font-family: Lato, sans-serif;
   font-size: .93rem;
   font-weight: 400;
   color: rgba(0, 0, 0, 0.54)
}

.obj_article_details .categories {
   margin: 0;
   padding: 0;
   list-style: none
}

.obj_article_details .versions ul {
   margin: 0;
   padding: 0;
   list-style: none
}

.obj_article_details .citation_display .value {
   font-size: .75rem
}

.obj_article_details .citation_display .csl-left-margin {
   display: none
}

.obj_article_details .citation_display [aria-hidden="true"] {
   display: none
}

.obj_article_details .citation_display .citation_formats {
   margin-top: 1em;
   border: 1px solid rgba(0, 0, 0, 0.4);
   border-radius: 3px
}

.obj_article_details .citation_display .citation_formats_button {
   position: relative;
   background: transparent;
   border: none;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   box-shadow: none;
   padding: 0 1em;
   width: 100%;
   font-family: Lato, sans-serif;
   font-weight: 400;
   color: rgba(0, 0, 0, 0.54);
   text-align: left
}

.obj_article_details .citation_display .citation_formats_button:after {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   content: "\f0d7";
   position: absolute;
   top: 50%;
   right: 1em;
   transform: translateY(-50%)
}

.obj_article_details .citation_display .citation_formats_button[aria-expanded="true"]:after {
   content: "\f0d8"
}

.obj_article_details .citation_display .citation_formats_button:focus {
   background: #ddd;
   outline: 0
}

.obj_article_details .citation_display .citation_formats_styles {
   margin: 0;
   padding: 0;
   list-style: none
}

.obj_article_details .citation_display .citation_formats_styles a {
   display: block;
   padding: .5em 1em;
   border-bottom: 1px solid #ddd;
   text-decoration: none
}

.obj_article_details .citation_display .citation_formats_styles a:focus {
   background: #ddd;
   outline: 0
}

.obj_article_details .citation_display .citation_formats_styles li:last-child a {
   border-bottom: none
}

.obj_article_details .citation_display .citation_formats_list .label {
   padding: 1em 1em .25em 1em
}

.obj_article_details .citation_display .citation_formats_styles+.label {
   border-top: 1px solid #ddd
}

.obj_article_details .citation_display span {
   margin-right: 0.5em
}

@media (min-width:480px) {
   .obj_article_details .entry_details {
      margin-left: -2.143rem;
      margin-right: -2.143rem
   }
}

@media (min-width:768px) {
   .obj_article_details .row {
      margin-left: -1.43rem;
      margin-right: -1.43rem;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd
   }

   .obj_article_details .main_entry {
      float: left;
      width: 428px;
      border-right: 1px solid #ddd
   }

   .obj_article_details .item {
      padding: 1.43rem
   }

   .obj_article_details .item .label {
      margin: 0 0 1.43rem;
      font-family: Lato, sans-serif;
      font-size: 1.143rem;
      font-weight: 700
   }

   .obj_article_details .item.doi .label,
   .obj_article_details .item.keywords .label {
      display: inline;
      font-size: 1rem
   }

   .obj_article_details .entry_details {
      float: left;
      width: 300px;
      margin: 0 0 0 -1px;
      border-top: none;
      border-left: 1px solid #ddd
   }

   .obj_article_details .entry_details .item {
      margin-right: -1px;
      border-bottom: 1px solid #ddd
   }

   .obj_article_details .entry_details .item:last-child {
      border-bottom: none
   }
}

@media (min-width:992px) {
   .obj_article_details .row {
      margin-left: -2.143rem;
      margin-right: -2.143rem
   }

   .obj_article_details .main_entry {
      width: 352px
   }

   .obj_article_details .item {
      padding: 2.143rem
   }
}

@media (min-width:1200px) {
   .obj_article_details .main_entry {
      width: 560px
   }
}

.obj_article_summary:before,
.obj_article_summary:after {
   content: " ";
   display: table
}

.obj_article_summary:after {
   clear: both
}

.obj_article_summary .cover {
   display: block;
   margin-bottom: 1.43rem
}

.obj_article_summary .cover img {
   display: block;
   max-height: 250px;
   width: auto
}

.obj_article_summary>.title {
   font-family: Lato, sans-serif;
   font-size: 1rem;
   line-height: 1.43rem;
   font-weight: 700;
   border-bottom: none;
   margin: 0
}

.obj_article_summary>.title a {
   text-decoration: none
}

.obj_article_summary .subtitle {
   display: block;
   margin-top: 0.25em;
   margin-bottom: 0.5em;
   font-weight: 400;
   color: rgba(0, 0, 0, 0.54)
}

.obj_article_summary .meta {
   position: relative;
   padding-top: .357rem;
   font-size: .93rem;
   line-height: 1.43rem
}

.obj_article_summary .pages,
.obj_article_summary .published {
   color: rgba(0, 0, 0, 0.54)
}

.obj_article_summary .galleys_links {
   margin-top: .714rem
}

.obj_article_summary .galleys_links li {
   display: inline-block;
   margin-right: 1em
}

.obj_article_summary .galleys_links li:last-child {
   margin-right: 0
}

@media (min-width:768px) {
   .obj_article_summary .authors {
      padding-right: 5em
   }

   .obj_article_summary .pages {
      position: absolute;
      top: 0;
      right: 0;
      line-height: 2.143rem
   }

   .obj_article_summary .cover {
      float: left;
      width: 25%;
      height: auto;
      max-height: none;
      margin-right: 1.43rem
   }
}

@media (min-width:992px) {
   .obj_article_summary .cover {
      margin-right: 2.143rem;
      margin-bottom: 2.143rem
   }

   .obj_article_summary .cover img {
      max-height: none
   }
}

.obj_galley_link:before {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   content: "\f0f6";
   margin-right: 0.25em
}

.obj_galley_link.pdf:before {
   content: "\f1c1"
}

.obj_galley_link.restricted {
   border-color: #d00a6c;
   color: #d00a6c
}

.obj_galley_link.restricted:before {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   content: "\f023";
   color: #d00a6c
}

.obj_galley_link.restricted:hover,
.obj_galley_link.restricted:focus {
   background: #d00a6c;
   color: #fff
}

.obj_galley_link.restricted:hover:before,
.obj_galley_link.restricted:focus:before {
   color: #fff
}

.obj_galley_link_supplementary {
   display: inline-block;
   position: relative;
   padding-right: 2.143rem;
   font-size: .93rem;
   font-weight: 700;
   line-height: 2.143rem;
   color: #006798;
   text-decoration: none;
   padding-right: 0;
   padding-left: 1.43rem
}

.obj_galley_link_supplementary:after {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   content: "\f0f6";
   position: absolute;
   top: 2px;
   right: 0;
   width: 2.143rem;
   height: 2.143rem;
   line-height: 2.143rem;
   text-align: center
}

.obj_galley_link_supplementary:hover,
.obj_galley_link_supplementary:focus {
   color: #008acb
}

.obj_galley_link_supplementary:after {
   right: auto;
   left: 0;
   text-align: left
}

.obj_issue_summary h2 {
   margin: 0;
   font-size: 1rem;
   line-height: 1.43rem;
   font-weight: 400
}

.obj_issue_summary .cover {
   display: block;
   margin-bottom: 1.43rem
}

.obj_issue_summary .cover img {
   display: block;
   width: auto;
   max-height: 250px
}

.obj_issue_summary .title {
   font-family: Lato, sans-serif;
   font-weight: 700;
   text-decoration: none
}

.obj_issue_summary .series {
   margin-bottom: .357rem;
   color: rgba(0, 0, 0, 0.54)
}

.obj_issue_summary .description {
   font-size: .93rem;
   line-height: 1.43rem
}

.obj_issue_summary .description p:first-child {
   margin-top: 0
}

.obj_issue_summary .description p:last-child {
   margin-bottom: 0
}

@media (min-width:768px) {

   .obj_issue_summary:before,
   .obj_issue_summary:after {
      content: " ";
      display: table
   }

   .obj_issue_summary:after {
      clear: both
   }

   .obj_issue_summary .cover {
      float: left;
      width: 25%;
      height: auto;
      margin-right: 1.43rem
   }

   .obj_issue_summary .cover img {
      max-height: auto
   }
}

.obj_issue_toc .cover {
   display: block;
   margin-bottom: 1.43rem
}

.obj_issue_toc .cover img {
   display: block;
   max-height: 250px;
   width: auto
}

.obj_issue_toc .description>*:first-child {
   margin-top: 0
}

.obj_issue_toc .description>*:last-child {
   margin-bottom: 0
}

.obj_issue_toc .pub_id {
   margin: 1.43rem 0
}

.obj_issue_toc .pub_id .type {
   font-weight: 700
}

.obj_issue_toc .published {
   margin: 1.43rem 0
}

.obj_issue_toc .published .label {
   font-weight: 700
}

.obj_issue_toc .articles {
   margin-top: calc(2.143rem + 1.43rem)
}

.obj_issue_toc h2+.articles,
.obj_issue_toc h3+.articles {
   margin-top: 0
}

.obj_issue_toc .sections:not(:first-child) {
   margin-top: 4.286rem
}

.obj_issue_toc .section:last-child .articles>li:last-child {
   margin-bottom: 0
}

.obj_issue_toc .galleys_links {
   margin-top: .714rem
}

.obj_issue_toc .galleys_links li {
   display: inline-block;
   margin-right: 1em
}

.obj_issue_toc .galleys_links li:last-child {
   margin-right: 0
}

@media (min-width:768px) {

   .obj_issue_toc .heading:before,
   .obj_issue_toc .heading:after {
      content: " ";
      display: table
   }

   .obj_issue_toc .heading:after {
      clear: both
   }

   .obj_issue_toc .cover {
      float: left;
      width: 25%;
      height: auto;
      max-height: none;
      margin-right: 1.43rem
   }

   .obj_issue_toc .galleys,
   .obj_issue_toc .section {
      position: relative;
      margin: 2.143rem -1.43rem;
      padding: 2.143rem
   }

   .obj_issue_toc .galleys:before,
   .obj_issue_toc .section:before {
      content: '';
      position: absolute;
      top: 45px;
      left: 0;
      width: 100%;
      border-top: 1px solid #ddd
   }

   .obj_issue_toc .galleys>h2,
   .obj_issue_toc .section>h2,
   .obj_issue_toc .galleys>h3,
   .obj_issue_toc .section>h3 {
      display: inline-block;
      position: relative;
      left: -15px;
      margin-top: 0;
      padding: 0 1.0715rem;
      background: #fff;
      font-size: 1.143rem;
      font-weight: 400;
      line-height: 2.143rem;
      color: rgba(0, 0, 0, 0.54)
   }
}

@media (min-width:992px) {

   .obj_issue_toc .galleys,
   .obj_issue_toc .section {
      margin: 2.143rem -2.143rem
   }

   .obj_issue_toc .cover {
      margin-right: 2.143rem;
      margin-bottom: 2.143rem
   }

   .obj_issue_toc .cover img {
      max-height: none
   }
}

.pkp_block {
   padding: 2.143rem 1.43rem;
   font-size: 1rem;
   line-height: 1.43rem
}

.pkp_block .title {
   display: block;
   margin-bottom: .714rem;
   margin-top: 0;
   font-family: Lato, sans-serif;
   font-size: 1.143rem;
   font-weight: 700;
   line-height: 1.43rem;
   color: rgba(0, 0, 0, 0.54)
}

.pkp_block .content ul li {
   line-height: 1.43rem;
   padding: .357rem 0
}

.pkp_block .content p {
   line-height: 1.785rem
}

.pkp_block .content p:first-child {
   margin-top: 0
}

.pkp_block .content p:last-child {
   margin-bottom: 0
}

.pkp_block a {
   text-decoration: none
}

@media (min-width:992px) {
   .pkp_block {
      padding: 2.143rem
   }
}

.block_browse {
   font-size: .93rem
}

.block_browse .has_submenu {
   margin-top: 1.43rem;
   font-size: .93rem;
   font-weight: 700;
   color: rgba(0, 0, 0, 0.54)
}

.block_browse .has_submenu ul {
   margin-top: calc(.357rem - 1px);
   padding-top: .357rem;
   font-weight: 400
}

.block_browse .is_sub {
   margin-left: .714rem
}

.block_browse .current a {
   padding-left: 0.5em;
   border-left: 4px solid #ddd;
   color: rgba(0, 0, 0, 0.54);
   cursor: text
}

.block_information a,
.block_language_toggle a {
   font-size: .93rem
}

.block_subscription .subscription_name {
   margin-bottom: 0;
   font-weight: 700
}

.block_subscription .subscription_membership {
   margin-top: 0
}

.pkp_structure_footer_wrapper {
   background: #ddd
}

.pkp_structure_footer {
   text-align: center
}

.pkp_footer_content {
   padding: 2.143rem;
   text-align: left
}

.pkp_brand_footer {
   padding: 2.143rem
}

.pkp_brand_footer:before,
.pkp_brand_footer:after {
   content: " ";
   display: table
}

.pkp_brand_footer:after {
   clear: both
}

.pkp_brand_footer a {
   float: right;
   display: block;
   max-width: 150px
}

body[dir="rtl"] {
   direction: rtl;
   unicode-bidi: embed
}

@media (min-width:768px) {
   body[dir="rtl"] .pkp_structure_main:before {
      left: auto;
      right: 0
   }

   body[dir="rtl"] .pkp_structure_main:after {
      left: auto;
      right: 728px
   }
}

@media (min-width:992px) {
   body[dir="rtl"] .pkp_structure_main {
      float: right
   }

   body[dir="rtl"] .pkp_structure_main:after {
      left: auto;
      right: 652px
   }

   body[dir="rtl"] .pkp_structure_sidebar {
      float: left
   }
}

@media (min-width:1200px) {
   body[dir="rtl"] .pkp_structure_main:after {
      left: auto;
      right: 860px
   }
}

@media (min-width:992px) {
   body[dir="rtl"] .pkp_site_name {
      text-align: right
   }
}

body[dir="rtl"] .pkp_navigation_primary ul {
   text-align: right
}

body[dir="rtl"] .pkp_navigation_user {
   text-align: left
}

body[dir="rtl"] .pkp_navigation_user li {
   text-align: right
}

body[dir="rtl"] .pkp_head_wrapper .pkp_search {
   right: auto;
   left: 0;
   text-align: left
}

body[dir="rtl"] .pkp_head_wrapper .pkp_search.is_open .search_prompt {
   border-left: none;
   border-right: 1px solid #ddd
}

body[dir="rtl"] .pkp_head_wrapper .pkp_search.is_open input[type="text"] {
   padding-right: 0.5em;
   padding-left: 180px
}

body[dir="rtl"] .pkp_screen_reader,
body[dir="rtl"] .cmp_skip_to_content a,
body[dir="rtl"] .pkp_page_index .journals h2,
body[dir="rtl"] .pkp_page_index .cmp_announcements h2,
body[dir="rtl"] .page_register .context_optin .roles legend,
body[dir="rtl"] .pkp_page_index .cmp_announcements h2 {
   left: auto;
   right: -2000px
}

body[dir="rtl"] .pkp_screen_reader:focus,
body[dir="rtl"] .cmp_skip_to_content a:focus,
body[dir="rtl"] .pkp_page_index .journals h2:focus,
body[dir="rtl"] .pkp_page_index .cmp_announcements h2:focus,
body[dir="rtl"] .page_register .context_optin .roles legend:focus,
body[dir="rtl"] .pkp_page_index .cmp_announcements h2:focus {
   right: 50%
}

body[dir="rtl"] .obj_announcement_summary .date:before {
   margin-right: 0;
   margin-left: 0.5em
}

body[dir="rtl"] .obj_issue_toc .galleys_links li {
   margin-right: inherit;
   margin-left: 1em
}

@media (min-width:768px) {

   body[dir="rtl"] .obj_issue_toc .galleys h2,
   body[dir="rtl"] .obj_issue_toc .section h2 {
      left: auto;
      right: 1.0715rem
   }

   body[dir="rtl"] .obj_issue_toc .cover {
      float: right;
      margin-right: inherit;
      margin-left: 1.43rem
   }
}

@media (min-width:992px) {
   body[dir="rtl"] .obj_issue_toc .cover {
      margin-right: inherit;
      margin-left: 2.143rem
   }
}

@media (min-width:768px) {
   body[dir="rtl"] .obj_issue_summary .cover {
      float: right;
      margin-right: inherit;
      margin-left: 1.43rem
   }
}

@media (min-width:768px) {
   body[dir="rtl"] .obj_article_summary {
      padding-right: 0;
      padding-left: 5em
   }
}

@media (min-width:768px) {

   body[dir="rtl"] .galleys h2,
   body[dir="rtl"] .section h2 {
      left: auto;
      right: 1.0715rem
   }

   body[dir="rtl"] .cover {
      float: right;
      margin-right: inherit;
      margin-left: 1.43rem
   }
}

@media (min-width:992px) {
   body[dir="rtl"] .cover {
      margin-right: inherit;
      margin-left: 2.143rem
   }
}


/* =========================================================
   IJARME-LIKE CLEAN ARTICLE CARDS
   Dipakai untuk tampilan daftar artikel (Articles section)
   ========================================================= */

/* Spasi antar artikel */
.cmp_article_list>li {
   margin-bottom: 1.5rem;
}

/* Card utama artikel */
.obj_article_summary {
   padding: 1rem 1.25rem;
   border-radius: 10px;
   border: 1px solid #d4d4d8;
   background-color: #ffffff;
   box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05);
   transition: box-shadow 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
   position: relative;
}

.obj_article_summary:hover {
   border-color: #0f766e;
   box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14);
   transform: translateY(-2px);
}

/* Judul artikel */
.obj_article_summary>.title {
   margin: 0 0 0.25rem;
   font-size: 1rem;
   line-height: 1.45;
   font-weight: 700;
   border-bottom: none;
}

.obj_article_summary>.title a {
   color: #111827;
   text-decoration: none;
}

.obj_article_summary>.title a:hover,
.obj_article_summary>.title a:focus {
   color: #0f766e;
}

/* Baris meta: penulis + halaman */
.obj_article_summary .meta {
   position: static;
   padding-top: 0.15rem;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   column-gap: 0.75rem;
   row-gap: 0.2rem;
   font-size: 0.84rem;
   color: #4b5563;
}

.obj_article_summary .authors {
   font-weight: 500;
   padding-right: 0;
}

/* Badge halaman ala IJARME: "01-11" di sisi kanan */
.obj_article_summary .pages {
   margin-left: auto;
   font-size: 0.8rem;
   color: #9ca3af;
   font-weight: 600;
}

/* Jika ingin format "pp. 01–11" aktifkan ini:
.obj_article_summary .pages::before {
    content: "pp. ";
    font-weight: 500;
    margin-right: 0.15rem;
}
*/

.obj_article_summary .published {
   color: #9ca3af;
}

/* Tombol PDF & galley links */
.obj_article_summary .galleys_links {
   margin-top: 0.6rem;
}

.obj_article_summary .galleys_links li {
   display: inline-block;
   margin-right: 0.4rem;
}

/* Gaya tombol PDF mirip IJARME: kotak kecil rapi */
.obj_article_summary .galleys_links .obj_galley_link {
   border-radius: 4px;
   padding: 0 0.9rem;
   font-size: 0.82rem;
   line-height: calc(2rem - 2px);
}

.obj_article_summary .galleys_links .obj_galley_link.pdf {
   border-color: #111827;
   color: #111827;
   background-color: #f9fafb;
}

.obj_article_summary .galleys_links .obj_galley_link.pdf:hover,
.obj_article_summary .galleys_links .obj_galley_link.pdf:focus {
   background-color: #111827;
   color: #ffffff;
}

/* Baris statistik (views, downloads, DOI) */
.obj_article_summary .article-stats,
.obj_article_summary .article-details,
.obj_article_summary .article_stats,
.obj_article_summary .article_details {
   margin-top: 0.5rem;
   font-size: 0.8rem;
   color: #4b5563;
}

.obj_article_summary .article-stats span,
.obj_article_summary .article-details span,
.obj_article_summary .article_stats span,
.obj_article_summary .article_details span {
   margin-right: 0.75rem;
   white-space: nowrap;
}

/* DOI link rapi, tidak meledak ke kanan */
.obj_article_summary .article-stats a,
.obj_article_summary .article-details a,
.obj_article_summary .doi a,
.obj_article_summary .doi {
   font-size: 0.8rem;
   color: #1d4ed8;
   text-decoration: none;
}

.obj_article_summary .article-stats a:hover,
.obj_article_summary .article-details a:hover,
.obj_article_summary .doi a:hover {
   text-decoration: underline;
}

/* Icon kecil (jika pakai Font Awesome / gambar) */
.obj_article_summary .article-stats i,
.obj_article_summary .article-details i {
   margin-right: 0.18rem;
   font-size: 0.85rem;
}

/* Kalau plugin statistik pakai <img>, jangan sampai ketarik tinggi */
.obj_article_summary .article-stats img,
.obj_article_summary .article-details img {
   height: 14px;
   width: auto;
   max-width: none;
}

/* Responsif mobile */
@media (max-width: 767px) {
   .obj_article_summary {
      padding: 0.9rem 0.9rem;
      border-radius: 8px;
   }

   .obj_article_summary .pages {
      width: 100%;
      margin-left: 0;
      text-align: left;
   }
}



/* =========================================================
   FIX PAGE NUMBER POSITION
   - Move "01-08" inside card, under authors
   ========================================================= */

.obj_article_summary .meta {
   position: static;
   padding-top: 0.15rem;
   display: block;
   /* stack meta items vertically */
   font-size: 0.84rem;
   color: #4b5563;
}

.obj_article_summary .authors {
   display: block;
   font-weight: 500;
   margin-bottom: 0.05rem;
   padding-right: 0;
}

.obj_article_summary .pages {
   position: static !important;
   display: inline-block;
   margin-left: 0;
   margin-top: 0.05rem;
   padding: 0;
   border: none;
   background: transparent;
   color: #9ca3af;
   font-size: 0.8rem;
   font-weight: 600;
}

.obj_article_summary .pages::before {
   content: "pp. ";
   font-weight: 500;
   margin-right: 0.1rem;
}

/* =========================================================
   PJCS HEADER MODERN + REMOVE PKP FOOTER
   (Integrated precisely into article-cards stylesheet)
   ========================================================= */

/* Full-width top logo/banner */
.pkp_page_index .homepage_image,
.pkp_site_name_wrapper {
   width: 100% !important;
   max-width: 100% !important;
   padding: 0;
   margin: 0;
}

.pkp_site_name .is_text {
   display: none !important;
   /* hide duplicate text under banner */
}

.pkp_structure_head {
   background: linear-gradient(135deg, #0C8A6A, #0E9D95);
   border: none !important;
   padding-top: 0;
   padding-bottom: 0;
}

/* Make inner wrapper also full width so banner flush with edges */
.pkp_head_wrapper {
   max-width: 100% !important;
   width: 100% !important;
   padding-left: 0 !important;
   padding-right: 0 !important;
}

/* Primary navigation text color */
.pkp_navigation_primary>li>a {
   color: #ffffff !important;
}

/* Hover menu */
.pkp_navigation_primary>li>a:hover,
.pkp_navigation_primary>li>a:focus {
   background: rgba(255, 255, 255, 0.15);
   border-radius: 999px;
}

/* Also adjust search link in header (same style as menu items) */
.pkp_navigation_search_wrapper a {
   color: #ffffff !important;
}

.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus {
   background: rgba(255, 255, 255, 0.15);
   border-radius: 999px;
}

/* Remove PKP footer branding */
.pkp_brand_footer {
   display: none !important;
   visibility: hidden !important;
}

/* Fix footer background to cleaner white */
.pkp_structure_footer {
   background: #ffffff !important;
   border-top: 1px solid #e5e7eb !important;
}

/* =========================================================
   FINAL PJCS THEME
   - Article cards (IJARME-like)
   - Full-width journal banner ONLY
   - Navigation bar kept as original
   - Remove PKP footer branding
   ========================================================= */

/* Full-width banner ONLY */
.pkp_page_index .homepage_image,
.pkp_site_name_wrapper {
   width: 100% !important;
   max-width: 100% !important;
   margin: 0 auto;
   display: block;
   padding: 0;
}

.pkp_structure_content .homepage_image img,
.pkp_page_index .homepage_image img {
   width: 100% !important;
   height: auto !important;
   display: block;
}

/* Header/nav container back to normal width */
.pkp_structure_head {
   background: #0c89ee;
   /* default blue header bar */
   border-bottom: 1px solid #ddd !important;
}

.pkp_head_wrapper {
   max-width: 1160px;
   margin: 0 auto;
   padding: 0 .714rem;
}

/* Navigation colours (keep white text) */
.pkp_navigation_primary>li>a,
.pkp_navigation_search_wrapper a {
   color: #ffffff !important;
}

.pkp_navigation_primary>li>a:hover,
.pkp_navigation_primary>li>a:focus,
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus {
   background: rgba(255, 255, 255, 0.15);
   border-radius: 999px;
}

/* Remove PKP footer branding */
.pkp_brand_footer {
   display: none !important;
   visibility: hidden !important;
}

.pkp_structure_footer {
   background: #ffffff !important;
   border-top: 1px solid #e5e7eb !important;
}

/* =========================================================
   FULL-WIDTH BANNER (HEADER) + CONTAINED NAVIGATION BAR
   ========================================================= */

/* Banner benar-benar full-width */
.pkp_site_name_wrapper {
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   background: #008c8c !important;
   /* warna hijau PJCS */
}

.pkp_site_name .is_img img {
   display: block;
   width: 100%;
   max-width: 1920px;
   /* fleksibel di monitor besar */
   max-height: 300px;
   margin: 0 auto;
   object-fit: cover;
   border-radius: 0 !important;
   /* banner lurus penuh */
}

/* Header container transparan / tanpa warna */
.pkp_structure_head {
   background: transparent !important;
   border: none !important;
   padding: 0 !important;
}

/* ❗ Navigation tetap dalam batas layout konten (tidak full width) */
.pkp_navigation_primary_wrapper {
   background: #007A7A !important;
   /* lebih gelap untuk menu */
}

.pkp_head_wrapper {
   max-width: 1160px !important;
   padding: 0 12px !important;
   margin: 0 auto !important;
}

/* Menu tulisan putih */
.pkp_navigation_primary>li>a,
.pkp_navigation_search_wrapper a {
   color: #ffffff !important;
   font-weight: 600;
   font-size: 15px;
   padding: .5rem .75rem;
}

.pkp_navigation_primary>li>a:hover,
.pkp_navigation_primary>li>a:focus,
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus {
   background: rgba(255, 255, 255, 0.22);
   border-radius: 5px;
}

/* Hilangkan PKP footer */
.pkp_brand_footer {
   display: none !important;
}

.pkp_structure_footer {
   background: #ffffff !important;
   border-top: 1px solid #ddd !important;
}

/* =========================================================
   FIX ALIGNMENT HEADER PJCS
   - Banner tetap full width
   - Menu (Home, Submissions, dll.) sejajar dengan konten
   ========================================================= */

/* Banner tetap full-width seperti sekarang */
.pkp_site_name_wrapper {
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
}

.pkp_site_name .is_img img {
   display: block;
   width: 100%;
   max-width: 1920px;
   max-height: 300px;
   height: auto;
   margin: 0 auto;
   object-fit: cover;
}

/* Header luar berwarna hijau penuh */
.pkp_structure_head {
   background: #008c8c !important;
   border: none !important;
   padding: 0 !important;
}

/* ✅ MENU KEMBALI KE LEBAR CONTAINER (ALIGN DENGAN KONTEN) */
.pkp_navigation_primary_wrapper {
   max-width: 1160px !important;
   /* sama dengan lebar konten */
   width: 100%;
   margin: 0 auto !important;
   /* center di tengah layar */
   padding: 0 .714rem !important;
   background: transparent !important;
   /* warna hijau dari parent */
}

/* Warna teks menu dan hover */
.pkp_navigation_primary>li>a,
.pkp_navigation_search_wrapper a {
   color: #ffffff !important;
   font-weight: 600;
   font-size: 15px;
   padding: .5rem .75rem;
}

.pkp_navigation_primary>li>a:hover,
.pkp_navigation_primary>li>a:focus,
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus {
   background: rgba(255, 255, 255, 0.22);
   border-radius: 5px;
}

/* Username/akun tetap terbaca di header hijau */
.pkp_navigation_user a,
.pkp_navigation_user .pkp_logged_in_as {
   color: #ffffff !important;
}

/* PKP footer tetap disembunyikan */
.pkp_brand_footer {
   display: none !important;
}

.pkp_structure_footer {
   background: #ffffff !important;
   border-top: 1px solid #ddd !important;
}
/* =========================================================
   REMOVE VERTICAL SEPARATOR LINES (LEFT/RIGHT)
   Supaya header + konten terlihat presisi dan bersih
   ========================================================= */

.pkp_structure_main:before,
.pkp_structure_main:after {
    display: none !important;
}
/* =========================================================
   PJCS HEADER FINAL FIX - Presisi sesuai layout konten
   ========================================================= */

/* Header hijau penuh hanya sebagai background belakang */
.pkp_structure_head {
    background: #008c8c !important;
    padding: 0 !important;
    border: none !important;
}

/* Banner Jurnal tetap full-screen */
.pkp_site_name_wrapper {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.pkp_site_name .is_img img {
    display: block;
    width: 100% !important;
    max-height: 320px;
    height: auto;
    object-fit: cover;
}

/* =====================
   NAVIGATION BAR FIX
   ===================== */

/* Menyempit sesuai konten (1160px) & berada di tengah */
.pkp_navigation_primary_wrapper {
    max-width: 1160px !important;
    width: 100%;
    margin: 0 auto !important;
    background: #008c8c !important; /* sama dengan Journal Information */
    padding: 0 12px !important;
}

/* Elemen menu tetap putih & rapi */
.pkp_navigation_primary > li > a,
.pkp_navigation_search_wrapper a {
    color: #ffffff !important;
    font-weight: 600;
    font-size: 15px;
}

/* Hilangkan garis biru sisa di kiri/kanan menu */
.pkp_navigation_primary_wrapper:before,
.pkp_navigation_primary_wrapper:after {
    display: none !important;
}

/* =====================
   WHITE GAP correction (pinggir kiri & kanan menu)
   ===================== */
.pkp_structure_head > *:not(.pkp_navigation_primary_wrapper) {
    background: transparent !important;
}

/* ===============================================
   FIX WHITE SIDES LEFT & RIGHT UNDER HEADER
   =============================================== */

/* Area di luar banner jadi putih */
.pkp_structure_head::before,
.pkp_structure_head::after {
    content: "";
    display: block;
    width: 100%;
    background: #ffffff !important;
}

/* Mengatur wrapper navigasi tetap hijau di tengah */
.pkp_navigation_primary_wrapper {
    max-width: 1160px !important;
    width: 100%;
    margin: 0 auto !important;
    background: #008c8c !important; /* warna Journal Information */
    padding: 0 12px !important;
}

/* Banner area tetap full */
.pkp_site_name_wrapper {
    width: 100% !important;
    background: transparent !important;
    padding: 0;
    margin: 0;
}
.pkp_site_name .is_img img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
}

/* Menjamin background halaman tetap putih */
body,
.pkp_structure_content,
.pkp_structure_main {
    background: #ffffff !important;
}
/* =========================================================
   HEADER PJCS: sides putih, nav hijau
   ========================================================= */

/* 1. Header luar & area banner: PUTIH */
.pkp_structure_head {
    background: #ffffff !important;  /* bukan hijau lagi */
    border: none !important;
    padding: 0 !important;
}

/* Wrapper nama jurnal (banner) juga putih, biar hijau hanya dari gambar banner */
.pkp_site_name_wrapper {
    background: #ffffff !important;
    margin: 0 auto;
    padding: 0.75rem 0;
    text-align: center;
}

/* Gambar banner TIDAK ditarik full-screen, cukup max 1160px
   → sisi kiri-kanan akan putih mengikuti background body */
.pkp_site_name .is_img img {
    display: block;
    max-width: 1160px;   /* lebar sama dengan konten */
    width: 100%;
    height: auto;
    margin: 0 auto;      /* center */
    object-fit: cover;
}

/* 2. BAR MENU tetap hijau seperti JOURNAL INFORMATION */
.pkp_navigation_primary_wrapper {
    max-width: 1160px !important;
    width: 100%;
    margin: 0 auto !important;
    padding: 0 .75rem !important;
    background: #008c8c !important;   /* samakan dengan JOURNAL INFORMATION */
}

/* Teks menu & search */
.pkp_navigation_primary > li > a,
.pkp_navigation_search_wrapper a {
    color: #ffffff !important;
    font-weight: 600;
    font-size: 15px;
}

/* Hover menu */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus {
    background: rgba(255, 255, 255, 0.20);
    border-radius: 4px;
}

/* 3. Pastikan background halaman putih */
body,
.pkp_structure_content,
.pkp_structure_main {
    background: #ffffff !important;
}
/* CARD UNTUK ABOUT THE JOURNAL */
#journalDescription {
    background: #ffffff;
    border-radius: 12px;
    padding: 24px 32px;
    border: 1px solid rgba(0,149,166,0.35); /* hijau lembut */
    box-shadow:
        0 16px 35px rgba(0,0,0,0.10),      /* bayangan ke bawah */
        0 0 0 1px rgba(255,255,255,0.7) inset; /* garis putih tipis di dalam */
    position: relative;
    overflow: hidden;
}

/* EFEK CAHAYA LEMBUT DI BAGIAN ATAS CARD */
#journalDescription::before {
    content: "";
    position: absolute;
    top: -40px;
    left: -40px;
    right: -40px;
    height: 80px;
    background: radial-gradient(circle,
        rgba(255,255,255,0.8) 0%,
        rgba(0,149,166,0.15) 40%,
        transparent 70%);
    pointer-events: none;
}

/* JUDUL DI DALAM CARD */
#journalDescription h3,
#journalDescription h2 {
    margin-top: 0;
    font-weight: 600;
}
/* === CARD STYLE UNTUK KONTEN UTAMA === */
.page_about, #journalDescription, .pkp_structure_main .page {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid rgba(0, 149, 166, 0.25);
    padding: 24px 32px;
    margin-bottom: 32px;

    /* bayangan lembut elegan */
    box-shadow:
        0 10px 26px rgba(0,0,0,0.10),
        0 4px 8px rgba(0,0,0,0.05);
    position: relative;
    overflow: hidden;
}

/* === STRIP WARNA BRANDING DI ATAS CARD === */
.page_about::before,
#journalDescription::before,
.pkp_structure_main .page::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
    width: 100%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;

    background: linear-gradient(90deg,
        #00a9b8 0%,
        #007d89 100%
    ); /* hijau PJCS */
}
.block_container,
#announcements,
.current_issue {
    /* copy style dari .page_about */
}
.page_about:hover,
#journalDescription:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 38px rgba(0,0,0,0.18);
    transition: all .25s ease;
}
/* CARD UNTUK AREA KONTEN UTAMA (ABOUT THE JOURNAL + TABEL) */
#content {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid rgba(0, 149, 166, 0.25);
    padding: 24px 32px;
    margin: 24px auto 40px auto;
    box-shadow:
        0 10px 26px rgba(0,0,0,0.10),
        0 4px 8px rgba(0,0,0,0.05);
}

/* Strip warna hijau di bagian atas card */
#content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
    width: 100%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: linear-gradient(90deg, #00a9b8 0%, #007d89 100%);
}

/* Supaya pseudo-element bisa tampil dengan benar */
#content {
    position: relative;
    overflow: hidden;
}
/* === BOX CARD UNTUK CURRENT ISSUE === */
.current_issue,
.pkp_page_index .current_issue {
    background: #ffffff;
    border-radius: 10px;
    border-top: 4px solid #008b8b;
    box-shadow: 0 1px 4px rgba(15,23,42,0.10);
    padding: 20px;
    margin-bottom: 24px;
}

/* Judul Current Issue */
.pkp_page_index .current_issue h2,
.pkp_page_index .current_issue h3 {
    color: #006f7b;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
}

/* Teks Current Issue */
.pkp_page_index .current_issue p {
    text-align: justify;
}

/* === BOX CARD UNTUK ANNOUNCEMENTS === */
.pkp_announcements {
    background: #ffffff;
    border-radius: 10px;
    border-top: 4px solid #0ea5e9;
    box-shadow: 0 1px 4px rgba(15,23,42,0.08);
    padding: 20px;
    margin-bottom: 24px;
}

.pkp_announcements h2 {
    color: #006f7b;
    font-weight: 700;
    margin-top: 0;
}

/* Konten salam & paragraf */
.pkp_announcements p {
    text-align: justify;
}
/* === CARD UNTUK ANNOUNCEMENTS DI HALAMAN DEPAN === */

/* Bungkus seluruh blok Announcements */
.pkp_page_index .cmp_announcements {
    background: #ffffff;
    border-radius: 10px;
    border-top: 4px solid #0ea5e9; /* biru muda, selaras Journal Profile */
    box-shadow: 0 1px 4px rgba(15,23,42,0.10);
    padding: 18px 20px;
    margin-bottom: 24px;
}

/* Judul "Announcements" */
.pkp_page_index .cmp_announcements h2,
.pkp_page_index .cmp_announcements h3 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #006f7b;
    font-weight: 700;
}

/* Setiap item pengumuman */
.pkp_page_index .cmp_announcements .obj_announcement_summary {
    border: none;               /* hilangkan garis vertikal seperti di screenshot */
    padding: 8px 0;
    display: block;
}

/* Judul pengumuman */
.pkp_page_index .cmp_announcements .obj_announcement_summary .title {
    font-weight: 600;
    display: block;
    margin-bottom: 4px;
}

/* Baris tanggal & "Read More" */
.pkp_page_index .cmp_announcements .obj_announcement_summary .date,
.pkp_page_index .cmp_announcements .obj_announcement_summary .more {
    font-size: 13px;
}

/* Spasi antar pengumuman kalau nanti ada lebih dari satu */
.pkp_page_index .cmp_announcements .obj_announcement_summary + .obj_announcement_summary {
    border-top: 1px solid #e2e8f0;
    margin-top: 8px;
    padding-top: 8px;
}
/* Sidebar card – Papanda Journal of Community Service (PJCS) */
.pjcs-sidebar {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0,0,0,0.08);
    border: 1px solid #cde6e8;
    background-color: #ffffff;
}

/* Header card */
.pjcs-sidebar-header {
    background: linear-gradient(90deg, #008b8b, #00a6b3);
    color: #ffffff;
    padding: 12px 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-size: 13px;
}

/* Link list */
.pjcs-sidebar a {
    display: block;
    padding: 10px 16px 10px 20px;
    color: #003d40;
    text-decoration: none;
    border-bottom: 1px solid #d9ecee;
    transition: all 0.25s ease;
    position: relative;
    background-color: #f8fafc;
}

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

/* Hover effect sesuai warna PJCS */
.pjcs-sidebar a:hover {
    background-color: #e0f5f6;
    padding-left: 26px; /* sedikit geser ke kanan */
    color: #006f7b;
    font-weight: 600;
}

/* Icon panah animasi */
.pjcs-sidebar a::before {
    content: "›";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: 0.25s;
    color: #00a6b3;
    font-size: 13px;
}

.pjcs-sidebar a:hover::before {
    opacity: 1;
    left: 14px;
}
/* Hilangkan gap besar sebelum footer */
.pkp_structure_main,
.pkp_page_index .pkp_structure_content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Tempelkan footer langsung dengan konten */
.pkp_structure_footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Latar konten putih (agar footer menyatu tidak terblok abu-abu) */
body,
.pkp_structure_main {
    background-color: #ffffff !important;
}

/* Rapatkan wrapper bawaan agar full width */
.pkp_structure_footer .pkp_structure_container {
    padding: 0 !important;
}
/* === PJCS Brand Integrated Background === */

/* Latar halaman menyatu lembut */
body {
    background-color: #eaf6f7 !important;
}

/* Area konten utama tetap putih bersih agar fokus */
.pkp_structure_main {
    background-color: #ffffff !important;
    box-shadow: 0 0 12px rgba(0,0,0,0.04);
}

/* Sidebar cards menyatu ringan */
.pkp_structure_sidebar {
    background-color: transparent !important;
}

/* Hilangkan strip abu-abu bawaan theme */
.pkp_structure_content {
    background-color: transparent !important;
}

/* Hapus ruang sisa agar footer rapat */
.pkp_structure_main,
.pkp_page_index .pkp_structure_content {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.pkp_structure_footer {
    margin-top: 0 !important;
}
/* ===================================================================
   PJCS HOMEPAGE UPGRADE – ANNOUNCEMENTS • CURRENT ISSUE • ARTICLES
   =================================================================== */

/* --- 1. ANNOUNCEMENTS CARD --- */
.pkp_page_index .cmp_announcements {
    background: #ffffff;
    border-radius: 12px;
    border-top: 4px solid #0096a1;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
    padding: 16px 18px 10px 18px;
    margin-bottom: 24px;
}

.pkp_page_index .cmp_announcements h2,
.pkp_page_index .cmp_announcements h3 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
    color: #00696f;
}

/* Setiap item pengumuman */
.pkp_page_index .cmp_announcements .obj_announcement_summary {
    border: none;
    padding: 6px 0;
    margin: 0;
}

/* Judul announcement */
.pkp_page_index .cmp_announcements .obj_announcement_summary .title a {
    font-weight: 600;
    text-decoration: none;
    color: #0f172a;
}

.pkp_page_index .cmp_announcements .obj_announcement_summary .title a:hover {
    color: #0096a1;
}

/* Baris tanggal & link "Read more" */
.pkp_page_index .cmp_announcements .obj_announcement_summary .date,
.pkp_page_index .cmp_announcements .obj_announcement_summary .more {
    font-size: 12px;
    color: #4b5563;
}

/* Garis pemisah halus antar announcement kalau lebih dari satu */
.pkp_page_index .cmp_announcements .obj_announcement_summary + .obj_announcement_summary {
    border-top: 1px solid #e2e8f0;
    margin-top: 6px;
    padding-top: 6px;
}


/* --- 2. CURRENT ISSUE CARD --- */
.pkp_page_index .current_issue {
    background: #ffffff;
    border-radius: 14px;
    border-top: 4px solid #22c55e;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.12);
    padding: 18px 20px 20px 20px;
    margin-bottom: 24px;
}

.pkp_page_index .current_issue h2 {
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 700;
    color: #00696f;
}

.pkp_page_index .current_issue h3 {
    margin: 0 0 10px 0;
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
}

/* Teks deskripsi current issue */
.pkp_page_index .current_issue p {
    font-size: 13px;
    line-height: 1.5;
    text-align: justify;
}

/* Cover issue agar proporsional & rapi */
.pkp_page_index .current_issue .cover img {
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.25);
}

/* Link "View All Issues" */
.pkp_page_index .current_issue + .cmp_issues .more,
.pkp_page_index .cmp_issues .more a {
    font-weight: 600;
    color: #0096a1;
    text-decoration: none;
}

.pkp_page_index .cmp_issues .more a:hover {
    text-decoration: underline;
}


/* --- 3. ARTICLES LIST – MODERN CARDS --- */

/* Bungkus list artikel */
.pkp_page_index .cmp_article_list {
    margin-top: 10px;
}

/* Setiap artikel sebagai card */
.pkp_page_index .cmp_article_list .obj_article_summary {
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid #e2e8f0;
    padding: 14px 16px;
    margin-bottom: 12px;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
    transition: all 0.2s ease;
}

/* Hover efek elegan */
.pkp_page_index .cmp_article_list .obj_article_summary:hover {
    border-color: #0096a1;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);
    transform: translateY(-1px);
}

/* Judul artikel */
.pkp_page_index .cmp_article_list .obj_article_summary .title a {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    text-decoration: none;
}

.pkp_page_index .cmp_article_list .obj_article_summary .title a:hover {
    color: #0096a1;
}

/* Penulis dan halaman */
.pkp_page_index .cmp_article_list .obj_article_summary .authors,
.pkp_page_index .cmp_article_list .obj_article_summary .pages {
    font-size: 12px;
    color: #4b5563;
}

/* Info metrics di bawah (abstract views, downloads, DOI) */
.pkp_page_index .cmp_article_list .obj_article_summary .item {
    font-size: 12px;
    color: #374151;
}

/* Tombol PDF */
.pkp_page_index .cmp_article_list .obj_article_summary .galley_link {
    border-radius: 20px;
    border: 1px solid #0096a1;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
    color: #0096a1;
    text-transform: uppercase;
    text-decoration: none;
    background: #e0f5f6;
    transition: all 0.2s;
}

.pkp_page_index .cmp_article_list .obj_article_summary .galley_link:hover {
    background: #0096a1;
    color: #ffffff;
}

/* "View All Issues" di bawah daftar artikel */
.pkp_page_index .cmp_article_list + .more,
.pkp_page_index .cmp_article_list + .more a {
    font-weight: 600;
    color: #0096a1;
    text-decoration: none;
    font-size: 13px;
}

.pkp_page_index .cmp_article_list + .more a:hover {
    text-decoration: underline;
}


/* --- 4. PENYESUAIAN UMUM HALAMAN UTAMA --- */

/* Hapus garis horizontal keras antara section */
.pkp_page_index hr {
    border: 0;
    border-top: 1px solid #e5e7eb;
    margin: 16px 0;
}

/* Heading section (About the Journal, Articles, dll.) */
.pkp_page_index h2 {
    color: #00696f;
    font-weight: 700;
}

/* Jaga jarak bawah sebelum footer rapi */
.pkp_page_index .pkp_structure_main {
    padding-bottom: 12px;
}

/* === FIX WIDTH ANNOUNCEMENT CARD TO MATCH MAIN CONTENT === */
.pkp_page_index .cmp_announcements {
    max-width: 800px; /* mengikuti lebar area artikel */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Jika ingin lebih presisi sejajar dengan Current Issue */
.pkp_page_index .cmp_announcements {
    width: 100%;
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .pkp_page_index .cmp_announcements {
        width: calc(100% - 260px); /* kurangi lebar sidebar */
    }
}
/* === FINAL PROFESSIONAL LOOK FOR ANNOUNCEMENTS === */
.pkp_page_index .cmp_announcements .obj_announcement_summary {
    border: 1px solid #d3e9ec !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    padding: 18px 22px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.07) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.pkp_page_index .cmp_announcements .obj_announcement_summary:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.12) !important;
    border-color: #0096a1 !important;
}

/* Remove unnecessary top whitespace */
.pkp_page_index .cmp_announcements {
    margin-top: -10px !important;
}

/* Calendar icon & read more alignment enhanced */
.obj_announcement_summary .date,
.obj_announcement_summary .read_more {
    opacity: 0.85;
}
.obj_announcement_summary .read_more:hover {
    opacity: 1;
}
/* Global Background Fix */
body,
.pkp_structure_page,
.pkp_page_index,
.pkp_structure_main {
    background: #E6F3F4 !important; /* warna PJCS pastel */
}

/* Hilangkan blok warna krem default OJS */
#pkp_footer {
    background: transparent !important;
}

/* Full width content alignment */
.pkp_structure_content {
    background: transparent !important;
    padding-bottom: 20px;
}
/* =========================================================
   PJCS FULL HOMEPAGE POLISH
   1) HEADER + NAVBAR
   2) GRID ALIGNMENT
   3) ARTICLE CARDS
   4) ANNOUNCEMENTS + CURRENT ISSUE
   ========================================================= */

/* =============================
   1. MODERNISASI HEADER + NAVBAR
   ============================= */

/* Latar belakang sekitar header menyatu dengan body */
body,
.pkp_structure_page,
.pkp_page_index {
    background-color: #E6F3F4 !important;
}

/* Header bar di atas (bukan banner image) */
.pkp_structure_head {
    background-color: #E6F3F4 !important;
    border-bottom: none !important;
}

/* Bungkus navbar: sticky + shadow ringan */
.pkp_navigation_primary_wrapper {
    background-color: #0096A1 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.18);
    position: sticky;
    top: 0;
    z-index: 50;
}

/* Navbar utama */
.pkp_navigation_primary {
    background-color: #0096A1 !important;
    border: none !important;
}

/* Item menu */
.pkp_navigation_primary .pkp_nav_list > li > a {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #ffffff !important;
    padding: 10px 18px !important;
    border-bottom: 3px solid transparent;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

/* Hover & active state */
.pkp_navigation_primary .pkp_nav_list > li > a:hover,
.pkp_navigation_primary .pkp_nav_list > li.current > a,
.pkp_navigation_primary .pkp_nav_list > li.active > a {
    border-bottom-color: #FACC15; /* aksen kuning lembut */
    background-color: rgba(0,0,0,0.06);
    color: #ffffff !important;
}

/* Search di navbar tetap rata kanan */
.pkp_site_nav_menu .pkp_search {
    margin-left: auto;
}

/* =============================
   2. GRID & SPACING HALAMAN UTAMA
   ============================= */

/* Konten utama dibatasi lebar dan center */
.pkp_structure_main > .pkp_structure_content {
    max-width: 1120px;
    margin: 0 auto;
    padding: 16px 10px 24px 10px;
    background: transparent;
}

/* Panel konten (kolom kiri + kanan) */
.pkp_structure_main {
    background-color: transparent !important;
}

/* Jarak antar section konten */
.pkp_page_index h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #00696f;
}

/* Hapus gap berlebihan sebelum footer */
.pkp_page_index .pkp_structure_main {
    padding-bottom: 12px;
}

.pkp_structure_footer {
    margin-top: 0 !important;
}

/* =============================
   3. KONSISTENSI STYLE CARD ARTIKEL
   ============================= */

/* Wrapper list artikel */
.pkp_page_index .cmp_article_list {
    margin-top: 14px;
}

/* Card setiap artikel */
.pkp_page_index .cmp_article_list .obj_article_summary {
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid #E2E8F0;
    padding: 14px 16px;
    margin-bottom: 12px;
    box-shadow: 0 1px 4px rgba(15,23,42,0.06);
    transition: all 0.2s ease;
}

/* Hover card artikel */
.pkp_page_index .cmp_article_list .obj_article_summary:hover {
    border-color: #0096A1;
    box-shadow: 0 4px 12px rgba(15,23,42,0.16);
    transform: translateY(-1px);
}

/* Judul artikel */
.pkp_page_index .cmp_article_list .obj_article_summary .title a {
    font-size: 14px;
    font-weight: 700;
    color: #0F172A;
    text-decoration: none;
}

.pkp_page_index .cmp_article_list .obj_article_summary .title a:hover {
    color: #0096A1;
}

/* Penulis, halaman */
.pkp_page_index .cmp_article_list .obj_article_summary .authors,
.pkp_page_index .cmp_article_list .obj_article_summary .pages {
    font-size: 12px;
    color: #4B5563;
}

/* Info metric (abstract views, downloads, DOI) */
.pkp_page_index .cmp_article_list .obj_article_summary .item {
    font-size: 12px;
    color: #374151;
}

/* Tombol PDF / galleys */
.pkp_page_index .cmp_article_list .obj_article_summary .galley_link {
    border-radius: 20px;
    border: 1px solid #0096A1;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
    color: #0096A1;
    text-transform: uppercase;
    text-decoration: none;
    background: #E0F5F6;
    transition: all 0.2s;
}

.pkp_page_index .cmp_article_list .obj_article_summary .galley_link:hover {
    background: #0096A1;
    color: #ffffff;
}

/* Link "View All Issues" di bawah list artikel */
.pkp_page_index .cmp_article_list + .more a {
    font-weight: 600;
    color: #0096A1;
    text-decoration: none;
    font-size: 13px;
}

.pkp_page_index .cmp_article_list + .more a:hover {
    text-decoration: underline;
}

/* =============================
   4. ANNOUNCEMENTS + CURRENT ISSUE
   ============================= */

/* --- ANNOUNCEMENTS --- */

/* Bungkus announcements mengikuti lebar konten kiri */
@media (min-width: 992px) {
    .pkp_page_index .cmp_announcements {
        width: 100%;
    }
}

/* Card announcement */
.pkp_page_index .cmp_announcements .obj_announcement_summary {
    border: 1px solid #D3E9EC !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    padding: 16px 20px !important;
    margin: 6px 0 22px 0 !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.08) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

/* Hover announcement */
.pkp_page_index .cmp_announcements .obj_announcement_summary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.14) !important;
    border-color: #0096A1 !important;
}

/* Judul announcements */
.pkp_page_index .cmp_announcements .obj_announcement_summary .title a {
    font-weight: 700;
    color: #0F172A;
    text-decoration: none;
}

.pkp_page_index .cmp_announcements .obj_announcement_summary .title a:hover {
    color: #0096A1;
}

/* Tanggal & "Read more" */
.pkp_page_index .cmp_announcements .obj_announcement_summary .date,
.pkp_page_index .cmp_announcements .obj_announcement_summary .more {
    font-size: 12px;
    color: #4B5563;
}

/* Heading "Announcements" */
.pkp_page_index .cmp_announcements h2,
.pkp_page_index .cmp_announcements h3 {
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 700;
    color: #00696F;
}

/* --- CURRENT ISSUE --- */

.pkp_page_index .current_issue {
    background: #ffffff;
    border-radius: 14px;
    border-top: 4px solid #22C55E;
    box-shadow: 0 2px 10px rgba(15,23,42,0.12);
    padding: 18px 20px 20px 20px;
    margin-bottom: 24px;
}

.pkp_page_index .current_issue h2 {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 700;
    color: #00696F;
}

.pkp_page_index .current_issue h3 {
    margin: 0 0 10px 0;
    font-size: 13px;
    font-weight: 600;
    color: #0F172A;
}

/* Paragraf deskripsi current issue */
.pkp_page_index .current_issue p {
    font-size: 13px;
    line-height: 1.5;
    text-align: justify;
}

/* Cover current issue */
.pkp_page_index .current_issue .cover img {
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(15,23,42,0.25);
}

/* Link 'View All Issues' di bawah current issue */
.pkp_page_index .cmp_issues .more a {
    font-weight: 600;
    color: #0096A1;
    text-decoration: none;
    font-size: 13px;
}

.pkp_page_index .cmp_issues .more a:hover {
    text-decoration: underline;
}
/* Full-page background harmonization */
body,
.pkp_structure_page,
.pkp_structure_content,
.pkp_structure_content::before,
.pkp_structure_content::after {
    background-color: #E6F3F4 !important; /* warna hijau muda PJCS */
}

/* Remove old beige background blocks */
.pkp_structure_footer_wrapper,
.pkp_structure_main,
#pkp_content_main {
    background-color: transparent !important;
}

/* Fix unwanted beige sidebars in container grid */
.pkp_structure_main > .pkp_structure_sidebar,
#main-content,
#pkp_content {
    background: none !important;
}
/* =========================================================
   A. MODERNISASI HEADER + NAVBAR
   ========================================================= */

/* area sekitar header (di kanan–kiri banner) sama dengan body */
body,
.pkp_structure_page {
    background-color: #E6F3F4 !important;
}

/* header wrapper */
.pkp_structure_head,
.pkp_structure_head::before,
.pkp_structure_head::after {
    background-color: #E6F3F4 !important;
    border: none !important;
}

/* navbar wrapper: sticky + glassy */
.pkp_navigation_primary_wrapper {
    position: sticky;
    top: 0;
    z-index: 60;
    background: rgba(0,150,161,0.94) !important;
    backdrop-filter: blur(4px);
    box-shadow: 0 6px 18px rgba(15,23,42,0.3);
}

/* navbar container max width */
.pkp_navigation_primary {
    max-width: 1120px;
    margin: 0 auto;
    border: none !important;
    background: transparent !important;
}

/* item menu utama */
.pkp_navigation_primary .pkp_nav_list > li > a {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #ffffff !important;
    padding: 10px 18px !important;
    border-bottom: 3px solid transparent;
    transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}

/* hover & active */
.pkp_navigation_primary .pkp_nav_list > li > a:hover,
.pkp_navigation_primary .pkp_nav_list > li.current > a,
.pkp_navigation_primary .pkp_nav_list > li.active > a {
    border-bottom-color: #FACC15;
    background-color: rgba(0,0,0,0.08);
    color: #ffffff !important;
}

/* search tetap rata kanan */
.pkp_site_nav_menu .pkp_search {
    margin-left: auto;
}

/* =========================================================
   B. STYLE KONSISTEN UNTUK CARD ARTIKEL (ARTICLES SECTION)
   ========================================================= */

/* wrapper list artikel */
.pkp_page_index .cmp_article_list {
    margin-top: 14px;
}

/* card artikel */
.pkp_page_index .cmp_article_list .obj_article_summary {
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid #E2E8F0;
    padding: 14px 18px;
    margin-bottom: 12px;
    box-shadow: 0 1px 4px rgba(15,23,42,0.06);
    transition: all 0.2s ease;
}

/* hover card artikel */
.pkp_page_index .cmp_article_list .obj_article_summary:hover {
    border-color: #0096A1;
    box-shadow: 0 4px 12px rgba(15,23,42,0.18);
    transform: translateY(-1px);
}

/* judul artikel */
.pkp_page_index .cmp_article_list .obj_article_summary .title a {
    font-size: 14px;
    font-weight: 700;
    color: #0F172A;
    text-decoration: none;
}

.pkp_page_index .cmp_article_list .obj_article_summary .title a:hover {
    color: #0096A1;
}

/* penulis & halaman */
.pkp_page_index .cmp_article_list .obj_article_summary .authors,
.pkp_page_index .cmp_article_list .obj_article_summary .pages {
    font-size: 12px;
    color: #4B5563;
}

/* metrics (abstract views, downloads, DOI) */
.pkp_page_index .cmp_article_list .obj_article_summary .item {
    font-size: 12px;
    color: #374151;
}

/* tombol PDF / galleys */
.pkp_page_index .cmp_article_list .obj_article_summary .galley_link {
    border-radius: 20px;
    border: 1px solid #0096A1;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
    color: #0096A1;
    text-transform: uppercase;
    text-decoration: none;
    background: #E0F5F6;
    transition: all 0.2s ease;
}

.pkp_page_index .cmp_article_list .obj_article_summary .galley_link:hover {
    background: #0096A1;
    color: #ffffff;
}

/* link "View All Issues" */
.pkp_page_index .cmp_article_list + .more a {
    font-weight: 600;
    color: #0096A1;
    text-decoration: none;
    font-size: 13px;
}

.pkp_page_index .cmp_article_list + .more a:hover {
    text-decoration: underline;
}

/* =========================================================
   C. PENATAAN ANNOUNCEMENT + CURRENT ISSUE
   ========================================================= */

/* konten utama dipusatkan dan lebar konsisten */
.pkp_structure_main > .pkp_structure_content {
    max-width: 1120px;
    margin: 0 auto;
    padding: 16px 10px 24px 10px;
    background: transparent;
}

/* --- Announcements --- */

/* heading */
.pkp_page_index .cmp_announcements h2,
.pkp_page_index .cmp_announcements h3 {
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 700;
    color: #00696F;
}

/* card announcement */
.pkp_page_index .cmp_announcements .obj_announcement_summary {
    border: 1px solid #D3E9EC !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    padding: 16px 20px !important;
    margin: 6px 0 22px 0 !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.08) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

/* hover announcement */
.pkp_page_index .cmp_announcements .obj_announcement_summary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.16) !important;
    border-color: #0096A1 !important;
}

/* judul announcement */
.pkp_page_index .cmp_announcements .obj_announcement_summary .title a {
    font-weight: 700;
    color: #0F172A;
    text-decoration: none;
}

.pkp_page_index .cmp_announcements .obj_announcement_summary .title a:hover {
    color: #0096A1;
}

/* tanggal + read more */
.pkp_page_index .cmp_announcements .obj_announcement_summary .date,
.pkp_page_index .cmp_announcements .obj_announcement_summary .more {
    font-size: 12px;
    color: #4B5563;
}

/* --- Current Issue --- */

.pkp_page_index .current_issue {
    background: #ffffff;
    border-radius: 14px;
    border-top: 4px solid #22C55E;
    box-shadow: 0 2px 10px rgba(15,23,42,0.12);
    padding: 18px 20px 20px 20px;
    margin-bottom: 24px;
}

.pkp_page_index .current_issue h2 {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 700;
    color: #00696F;
}

.pkp_page_index .current_issue h3 {
    margin: 0 0 10px 0;
    font-size: 13px;
    font-weight: 600;
    color: #0F172A;
}

.pkp_page_index .current_issue p {
    font-size: 13px;
    line-height: 1.5;
    text-align: justify;
}

/* cover current issue */
.pkp_page_index .current_issue .cover img {
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(15,23,42,0.25);
}

/* "View All Issues" */
.pkp_page_index .cmp_issues .more a {
    font-weight: 600;
    color: #0096A1;
    text-decoration: none;
    font-size: 13px;
}

.pkp_page_index .cmp_issues .more a:hover {
    text-decoration: underline;
}
/* Pastikan teks user (nama, notifikasi, dll.) di pojok kanan header tetap terlihat jelas */
.pkp_navigation_user,
.pkp_navigation_user a,
.pkp_navigation_user span,
.pkp_navigation_user .task_count,
.pkp_navigation_user .profile a {
    color: #ffffff !important;
}

/* Kalau ada ikon notifikasi / angka tugas, buat sedikit lebih tebal */
.pkp_navigation_user .task_count {
    font-weight: 700;
}
/* Dropdown user menu text styling */
.pkp_navigation_user .dropdown-menu a,
.pkp_navigation_user .dropdown-menu a span {
    color: #003d40 !important; /* warna teks normal */
}

/* Hover effect lebih jelas */
.pkp_navigation_user .dropdown-menu a:hover,
.pkp_navigation_user .dropdown-menu a:hover span {
    color: #0096A1 !important; /* warna utama PJCS */
    font-weight: 600;
}

/* Optional: background hover lebih soft */
.pkp_navigation_user .dropdown-menu a:hover {
    background-color: #E6F3F4 !important; /* selaras background */
}