@import url('https://fonts.googleapis.com/css2?family=Baloo+Tamma+2:wght@400;500;600;700;800&display=swap');

body {
  overflow-x: hidden !important;
  background-image: url('http://ejournal.maridigitalindonesia.com/public/site/images/admin-journal/background.png');
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: 30%;
  text-align: justify;
  font-family: 'Baloo Tamma 2', sans-serif;
}

body::before {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('http://ejournal.maridigitalindonesia.com/public/site/images/admin-journal/background.png');
  background-repeat: repeat;
  background-size: 30%;
  /* filter: invert(0.2); */
  z-index: -1; /* Ensure the pseudo-element is behind the content */
}

.pkp_form.login .form-group input {
  border-radius: 12px !important;
}
.pkp_form.login .buttons {
  display: flex !important;
  justify-content: flex-end;
  gap: 20px;
}
.pkp_form.login .buttons button {
  order: 2;
  background: linear-gradient(90deg, #025650 0%, #03736b 50%);;
  color: #fff;
  border: none !important;
  border-radius: 20px 0px;
}
.pkp_form.login .buttons a {
  background: linear-gradient(90deg, #025650 0%, #03736b 50%);
  color: #fff !important;!i;!;
  transition: all 400ms;
  border: none;
  border-radius: 20px 0px;
}
.pkp_form.login .buttons a:hover {
  background-color: linear-gradient(90deg, #025650 0%, #03736b 50%);;
}

.form-group {
  margin-bottom: 15px;
  color: #025650;
}


.pkp_form.register fieldset .fields .form-group {
  width: 100%;
}
.pkp_form.register fieldset .fields .form-group label {
  width: 100%;
}
.pkp_form.register fieldset .fields .form-group label input,
.pkp_form.register fieldset .fields .form-group label select {
  width: 100%;
  border-radius: 12px;
}
.pkp_form.register .reviewer .fields .form-group.optin label {
  display: flex !important;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
}
.pkp_form.register .reviewer .fields .form-group.optin label input {
  width: 14px !important;
  aspect-ratio: 1/1;
}
.pkp_form.register .buttons {
  display: flex;
  gap: 10px;
  justify-content: end;
}
.pkp_form.register .buttons button {
  order: 2;
  background-color: linear-gradient(90deg, #025650 0%, #03736b 50%);;
  color: #fff;
  font-weight: 600;
  border-radius: 12px;
  border: none;
}
.pkp_form.register .buttons a {
  background-color: linear-gradient(90deg, #025650 0%, #03736b 50%);;
  color: #fff;
  font-weight: 600;
  transition: all 400ms;
  border: none;
  border-radius: 12px;
}
.pkp_form.register .buttons a:hover {
  background-color: linear-gradient(90deg, #025650 0%, #03736b 50%);;
}

.additional__title {
  font-size: 24px !important;
  color: #025650;
  font-weight: 600;
  font-family: 'Baloo Tamma 2', sans-serif;
}

.additional__header {
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-rows: repeat(1, minmax(0, 1fr));
  gap: 20px;
}
.additional__header .about {
  order: 2;
}
.additional__header .cover {
  width: 50%;
  margin: 0 auto;
}

.additional_indexing_container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(1, minmax(0, 1fr));
  gap: 10px;
  margin-top: 20px;
}

.col-sm-10 {
  width: 100% !important;
  margin-bottom: 80px;
}

@media (min-width: 746px) {
  .additional__header {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(1, minmax(0, 1fr));
    gap: 20px;
  }
  .additional__header .about {
    padding-top: 10px;
    grid-column: span 2 / span 2;
  }
  .additional__header .cover {
    width: 100%;
    order: 2 !important;
  }
  .additional_indexing_container {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: repeat(1, minmax(0, 1fr));
    gap: 10px;
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .col-sm-2 {
    width: 100% !important;
  }
  .col-sm-10 {
    width: 100% !important;
  }

  .col-sm-8 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }

  .pkp_block.block_custom {
    border-radius: 8px !important;
    border: none;
    padding: 0 !important;
    overflow: hidden;
    width: 48%;
  }

  .navbar-left {
    float: left !important;
    display: none;
  }
}

@media (min-width: 1024px) {
  .col-md-8 {
    width: 69% !important;
    padding: 0px 30px;
  }
  .col-md-4 {
    width: 31% !important;
  }

  .pkp_block.block_custom {
    border-radius: 8px !important;
    border: none;
    padding: 0 !important;
    overflow: hidden;
    width: 100%;
  }
}

.indexing__container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(1, minmax(0, 1fr));
  gap: 8px;
  gap: 4px 8px !important;
}
.indexing__container a img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.additional_indexing {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(1, minmax(0, 1fr));
  gap: 20px;
  margin-top: 20px;
}
.additional_indexing div a {
  display: block !important;
  width: 100% !important;
}
.additional_indexing div a img {
  width: 100% !important;
}

.container-fluid {
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  background-color: #eeeaea;
}

@media (max-width: 767px) {
  .container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    background-color: #03736b !important;
    color: #fff;
  }
}

.container {
  padding: 0px !important;
}

.additional_content {
  margin-top: 0 !important;
  order: 1;
}

.additional_content div p strong img {
  width: 100% !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.navbar-collapse {
  padding: 10px 20px !important;
}

/* Page Structure */
.pkp_structure_content.container {
  padding: 20px 0px !important;
  background-color: #fff !important;
  overflow-x: hidden !important;
  box-shadow: 0px 0px 4px 0px #ddd;
  border-right: 2px solid #ececec;
  border-left: 2px solid #ececec;
}

/* Header Custom */
.pull-md-right .navbar-form.navbar-left .form-group .form-control {
  border-radius: 20px 4px;
}

.navbar {
  margin: 0 auto;
}

.nav.nav-pills {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  margin-top: 4px !important;
}

.site-name {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.site-name a {
  margin-left: 0 !important;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0px;
}

.site-name a img {
  width: 100% !important;
  border-left: solid 3px #eeeaea;
  border-right: solid 3px #eeeaea;
}

img {}

img {}

.page_index_journal {
  display: flex;
  flex-direction: column;
}

/* Sidebar Custom CSS */
.pkp_block.block_custom {
  border-radius: 8px !important;
  border: none;
  padding: 0 !important;
  overflow: hidden;
}

.pkp_block.block_custom .content {
  padding: 0 !important;
  margin-top: -20px;
}

.pkp_block.block_custom .content .sidebar__title {
  border-left: 2px solid #accf5f;
  padding-left: 10px;
  font-size: 24px;
  font-weight: 600;
}
.pkp_block.block_custom .title {
  margin-top: 0;
}

.pkp_block.block_custom .content .sidebar__container {
  border-radius: 8px !important;
  border: none;
  box-shadow: 0px 0px 4px 0px #eaeaea;
  border: 1px solid #eaeaea;
  overflow: hidden;
  margin-top: 0px;
  padding: 15px 10px;
}
.pkp_block.block_custom .content .sidebar__container .ojs-logo {
  display: block;
  margin-top: 14px;
}
.pkp_block.block_custom .content .sidebar__container .menu__title {
  font-size: 16px;
  color: #222;
  margin-top: 24px;
  font-weight: 600;
}
.pkp_block.block_custom .content .sidebar__container .issue__journal-expand {
  display: block;
  margin-top: 15px;
  color: #222;
  background-color: #accf5f;
  border-radius: 8px;
  padding: 8px 12px;
  width: -moz-fit-content;
  width: fit-content;
  align-self: flex-end;
  text-decoration: none;
  font-size: 14px;
}
.pkp_block.block_custom .content .sidebar__container .indexing__group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(1, minmax(0, 1fr));
  gap: 6px;
  margin-top: 10px;
}
.pkp_block.block_custom .content .sidebar__container .submissions__btn {
  border-radius: 8px;
  background-color: #accf5f;
  color: #222;
  font-size: 14px;
  padding: 10px;
  font-weight: 500 !important;
  text-align: center;
  width: 100%;
  display: block;
  text-decoration: none;
}
.pkp_block.block_custom .content .sidebar__container .certificate__group {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  gap: 10px;
}
.pkp_block.block_custom .content .sidebar__container .certificate__group a {
  border-radius: 8px;
  overflow: hidden;
}
.pkp_block.block_custom .content .sidebar__container .menu__group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}
.pkp_block.block_custom .content .sidebar__container .menu__group .menu__link {
  display: block;
  width: 100%;
  padding: 10px 14px;
  border-radius: 20px 4px;
  color: #fff !important;
  text-decoration: none;
  transition: all 300ms;
  font-size: 16px !important;
  text-align: center;
  font-weight: bold;
  background: linear-gradient(90deg, #025650 0%, #03736b 50%);
}
.pkp_block.block_custom .content .sidebar__container .menu__group .menu__link:hover {
  background-color: #1b4481;
  color: #fff !important;
  margin: -8px 0px 0px -8px;
}
.pkp_block.block_custom .content .sidebar__container .sponsored__group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(1, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.pkp_block.block_web_feed {
  border-radius: 8px !important;
  border: none;
  overflow: hidden;
  box-shadow: 0px 0px 6px 0px #eaeaea;
  border: 1px solid #eaeaea;
}

@media ( max-width : 767px ){
  .page-header {
    padding-bottom: 9.5px;
    margin: 0px 0 21px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 28px;
    font-weight: 500 !important;
}

}

@media ( min-width : 767px ){
.page-header {
    padding-bottom: 9.5px;
    margin: 42px 0 21px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 32px;
    font-weight: 500 !important;
}
}

.current_issue .page-header h2 {
  font-size: 24px !important;
  font-weight: 600;
  color: #222;
  font-family: 'Baloo Tamma 2', sans-serif;
}
.current_issue .current_issue_title.lead {
  font-size: 20px;
  font-weight: 600;
  color: #444;
}

/* Article List Custom Css */
.sections .section .page-header h2 small {
  font-size: 24px;
  font-weight: 600;
  color: #222;
}

.issue-details .description p {
  text-align: justify !important;
}

.article-summary .article-abstract p {
  text-align: justify !important;
}

.page.page_about > p,
.page.page_about ol > li {
  text-align: justify;
}

.galley-link.btn.btn-primary.pdf {
  background-color: #03736b !important;
  border-radius: 4px;
  border: solid 1px #e1e1e1 !important;!i;!;
}

.btn.btn-primary.read-more {
  background-color: #03736b !important;
  border: none !important;
  border-radius: 12px;
  margin-bottom: 50px;
  float: right;
}

a.btn.btn-primary.read-more {
    color: white !important;
}

.media-left, .media-right, .media-body h3 a {
  display: table-cell;
  vertical-align: top;
  color: #1b75ee;
}

.media-list a {
  font-weight: 600 !important;
  color: #000;
}

@media ( max-width : 767px ){
  .breadcrumb {
    display : none
  }
}

.media-list .breadcrumb {
  margin-top: 10px !important;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0px 0px 4px 0px #eaeaea;
  border: 1px solid #eaeaea;
}

.panel.panel-default.issue {
  overflow: hidden;
  border: none !important;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0);
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.panel.panel-default.issue .panel-heading {
  background-color: #03736b;
  color: #ffffff !important;
  font-weight: 600;
}

.list-group-item.date-published {
  background-color: #03736b;
  color: #ffffff;
  font-weight: 600;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px 4px 0px 0px;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.list-group-item.keywords {
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0px 0px 4px 4px;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.panel.panel-default.how-to-cite {
  border: none !important;
  border-radius: 4px;
  background-color: white;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.panel.panel-default.how-to-cite .panel-heading {
  background-color: #03736b;
  color: #fff;
  font-weight: 600;
  border-radius: 4px 4px 0px 0px;
}

.panel.panel-default.section {
  overflow: hidden;
  border: none !important;
  border-radius: 4px;
  background-color: #fff;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.panel.panel-default.section .panel-heading {
  background-color: #03736b;
  color: #fff;
  font-weight: 600;
}

.panel.panel-default.copyright {
  overflow: hidden;
  border: none !important;
  border-radius: 4px;
  background-color: white;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

/* Page Submission */
.page.page_submissions .alert.alert-info {
  background-color: #f8d29d;
  color: rgba(0, 0, 0, 0);
}

/* Navigation */
.cmp_breadcrumbs .breadcrumb li a {
  color: #a9a9a9 !important;
}

/* Footer */

footer[role='contentinfo'] {
  background: #e6e6e6;
  padding: 0;
  margin-top: 4em;
}

footer.footer center {
    color: black;
}

.footer-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000000a3;
}

.row {
  margin-right: 0px;
  margin-left: 0px;
  position: relative;
  z-index: 1;
  color: white;
}

.row h4 {
  font-weight: bold;
}

footer .container {
  width: 100% !important;
  padding-left: 2220px;
}

footer {
  object-fit: contain !important ;
  background-repeat: no-repeat !important  ;
  padding-bottom: 0px !important;
  margin-top: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 1024px) {
footer .container .row .col-md-10 {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 50px;
  padding-bottom: 50px;
}


  
}

@media (min-width: 1023px) {
footer .container .row .col-md-10 {
  width: 100%;
  padding-left: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
}
}

.footer__content {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-rows: repeat(1, minmax(0, 1fr));
  gap: 20px;
  padding: 40px 0px;
}
.footer__content .footer__identity {
  display: flex;
  gap: 40px;
}
.footer__content .footer__identity .info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.footer__content .footer__identity .info h6 {
  font-size: 16px;
  color: #fff;
  font-weight: 600 !important;
}
.footer__content .footer__identity .info p {
  font-size: 14px;
  color: #fff;
  font-weight: 400 !important;
}
.footer__content .footer__ojs {
  filter: invert(100%);
}
.footer__content .footer__ojs img {
  float: right;
  width: 150px;
}

.footer-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 30px;
  width: 100%;
}
.footer-copy a {
  color: #fff;
  text-decoration: underline;
}
.footer-copy a img {
  width: 100px;
  margin-bottom: 20px;
}
.footer-copy p {
  font-size: 12px;
  color: #fff;
}

@media (min-width: 743px) {
  .footer__content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(1, minmax(0, 1fr));
    gap: 20px;
  }
}
@media (min-width: 547px) {
  .container,
  footer,
  .navbar {
    width: 90% !important;
  }
}
@media (min-width: 768px) {
  .container,
  footer,
  .navbar {
    width: 100% !important;
  }

  .navbar-nav {
    float: left;
    margin: 10px 0px 0px 0px;
  }
}
/* Media Max Width */
@media (max-width: 743px) {
  .nav.navbar-nav {
    padding: 0 25px !important;
  }
  .navbar-form.navbar-left {
    padding: 0 25px !important;
  }
  .container-fluid > .navbar-header {
    padding: 0 25px !important;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
  .pkp_structure_page {
    overflow-x: hidden !important;
  }

  .navbar-header .site-name {
    margin: 10px 0px;
  }
}
@media (min-width: 1024px) {
  .container,
  footer,
  .navbar {
    width: 85% !important;
    border: none;
  }
  .navbar-form.navbar-left .btn.btn-default {
    position: absolute !important;
    right: 35px;
    border-radius: 0px 0px 20px 0px !important;
    color: #fff !important;
    border: none;
    height: 43px !important;
    background: linear-gradient(90deg, #025650 0%, #03736b 50%);
  }
  .navbar-form.navbar-left .form-group .form-control {
    width: 300px !important;
  }
  .additional_content div p strong img {
    width: 100% !important;
  }

  .pkp_block.block_custom .content .sidebar__container {
    border-radius: 8px !important;
    border: none;
    box-shadow: 0px 0px 4px 0px #eaeaea;
    border: 1px solid #eaeaea;
    overflow: hidden;
    margin-top: 0px;
    padding: 15px 20px;
  }
}

@media (min-width: 1150px) {
  .navbar-left {
    float: left !important;
    display: block;
    margin-top: 14px;
  }
}

@media (min-width: 1640px) {
  .container,
  footer,
  .navbar {
    width: 70% !important;
  }
}
@media (min-width: 2040px) {
  .container,
  footer,
  .navbar {
    width: 60% !important;
  }
}
@media (min-width: 2540px) {
  .container,
  footer,
  .navbar {
    width: 50% !important;
  }
}
@media (min-width: 3040px) {
  .container,
  footer,
  .navbar {
    width: 20% !important;
  }
} /*# sourceMappingURL=style.css.map */

.pkp_page_index .journals .links li a:link,
a:visited {
  background-color: #050818;
  padding: 8px 10px;
  color: #025650 !important;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 20px;
}

.navbar-default .nav > li > a,
.header_view .nav > li > a {
  color: #0d0d0d !important;
}

@media (max-width: 767px) {
  .navbar-default .nav > li > a,
  .header_view .nav > li > a {
    color: #fff !important;
  }
}

.navbar-default .nav > li > a:hover {
  background: #e3e3e3;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.header_view .navbar-nav > .open > a,
.header_view .navbar-nav > .open > a:hover,
.header_view .navbar-nav > .open > a:focus {
  background: #e3e3e3;
}

.panel-default > .panel-heading,
.pkp_block .title {
  color: #243140;
  background-color: #eaeaea;
  border-bottom: 4px solid #f7f223;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  padding: 14px 0px;
}

.navbar-toggle {
  margin-right: -4px;
}

.image-wrapper {
  margin: 30px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.image-size {
  width: 140px;
}

@media (min-width: 1023px) {
  .image-size {
    width: 100px;
  }
}

@media (min-width: 1280px) {
  .image-size {
    width: 48%;
    padding: 0px !important;!i;!;
  }
}

article.article-details header .page-header small {
    display: block;
    margin-top: 0.5em;
    font-size: 16px !important;
}

article.article-details header .page-header {
    font-size: 24px !important;
}

.copyright-wrapper {
  width: 70%;
}

@media (max-width: 600px) {
  .copyright-wrapper {
    width: 100%;
  }
}



@media (max-width: 767px) {
  .left-side {
    display: flex;
    justify-content: center;
  }

  .left-side p img {
    max-width: 250px;
  }
}

@media (min-width: 768px) {
  .description-wrapper {
    margin-top: 2em;
    margin-bottom: 2em;
    display: flex;
    gap: 10px;
  }

  .left-side {
    width: 40%;
  }

  .right-side {
    width: 60%;
  }
}

#sidebar h2 {
  font-weight: 400;
  color: #6c6c6c;
}

.navbar-default .nav > li > a,
.header_view .nav > li > a {
  color: #0d0d0d !important;
  \: \;
}

ul {
  text-decoration: none;
  /* list-style-type: none; */
}

.panel-default,
.pkp_block {
  border-color: #ececec;
  width: 100%;
  border-radius: 10px;
}


main.pkp_structure_main.col-xs-12.col-sm-10.col-md-8 .page_index_journal {
    display: flex;
    flex-direction: column;
}


article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
  color: black;
}

.list-group-item.date-published {
    background-color: #03736b;
    color: #ffffff;
    font-weight: 600;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px 4px 0px 0px;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.panel.panel-default.issue .panel-heading {
    background-color: #03736b;
    color: #ffffff !important;
    font-weight: 600;
}

.issue-toc p.published {
    color: black;
    font-size: larger;
    margin-top: 30px;
}

.download {
    margin: 20px 0px;
}

section.article-main div#summary {
    margin: 20px 0px;
}


.article-summary.media .media-body h3 a {
  color: #666666 !important;
}

section.cmp_announcements.media {
  order: 2;
}

section.current_issue {
  order: 3;
}

.issue-toc .heading .description p {
  color: #000000;
}

.header_view {
  z-index: 2;
  background: #ffffff;
  border: none !important;
  max-height: 10px;
}

.header_view a {
  display: inline-block;
  padding: 14.5px 15px;
  color: #222;
}

.header_view a:hover {
  display: inline-block;
  padding: 14.5px 15px;
  background-color: #025650;
}


/* citation dropdown */
section.article-more-details {
  position: relative;
}

section.sub_item.citation_display .value #citationOutput .csl-bib-body .csl-entry {
  display: none;
}

section.article-more-details .panel .panel-body div.btn-group:nth-child(3) {
  display: none;
}

div#cslCitationFormats ul li a {
  font-size: 16px;
  color: #222;
  text-decoration: none;
}

a.galley-link.btn.btn-primary.file {
    background-color: #d31517 !important;
    border-radius: 4px;
    color: white !important;
    border: none;
}


@media ( max-width : 767px ){
  div#cslCitationFormats {
    position: absolute;
    top: 290px;
    left: 0;
    background-color: #f0f0f0;
    border: 1px solid #efefef;
    border-radius: 10px;
    z-index: 10;
}
}

@media ( min-width : 768px ){
div#cslCitationFormats {
  position: absolute;
  top: 210px;
  left: 0;
  background-color: #f0f0f0;
  border: 1px solid #efefef;
  border-radius: 10px;
  z-index: 10;
}
}

@media ( min-width : 1280px ){
  div#cslCitationFormats {
    position: absolute;
    top: 250px;
    left: 0;
    background-color: #f0f0f0;
    border: 1px solid #efefef;
    border-radius: 10px;
    z-index: 10;

}

}


footer.footer img {
  display: none;
}

.pkp_page_index .journal-description {
    display: none;
}

.description-wrapper .left-side p img {
    border: 2px solid #e3e3e3;
}

/* =========================================================
   GLOBAL TYPOGRAPHY OVERRIDE — BALOO TAMMA 2
   Memaksa tipografi OJS menggunakan Baloo Tamma 2 secara konsisten.
   Ikon (Font Awesome/Glyphicons/SVG) tidak ditimpa agar tetap tampil normal.
   ========================================================= */

html,
body,
body .pkp_structure_page,
body .pkp_structure_head,
body .pkp_structure_content,
body .pkp_structure_main,
body .pkp_structure_sidebar,
body .pkp_structure_footer,
body .page,
body .page_index_journal,
body .article-details,
body .article-summary,
body .issue-toc,
body .media-body,
body .panel,
body .panel-heading,
body .panel-body,
body .pkp_block,
body .pkp_block .title,
body .pkp_block .content,
body .navbar,
body .navbar-nav,
body .dropdown-menu,
body .breadcrumb,
body .form-group,
body .form-control,
body .control-label,
body .input-group,
body .btn,
body button,
body input,
body select,
body textarea,
body option,
body label,
body table,
body thead,
body tbody,
body tfoot,
body tr,
body th,
body td,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body a,
body li,
body small,
body strong,
body em,
body blockquote,
body cite,
body figcaption,
body caption {
  font-family: 'Baloo Tamma 2', sans-serif !important;
}

/* Navigasi utama dan submenu */
body .navbar-default,
body .navbar-default .navbar-nav > li > a,
body .navbar-default .navbar-nav > .open > a,
body .navbar-default .navbar-nav > .open > a:hover,
body .navbar-default .navbar-nav > .open > a:focus,
body .header_view,
body .header_view .nav > li > a,
body .dropdown-menu > li > a,
body .nav > li > a {
  font-family: 'Baloo Tamma 2', sans-serif !important;
}

/* Judul halaman, judul artikel, issue, dan section */
body .page-header,
body .page-header h1,
body .page-header h2,
body .page-header h3,
body .page-header small,
body .current_issue .page-header h2,
body .current_issue .current_issue_title,
body .sections .section .page-header h2,
body .sections .section .page-header h2 small,
body .article-summary .media-body h3,
body .article-summary .media-body h3 a,
body article.article-details header .page-header,
body article.article-details header .page-header small,
body .issue-toc .heading,
body .issue-toc .heading h2,
body .issue-toc .heading h3,
body .issue-toc p.published {
  font-family: 'Baloo Tamma 2', sans-serif !important;
}

/* Sidebar dan block OJS */
body .pkp_block .title,
body .pkp_block.block_custom .content .sidebar__title,
body .pkp_block.block_custom .content .sidebar__container,
body .pkp_block.block_custom .content .sidebar__container .menu__title,
body .pkp_block.block_custom .content .sidebar__container .menu__link,
body .pkp_block.block_custom .content .sidebar__container .submissions__btn,
body .pkp_block.block_custom .content .sidebar__container .issue__journal-expand {
  font-family: 'Baloo Tamma 2', sans-serif !important;
}

/* Tombol, link galley, dan aksi */
body .btn,
body .btn-primary,
body .btn-default,
body .galley-link,
body .read-more,
body a.galley-link,
body a.btn,
body button,
body input[type='button'],
body input[type='submit'],
body input[type='reset'] {
  font-family: 'Baloo Tamma 2', sans-serif !important;
}

/* Form login, register, search, submission, dan field lainnya */
body input,
body select,
body textarea,
body option,
body .form-control,
body .pkp_form,
body .pkp_form label,
body .pkp_form input,
body .pkp_form select,
body .pkp_form textarea,
body .navbar-form,
body .navbar-form input,
body .navbar-form button {
  font-family: 'Baloo Tamma 2', sans-serif !important;
}

/* Metadata artikel dan detail publikasi */
body .list-group,
body .list-group-item,
body .list-group-item.date-published,
body .list-group-item.keywords,
body .panel.panel-default.issue,
body .panel.panel-default.how-to-cite,
body .panel.panel-default.section,
body .panel.panel-default.copyright,
body section.article-more-details,
body section.article-more-details .panel,
body section.article-more-details .panel-body,
body div#cslCitationFormats,
body div#cslCitationFormats ul li a {
  font-family: 'Baloo Tamma 2', sans-serif !important;
}

/* Footer */
body footer,
body footer[role='contentinfo'],
body footer .container,
body footer .row,
body footer .footer__content,
body footer .footer__identity,
body footer .footer__identity .info,
body footer .footer__identity .info h6,
body footer .footer__identity .info p,
body footer .footer-copy,
body footer .footer-copy p,
body footer .footer-copy a {
  font-family: 'Baloo Tamma 2', sans-serif !important;
}

/* Pastikan placeholder form mengikuti font utama */
body input::placeholder,
body textarea::placeholder {
  font-family: 'Baloo Tamma 2', sans-serif !important;
}


/* =========================================================
   CUSTOM ARTICLE INTERACTION COLORS
   PDF: TEKS hitam -> putih saat hover (background tetap)
   Judul artikel: warna utama -> orange saat hover
   ========================================================= */

/* Teks PDF artikel: hitam. Background tidak diubah dari style utama. */
body a.galley-link.btn.btn-primary.pdf,
body .galley-link.btn.btn-primary.pdf {
  color: #000000 !important;
  transition: color 0.25s ease !important;
}

/* Jika label PDF memiliki elemen/ikon di dalamnya, ikuti warna teks */
body a.galley-link.btn.btn-primary.pdf i,
body a.galley-link.btn.btn-primary.pdf span,
body a.galley-link.btn.btn-primary.pdf svg,
body .galley-link.btn.btn-primary.pdf i,
body .galley-link.btn.btn-primary.pdf span,
body .galley-link.btn.btn-primary.pdf svg {
  color: inherit !important;
  fill: currentColor !important;
}

/* Saat hover/focus: hanya teks PDF menjadi putih; background tetap seperti semula */
body a.galley-link.btn.btn-primary.pdf:hover,
body a.galley-link.btn.btn-primary.pdf:focus,
body .galley-link.btn.btn-primary.pdf:hover,
body .galley-link.btn.btn-primary.pdf:focus {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Judul artikel: warna utama jurnal */
body .article-summary.media .media-body h3 a,
body .article-summary .media-body h3 a,
body .media-list .media-body h3 a,
body .issue-toc .sections .section .media-body h3 a,
body .obj_article_summary .title a,
body article.article-summary h3 a {
  color: #03736b !important;
  transition: color 0.25s ease !important;
  text-decoration: none !important;
}

/* Hover judul artikel: orange */
body .article-summary.media .media-body h3 a:hover,
body .article-summary.media .media-body h3 a:focus,
body .article-summary .media-body h3 a:hover,
body .article-summary .media-body h3 a:focus,
body .media-list .media-body h3 a:hover,
body .media-list .media-body h3 a:focus,
body .issue-toc .sections .section .media-body h3 a:hover,
body .issue-toc .sections .section .media-body h3 a:focus,
body .obj_article_summary .title a:hover,
body .obj_article_summary .title a:focus,
body article.article-summary h3 a:hover,
body article.article-summary h3 a:focus {
  color: #f28c28 !important;
  text-decoration: none !important;
}