.pkp_site_nav_menu li a::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f015";
    /* Ikon Home */
    margin-right: 8px;
}

.pkp_site_nav_menu li:nth-child(1) a::before {
    content: "\f015";
}

/* current */
.pkp_site_nav_menu li:nth-child(2) a::before {
    content: "\f07c";
}

/* archive */
.pkp_site_nav_menu li:nth-child(3) a::before {
    content: "\f02e";
}

/* announcements */
.pkp_site_nav_menu li:nth-child(4) a::before {
    content: "\f02d";
}

/* Contact */
.pkp_site_nav_menu li:nth-child(5) a::before {
    content: "\f0e0";
}

/* about */
.pkp_site_nav_menu li:nth-child(6) a::before {
    content: "\f147";
}


/* Journal */

.obj_article_details h1::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f15c";
    /* Ikon Dokumen */
    margin-right: 10px;
    color: #007bff;
}

.pkp_block .title {
    display: block;
    padding: 7px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    background-color: transparent;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 0;
    font-family: "Rubik", sans-serif;
    line-height: 20px;
}

.block_make_submission a {
    background-color: transparent;
    color: #000;
    border: 2px solid #ffcc71;
    padding: 10px 20px;
    border-radius: 15px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    margin: 10px 20px
}

.block_make_submission a:hover {
    background-color: #ffcc71;
    color: rgb(168, 168, 168);
}

.pkp_structure_content {
    background: #fff;
    box-shadow: 0 5px 15px rgb(170, 165, 146);
}

.pkp_brand_footer {
    display: none;
}

.pkp_structure_footer_wrapper {
    background: #fbda6c;
}

a {
    color: #04537d;
}

.invacta-profil-akademik a {
    color: #1e87f0
}

.invacta-list-striped>:nth-of-type(odd) {
    border-bottom: 1px solid #ddd
}

.invacta-list-striped>:nth-child(n+2) {
    margin-top: 0;
    border-bottom: 1px solid #ddd
}

.invacta-foto-profil {
    border: solid 2px #1e87f0;
    padding: 2px;
    width: 60px;
    height: 60px;
    object-fit: cover;
    object-position: 50% 0%
}

img.orcid,
img.google-scholar,
img.scopus,
img.sinta {
    vertical-align: middle;
    height: 1rem;
    margin-right: 8px
}

.cmp_button_wire,
.obj_galley_link,
.obj_galley_link {
    padding: 2px 14px
}

.cmp_manuscript_button,
.obj_galley_link,
.obj_galley_link {
    background: none;
    color: #3332cc;
    border: solid 2px #3332cc
}

.cmp_manuscript_button:hover,
.cmp_manuscript_button:focus,
.obj_galley_link:hover,
.obj_galley_link:focus,
.obj_galley_link:hover,
.obj_galley_link:focus {
    background: #3332cc
}

.invacta-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.invacta-grid>* {
    margin: 0
}

.invacta-grid>*>:last-child {
    margin-bottom: 0
}

.invacta-grid {
    margin-left: -30px
}

.invacta-grid>* {
    padding-left: 30px
}

.invacta-grid+.invacta-grid,
.invacta-grid>.invacta-grid-margin,
*+.invacta-grid-margin {
    margin-top: 30px
}

@media (min-width: 1200px) {
    .invacta-grid {
        margin-left: -40px
    }

    .invacta-grid>* {
        padding-left: 40px
    }

    .invacta-grid+.invacta-grid,
    .invacta-grid>.invacta-grid-margin,
    *+.invacta-grid-margin {
        margin-top: 40px
    }
}

.invacta-grid-small,
.invacta-grid-column-small {
    margin-left: -15px
}

.invacta-grid-small>*,
.invacta-grid-column-small>* {
    padding-left: 15px
}

.invacta-grid+.invacta-grid-small,
.invacta-grid+.invacta-grid-row-small,
.invacta-grid-small>.invacta-grid-margin,
.invacta-grid-row-small>.invacta-grid-margin,
*+.invacta-grid-margin-small {
    margin-top: 15px
}

[class*='jni-child-width']>* {
    box-sizing: border-box;
    width: 100%
}

.invacta-child-width-1-2>* {
    width: 50%
}

.invacta-child-width-1-3>* {
    width: calc(33.32222592%)
}

.invacta-child-width-1-4>* {
    width: 25%
}

.invacta-child-width-1-5>* {
    width: 20%
}

.invacta-child-width-1-6>* {
    width: calc(16.66388935%)
}

.invacta-child-width-auto>* {
    width: auto
}

.invacta-child-width-expand>:not([class*='jni-width']) {
    flex: 1;
    min-width: 1px
}

@media (min-width: 640px) {
    .invacta-child-width-1-1\@s>* {
        width: 100%
    }

    .invacta-child-width-1-2\@s>* {
        width: 50%
    }

    .invacta-child-width-1-3\@s>* {
        width: calc(33.32222592%)
    }

    .invacta-child-width-1-4\@s>* {
        width: 25%
    }

    .invacta-child-width-1-5\@s>* {
        width: 20%
    }

    .invacta-child-width-1-6\@s>* {
        width: calc(16.66388935%)
    }

    .invacta-child-width-auto\@s>* {
        width: auto
    }

    .invacta-child-width-expand\@s>:not([class*='jni-width']) {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width: 960px) {
    .invacta-child-width-1-1\@m>* {
        width: 100%
    }

    .invacta-child-width-1-2\@m>* {
        width: 50%
    }

    .invacta-child-width-1-3\@m>* {
        width: calc(33.32222592%)
    }

    .invacta-child-width-1-4\@m>* {
        width: 25%
    }

    .invacta-child-width-1-5\@m>* {
        width: 20%
    }

    .invacta-child-width-1-6\@m>* {
        width: calc(16.66388935%)
    }

    .invacta-child-width-auto\@m>* {
        width: auto
    }

    .invacta-child-width-expand\@m>:not([class*='jni-width']) {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width: 1200px) {
    .invacta-child-width-1-1\@l>* {
        width: 100%
    }

    .invacta-child-width-1-2\@l>* {
        width: 50%
    }

    .invacta-child-width-1-3\@l>* {
        width: calc(33.32222592%)
    }

    .invacta-child-width-1-4\@l>* {
        width: 25%
    }

    .invacta-child-width-1-5\@l>* {
        width: 20%
    }

    .invacta-child-width-1-6\@l>* {
        width: calc(16.66388935%)
    }

    .invacta-child-width-auto\@l>* {
        width: auto
    }

    .invacta-child-width-expand\@l>:not([class*='jni-width']) {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width: 1600px) {
    .invacta-child-width-1-1\@xl>* {
        width: 100%
    }

    .invacta-child-width-1-2\@xl>* {
        width: 50%
    }

    .invacta-child-width-1-3\@xl>* {
        width: calc(33.32222592%)
    }

    .invacta-child-width-1-4\@xl>* {
        width: 25%
    }

    .invacta-child-width-1-5\@xl>* {
        width: 20%
    }

    .invacta-child-width-1-6\@xl>* {
        width: calc(16.66388935%)
    }

    .invacta-child-width-auto\@xl>* {
        width: auto
    }

    .invacta-child-width-expand\@xl>:not([class*='jni-width']) {
        flex: 1;
        min-width: 1px
    }
}

.invacta-width-auto {
    width: auto
}

.invacta-width-expand {
    flex: 1;
    min-width: 1px
}

.invacta-card {
    position: relative;
    box-sizing: border-box;
    transition: box-shadow .1s ease-in-out
}

.invacta-card-body {
    display: flow-root;
    padding: 30px 30px
}

.invacta-card-header {
    display: flow-root;
    padding: 15px 30px
}

.invacta-card-footer {
    display: flow-root;
    padding: 15px 30px
}

@media (min-width: 1200px) {
    .invacta-card-body {
        padding: 40px 40px
    }

    .invacta-card-header {
        padding: 20px 40px
    }

    .invacta-card-footer {
        padding: 20px 40px
    }
}

.invacta-card-body>:last-child,
.invacta-card-header>:last-child,
.invacta-card-footer>:last-child {
    margin-bottom: 0
}

.invacta-card-title {
    font-size: 1.5rem;
    line-height: 1.4
}

.invacta-card-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    height: 22px;
    padding: 0 10px;
    background: #04537d;
    color: #fff;
    font-size: 0.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    border-radius: 2px;
    text-transform: uppercase
}

.invacta-card-badge:first-child+* {
    margin-top: 0
}

.invacta-card-hover:not(.invacta-card-default):not(.invacta-card-primary):not(.invacta-card-secondary):hover {
    background: #fff;
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16)
}

.invacta-card-default {
    background: #fff;
    /* color:#666; */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08)
}

.invacta-card-default .invacta-card-title {
    color: #333
}

.invacta-card-default.invacta-card-hover:hover {
    background-color: #fff;
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16)
}

.invacta-card-default .invacta-card-header {
    border-bottom: 1px solid #e5e5e5;
}

.invacta-card-default .invacta-card-footer {
    border-top: 1px solid #e5e5e5
}

.invacta-flex {
    display: flex
}

.invacta-flex-inline {
    display: inline-flex
}

.invacta-flex::before,
.invacta-flex::after,
.invacta-flex-inline::before,
.invacta-flex-inline::after {
    display: none
}

.invacta-flex-left {
    justify-content: flex-start
}

.invacta-flex-center {
    justify-content: center
}

.invacta-flex-right {
    justify-content: flex-end
}

.invacta-flex-between {
    justify-content: space-between
}

.invacta-flex-around {
    justify-content: space-around
}

@media (min-width: 640px) {
    .invacta-flex-left\@s {
        justify-content: flex-start
    }

    .invacta-flex-center\@s {
        justify-content: center
    }

    .invacta-flex-right\@s {
        justify-content: flex-end
    }

    .invacta-flex-between\@s {
        justify-content: space-between
    }

    .invacta-flex-around\@s {
        justify-content: space-around
    }
}

@media (min-width: 960px) {
    .invacta-flex-left\@m {
        justify-content: flex-start
    }

    .invacta-flex-center\@m {
        justify-content: center
    }

    .invacta-flex-right\@m {
        justify-content: flex-end
    }

    .invacta-flex-between\@m {
        justify-content: space-between
    }

    .invacta-flex-around\@m {
        justify-content: space-around
    }
}

@media (min-width: 1200px) {
    .invacta-flex-left\@l {
        justify-content: flex-start
    }

    .invacta-flex-center\@l {
        justify-content: center
    }

    .invacta-flex-right\@l {
        justify-content: flex-end
    }

    .invacta-flex-between\@l {
        justify-content: space-between
    }

    .invacta-flex-around\@l {
        justify-content: space-around
    }
}

@media (min-width: 1600px) {
    .invacta-flex-left\@xl {
        justify-content: flex-start
    }

    .invacta-flex-center\@xl {
        justify-content: center
    }

    .invacta-flex-right\@xl {
        justify-content: flex-end
    }

    .invacta-flex-between\@xl {
        justify-content: space-between
    }

    .invacta-flex-around\@xl {
        justify-content: space-around
    }
}

.invacta-flex-stretch {
    align-items: stretch
}

.invacta-flex-top {
    align-items: flex-start
}

.invacta-flex-middle {
    align-items: center
}

.invacta-flex-bottom {
    align-items: flex-end
}

.invacta-flex-row {
    flex-direction: row
}

.invacta-flex-row-reverse {
    flex-direction: row-reverse
}

.invacta-flex-column {
    flex-direction: column
}

.invacta-flex-column-reverse {
    flex-direction: column-reverse
}

.invacta-flex-nowrap {
    flex-wrap: nowrap
}

.invacta-flex-wrap {
    flex-wrap: wrap
}

.invacta-flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.invacta-flex-wrap-stretch {
    align-content: stretch
}

.invacta-flex-wrap-top {
    align-content: flex-start
}

.invacta-flex-wrap-middle {
    align-content: center
}

.invacta-flex-wrap-bottom {
    align-content: flex-end
}

.invacta-flex-wrap-between {
    align-content: space-between
}

.invacta-flex-wrap-around {
    align-content: space-around
}

.invacta-flex-first {
    order: -1
}

.invacta-flex-last {
    order: 99
}

@media (min-width: 640px) {
    .invacta-flex-first\@s {
        order: -1
    }

    .invacta-flex-last\@s {
        order: 99
    }
}

@media (min-width: 960px) {
    .invacta-flex-first\@m {
        order: -1
    }

    .invacta-flex-last\@m {
        order: 99
    }
}

@media (min-width: 1200px) {
    .invacta-flex-first\@l {
        order: -1
    }

    .invacta-flex-last\@l {
        order: 99
    }
}

@media (min-width: 1600px) {
    .invacta-flex-first\@xl {
        order: -1
    }

    .invacta-flex-last\@xl {
        order: 99
    }
}

.invacta-flex-none {
    flex: none
}

.invacta-flex-auto {
    flex: auto
}

.invacta-flex-1 {
    flex: 1
}

.invacta-border-circle {
    border-radius: 50%
}

.invacta-border-pill {
    border-radius: 500px
}

.invacta-border-rounded {
    border-radius: 5px
}

.invacta-margin {
    margin-bottom: 20px
}

*+.invacta-margin {
    margin-top: 20px !important
}

.invacta-margin-top {
    margin-top: 20px !important
}

.invacta-margin-bottom {
    margin-bottom: 20px !important
}

.invacta-margin-left {
    margin-left: 20px !important
}

.invacta-margin-right {
    margin-right: 20px !important
}

.invacta-margin-small {
    margin-bottom: 10px
}

*+.invacta-margin-small {
    margin-top: 10px !important
}

.invacta-margin-small-top {
    margin-top: 10px !important
}

.invacta-margin-small-bottom {
    margin-bottom: 10px !important
}

.invacta-margin-small-left {
    margin-left: 10px !important
}

.invacta-margin-small-right {
    margin-right: 10px !important
}

.invacta-margin-medium {
    margin-bottom: 40px
}

*+.invacta-margin-medium {
    margin-top: 40px !important
}

.invacta-margin-medium-top {
    margin-top: 40px !important
}

.invacta-margin-medium-bottom {
    margin-bottom: 40px !important
}

.invacta-margin-medium-left {
    margin-left: 40px !important
}

.invacta-margin-medium-right {
    margin-right: 40px !important
}

.invacta-margin-large {
    margin-bottom: 40px
}

*+.invacta-margin-large {
    margin-top: 40px !important
}

.invacta-margin-large-top {
    margin-top: 40px !important
}

.invacta-margin-large-bottom {
    margin-bottom: 40px !important
}

.invacta-margin-large-left {
    margin-left: 40px !important
}

.invacta-margin-large-right {
    margin-right: 40px !important
}

@media (min-width: 1200px) {
    .invacta-margin-large {
        margin-bottom: 70px
    }

    *+.invacta-margin-large {
        margin-top: 70px !important
    }

    .invacta-margin-large-top {
        margin-top: 70px !important
    }

    .invacta-margin-large-bottom {
        margin-bottom: 70px !important
    }

    .invacta-margin-large-left {
        margin-left: 70px !important
    }

    .invacta-margin-large-right {
        margin-right: 70px !important
    }
}

.invacta-margin-xlarge {
    margin-bottom: 70px
}

*+.invacta-margin-xlarge {
    margin-top: 70px !important
}

.invacta-margin-xlarge-top {
    margin-top: 70px !important
}

.invacta-margin-xlarge-bottom {
    margin-bottom: 70px !important
}

.invacta-margin-xlarge-left {
    margin-left: 70px !important
}

.invacta-margin-xlarge-right {
    margin-right: 70px !important
}

@media (min-width: 1200px) {
    .invacta-margin-xlarge {
        margin-bottom: 140px
    }

    *+.invacta-margin-xlarge {
        margin-top: 140px !important
    }

    .invacta-margin-xlarge-top {
        margin-top: 140px !important
    }

    .invacta-margin-xlarge-bottom {
        margin-bottom: 140px !important
    }

    .invacta-margin-xlarge-left {
        margin-left: 140px !important
    }

    .invacta-margin-xlarge-right {
        margin-right: 140px !important
    }
}

.invacta-margin-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.invacta-margin-auto-top {
    margin-top: auto !important
}

.invacta-margin-auto-bottom {
    margin-bottom: auto !important
}

.invacta-margin-auto-left {
    margin-left: auto !important
}

.invacta-margin-auto-right {
    margin-right: auto !important
}

.invacta-margin-auto-vertical {
    margin-top: auto !important;
    margin-bottom: auto !important
}

@media (min-width: 640px) {
    .invacta-margin-auto\@s {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .invacta-margin-auto-left\@s {
        margin-left: auto !important
    }

    .invacta-margin-auto-right\@s {
        margin-right: auto !important
    }
}

@media (min-width: 960px) {
    .invacta-margin-auto\@m {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .invacta-margin-auto-left\@m {
        margin-left: auto !important
    }

    .invacta-margin-auto-right\@m {
        margin-right: auto !important
    }
}

@media (min-width: 1200px) {
    .invacta-margin-auto\@l {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .invacta-margin-auto-left\@l {
        margin-left: auto !important
    }

    .invacta-margin-auto-right\@l {
        margin-right: auto !important
    }
}

@media (min-width: 1600px) {
    .invacta-margin-auto\@xl {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .invacta-margin-auto-left\@xl {
        margin-left: auto !important
    }

    .invacta-margin-auto-right\@xl {
        margin-right: auto !important
    }
}

.invacta-margin-remove {
    margin: 0 !important
}

.invacta-margin-remove-top {
    margin-top: 0 !important
}

.invacta-margin-remove-bottom {
    margin-bottom: 0 !important
}

.invacta-margin-remove-left {
    margin-left: 0 !important
}

.invacta-margin-remove-right {
    margin-right: 0 !important
}

.invacta-margin-remove-vertical {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.invacta-margin-remove-adjacent+*,
.invacta-margin-remove-first-child>:first-child {
    margin-top: 0 !important
}

.invacta-margin-remove-last-child>:last-child {
    margin-bottom: 0 !important
}

@media (min-width: 640px) {
    .invacta-margin-remove-left\@s {
        margin-left: 0 !important
    }

    .invacta-margin-remove-right\@s {
        margin-right: 0 !important
    }
}

@media (min-width: 960px) {
    .invacta-margin-remove-left\@m {
        margin-left: 0 !important
    }

    .invacta-margin-remove-right\@m {
        margin-right: 0 !important
    }
}

@media (min-width: 1200px) {
    .invacta-margin-remove-left\@l {
        margin-left: 0 !important
    }

    .invacta-margin-remove-right\@l {
        margin-right: 0 !important
    }
}

@media (min-width: 1600px) {
    .invacta-margin-remove-left\@xl {
        margin-left: 0 !important
    }

    .invacta-margin-remove-right\@xl {
        margin-right: 0 !important
    }
}

.invacta-badge {
    box-sizing: border-box;
    min-width: 18px;
    height: 18px;
    padding: 12px;
    margin-bottom: 8px;
    border-radius: 500px;
    vertical-align: middle;
    background: #04537d;
    color: #fff !important;
    font-size: 11px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 0
}

.invacta-badge:hover,
.invacta-badge:focus {
    text-decoration: none;
    outline: none
}

.invacta-list {
    padding: 0;
    list-style: none
}

.invacta-list>*>:last-child {
    margin-bottom: 0
}

.invacta-list>:nth-child(n+2),
.invacta-list>*>ul {
    margin-top: 10px
}

.invacta-list-disc>*,
.invacta-list-circle>*,
.invacta-list-square>*,
.invacta-list-decimal>*,
.invacta-list-hyphen>* {
    padding-left: 30px
}

.invacta-list-decimal {
    counter-reset: decimal
}

.invacta-list-decimal>* {
    counter-increment: decimal
}

[class*='jni-list']>::before {
    content: '';
    position: relative;
    left: -30px;
    width: 30px;
    height: 1.5em;
    margin-bottom: -1.5em;
    display: list-item;
    list-style-position: inside;
    text-align: right
}

.invacta-list-disc>::before {
    list-style-type: disc
}

.invacta-list-circle>::before {
    list-style-type: circle
}

.invacta-list-square>::before {
    list-style-type: square
}

.invacta-list-decimal>::before {
    content: counter(decimal, decimal) '\200A.\00A0'
}

.invacta-list-hyphen>::before {
    content: '–\00A0\00A0'
}

.invacta-list-muted>::before {
    color: #999 !important
}

.invacta-list-emphasis>::before {
    color: #333 !important
}

.invacta-list-primary>::before {
    color: #1e87f0 !important
}

.invacta-list-secondary>::before {
    color: #222 !important
}

.invacta-list-bullet>* {
    padding-left: 30px
}

.invacta-list-bullet>::before {
    content: "";
    position: relative;
    left: -30px;
    width: 30px;
    height: 1.5em;
    margin-bottom: -1.5em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.invacta-list-divider>:nth-child(n+2) {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5
}

.invacta-list-striped>* {
    padding: 10px 10px
}

.invacta-list-striped>*:nth-of-type(odd) {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.invacta-list-striped>:nth-of-type(odd) {
    background: #f8f8f8
}

.invacta-list-striped>:nth-child(n+2) {
    margin-top: 0
}

.invacta-list-large>:nth-child(n+2),
.invacta-list-large>*>ul {
    margin-top: 20px
}

.invacta-list-collapse>:nth-child(n+2),
.invacta-list-collapse>*>ul {
    margin-top: 0
}

.invacta-list-large.invacta-list-divider>:nth-child(n+2) {
    margin-top: 20px;
    padding-top: 20px
}

.invacta-list-collapse.invacta-list-divider>:nth-child(n+2) {
    margin-top: 0;
    padding-top: 0
}

.invacta-list-large.invacta-list-striped>* {
    padding: 20px 10px
}

.invacta-list-collapse.invacta-list-striped>* {
    padding-top: 0;
    padding-bottom: 0
}

.invacta-list-large.invacta-list-striped>:nth-child(n+2),
.invacta-list-collapse.invacta-list-striped>:nth-child(n+2) {
    margin-top: 0
}

html,
body {
    background: url('https://journal.invacta.com/public/site/images/admin/bgbody.png') repeat;
}

.pkp_structure_main {
    background-color: #f9f7f3;
    /* Warna putih */
}

.pkp_structure_content {
    background: #f9f7f3;
    ;
}

.pkp_structure_footer_wrapper {
    background: url(https://journal.invacta.com/public/site/images/admin/ftinvactaa.png) no-repeat;
    /* background: #a52a2a; */
    color: black;
    background-size: cover;
    background-position: center;
}

.pkp_brand_footer {
    display: none;
}

.pkp_structure_head {
    background: url(https://journal.invacta.com/public/site/images/admin/bginvactaa.png) center / cover no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    /* Sesuaikan tinggi header */
}

/* pasang sticky */
.pkp_site_nav_menu {
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.pkp_site_nav_menu.sticky {
    position: fixed;
    top: 0;
    background: #fffaef;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

/* batas sticky */


.pkp_site_nav_menu {
    /* color: transparent; */
    background: transparent;
}

#customblock-Menu p.hvr-underline-from-center a {
    color: #000;
    box-shadow: inset 0 0 0 0 #54b3d6;
    /* color: #54b3d6; */
    padding: 0 .25rem;
    margin: 0 -.25rem;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}

#customblock-Menu p.hvr-underline-from-center a:hover {
    color: #060492;

}

p.hvr-underline-from-center a:hover {
    color: e9c214;
}

.pkp_block.block_information li a {
    color: #000;
    box-shadow: inset 0 0 0 0 #54b3d6;
    /* color: #54b3d6; */
    padding: 0 .25rem;
    margin: 0 -.25rem;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}

.pkp_block.block_information li a:hover {
    color: #e9c214;
    font-family: Arial, Helvetica, sans-serif;

}

/* nav.pkp_site_nav_menu.pkp_site_nav_menu--isOpen li:hover {
    background-color: #fbbe16;
} */
nav.pkp_site_nav_menu.pkp_site_nav_menu--isOpen ul {
    /* background-color: #eda212; */

    background: url(https://journal.invacta.com/public/site/images/admin/bginvactaa.png) center / cover no-repeat;
    font-size: large;
}

nav.pkp_site_nav_menu.pkp_site_nav_menu--isOpen ul a {
    color: #000000;
}

nav.pkp_site_nav_menu.pkp_site_nav_menu--isOpen ul a:hover {
    color: #fff;
}

.pkp_site_nav_menu a:hover {
    color: #facc00;
    /* font-size: large; */
}

#customblock-Menu p.hvr-underline-from-center:hover {
    background: linear-gradient(to right, #ffd221 0%, #f8f9fa 100%);
    /* display: block;
    margin: 0; */
    padding: 0 0 0 3px;
    /* border-bottom: 1px solid #000000;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden; */
    border-radius: 10px;
    /* width: auto; */
}

#customblock-Menu .btnx a {
    text-decoration: none;
    color: #000;
}

#customblock-Menu .btnx {
    padding: 10px;
    margin: 5px;
    display: block;
    border-radius: 2px;
    font-size: 16px;
    text-decoration: none;
    color: white;
    background-color: transparent;
    transition: background-color 0.4s ease, transform 0.3s ease-in-out;
}

#customblock-Menu .btnx:hover {
    background-color: #e9c214;
}

#customblock-Menu .fade-in {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

#customblock-Menu .fade-in:hover {
    opacity: 1;
}

#customblock-Menu td {
    border: 1px solid #000;
    text-align: center;
    padding: 10px;
}

.pkp_navigation_primary_wrapper li:hover a {
    color: #000;
    font-size: 16px;
}