@import url('https://fonts.googleapis.com/css2?family=Lato:ital@0;1&display=swap');

body {
  font-family: 'Lato' !important;
}

h1, h2, h3, h4 {
  font-family: 'Lato' !important;
}

.pkp_structure_head {

   /* border: 1px solid #ddd;*/
    background: #fff;
    height:auto;
	width:auto;

}

.pkp_site_name .is_img img {

    display: block;
    width: auto;
    height: auto;
    max-height: 100%;
max-width: 100%;}

.column {
  float: left;
  width: 33.33%;
}

html {
  padding: 20px 0;
  background: url(https://i.pinimg.com/736x/b1/c6/ba/b1c6ba18ab09c45e9469985a20ae8698.jpg);
  background-size: 300px;
  background-color: #D91414; /* Set red background color above the header */
}

.pkp_site_name .is_img {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.pkp_structure_page {
  background: white;
  border: 0px solid gray;
  box-shadow: 2px 2px #8080804f;
}

.pkp_navigation_primary_wrapper {
  padding-left: 10px;
  padding-right: 0;
  background-color: #D91414 !important; /* Red background */
  text-align: left; /* Align text to the left */
}

.pkp_navigation_primary_wrapper .item_menu a {
  font-weight: bold; /* Make navigation text bold */
  color: white; /* Text color white */
}

/* Additional adjustment for "Home" link */
.pkp_navigation_primary_wrapper .item_menu a:first-child {
  padding-left: 0 !important; /* Ensure the 'Home' link is on the far left */
  font-weight: bold; /* Make the 'Home' text bold */
}

.cmp_breadcrumbs {
  display: block;
  background: #eeeded;
  border: 0px solid gray;
  box-shadow: 1px 1px gray;
  border-radius: 3px;
  padding: 0 10px;
  margin: 10px 0 30px 0;
}

.cmp_breadcrumbs ol {
  margin-bottom: 0;
}

.item.abstract {
  text-align: justify;
}

.authors::before {
  content: '\f007';
  font-family: Fontawesome;
}

.item.authors::before {
  content: '';
}

ul.authors::before {
  content: '';
}

.name::before {
  content: '\f007';
  font-family: FontAwesome;
}

.pages::before {
  content: '\f0f6';
  font-family: Fontawesome;
}

.cmp_article_list li {
  border-bottom: 1px solid #c8c8c8;
  padding: 0 0 10px 10px;
  border-left: 7px solid #e1e1e1;
  border-radius: 0 0 0 5px;
}

.galleys_links li {
  border: none;
  padding: 0;
}

@media (min-width:992px) {
    body {
      width: 1162px;
      margin: auto;
    }

    .pkp_structure_content {
      padding-top: 0 !important;
    }

    .pkp_navigation_user_wrapper {
      padding-left: 0 !important;
      padding-right: 5px !important;
    }

    .pages {
      border: 1px solid #d2d2d2;
      border-radius: 4px;
      padding: 0 6px;
      background: #f4f4f4;
    }

    .pkp_navigation_search_wrapper {
      display: none;
    }

    .pkp_page_index .homepage_image {
      margin-top: 0;
    }

    .pkp_navigation_primary_wrapper {
      text-align: left;
    }
}

.homepage_about > h2 {
  display: none;
}

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

.pkp_brand_footer {
    display:none !important;
}

.data {
  background: #f0f0f0;
  border: 1px solid #d7d6d6;
  border-radius: 5px;
  padding: 5px 10px;
  box-shadow: 2px 2px #80808024;
}

/* old code */
.pkp_site_name .is_img img {
    max-height: none !important;
}

.pkp_site_name_wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pkp_site_name {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #D91414 !important; /* Ganti warna biru dengan merah */
}

.pkp_site_name > a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #D91414 !important; /* Ganti warna biru dengan merah */
}

.item_menu {
  padding: 3px 5px 0px 10px;
  margin: 0;
}

.item_menu a:hover {
    border-bottom: 1px dashed gray;
}

.item_menu a {
    color: white;
}

.pkp_block {
    padding: 5px !important;
}

.head_block {
  background: #B00808;
  border-bottom: 4px solid #8F0707;
  color: white;
  border-radius: 5px 5px 0 0;
  padding: 7px 10px;
  box-shadow: 3px 3px #80808096;
}

.block_make_submission_link {
    width: 100%;
    text-align: center;
    padding: 5px 0 !important;
    box-shadow: 2px 2px #dbd9d9 !important;
}

.pkp_block .title {
  display: block !important;
  padding: 8px 10px !important;
  border-bottom: 2px solid #314d75 !important;
  font-weight: 700;
  text-transform: none !important;
  background: #2896cc;
  color: #fff !important;
  border-radius: 5px 5px 0 0;
  box-shadow: 2px 2px #ccccccab;
}

.logo-details {
    border-bottom: 5px solid #b5b2b2;
    font-size: 1.5em;
    padding-bottom: 10px;
}

footer .content .link-boxes {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

footer .content .link-boxes .box {
  width: calc(100% / 5 - 10px);
}

.content .link-boxes .box .link_name {
  color: #022b40;
  font-size: 11pt;
  font-weight: 400;
  margin-bottom: 10px;
  position: relative;
}

.content .link-boxes .box li {
  margin: 6px 0;
  list-style: none;
}

.link-boxes .box .link_name::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 2px;
  width: 35px;
  background: #8F0707;
}

ul.box {
    padding: 0 5px 0 0;
}

.fquery {
    padding: 7px 10px;
    border: 1px solid gray;
    border-radius: 5px;
}

.policy_terms {
    float: right;
}

.bottom-details {
    background: #185a14;
    margin: 0 -30px -30px;
    padding: 10px 15px;
    color: white;
}

.bottom-details a {
    color:white;
}

.obj_announcement_summary .summary {
  font-size: 11pt !important;
}

.index_list img {
  width: 180px;
  margin: 0 5px 0 0;
  border: 1px solid gray;
  border-radius: 5px;
  box-shadow: 2px 2px #8080802e;
  padding: 10px;
}

.pkp_structure_footer_wrapper {
  background: #f0f0f0 !important;
}

.pkp_block a {
  color: #185a14 !important;
}

.title {
  font-family: 'Lato' !important;
}