@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: #000080;
}

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

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

/* ==================================================
   HEADER NAVIGASI
   Warna sesuai gambar: #0072A9
================================================== */

.pkp_navigation_primary_wrapper {
  padding-left: 10px;
  padding-right: 0;
  background: #0072A9 !important;
  background-color: #0072A9 !important;
  background-image: none !important;
  text-align: left;
}

.pkp_navigation_primary_wrapper .item_menu a {
  font-weight: bold;
  color: white;
}

/* Penyesuaian menu Home */
.pkp_navigation_primary_wrapper .item_menu a:first-child {
  padding-left: 0 !important;
  font-weight: bold;
}

.cmp_breadcrumbs {
  display: block;
  background: #eeeded;
  border: 0 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;
}

/* ==================================================
   TAMPILAN DESKTOP
================================================== */

@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;
    background: #0072A9 !important;
    background-color: #0072A9 !important;
    background-image: none !important;
  }
}

.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;
}

/* ==================================================
   LOGO DAN NAMA SITUS
================================================== */

.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: #000080 !important;
}

.pkp_site_name > a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: #000080 !important;
}

/* ==================================================
   ITEM MENU
================================================== */

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

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

.item_menu a {
  color: white;
}

/* ==================================================
   SIDEBAR
================================================== */

.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;
}

/* ==================================================
   FOOTER
================================================== */

.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;
}

/* ==================================================
   PENGUAT WARNA HEADER NAVIGASI
   Letakkan tetap pada bagian paling bawah
================================================== */

.pkp_structure_head .pkp_site_nav_menu,
.pkp_structure_head .pkp_navigation_primary_row,
.pkp_structure_head .pkp_navigation_primary_wrapper,
.pkp_structure_head #navigationPrimary,
.pkp_structure_head .pkp_navigation_primary {
  background: #0072A9 !important;
  background-color: #0072A9 !important;
  background-image: none !important;
}

/* Elemen tambahan pada pembungkus navigasi */

.pkp_structure_head .pkp_site_nav_menu::before,
.pkp_structure_head .pkp_site_nav_menu::after,
.pkp_structure_head .pkp_navigation_primary_row::before,
.pkp_structure_head .pkp_navigation_primary_row::after,
.pkp_structure_head .pkp_navigation_primary_wrapper::before,
.pkp_structure_head .pkp_navigation_primary_wrapper::after {
  background: #0072A9 !important;
  background-color: #0072A9 !important;
  background-image: none !important;
}

/* Latar setiap item menu utama */

.pkp_structure_head #navigationPrimary > li,
.pkp_structure_head .pkp_navigation_primary > li {
  background: #0072A9 !important;
  background-color: #0072A9 !important;
  background-image: none !important;
}

/* Tulisan menu utama tetap putih */

.pkp_structure_head #navigationPrimary > li > a,
.pkp_structure_head .pkp_navigation_primary > li > a {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  font-weight: bold;
}

/* Latar submenu */

.pkp_structure_head #navigationPrimary ul,
.pkp_structure_head #navigationPrimary .dropdown-menu,
.pkp_structure_head .pkp_navigation_primary ul,
.pkp_structure_head .pkp_navigation_primary .dropdown-menu {
  background: #0072A9 !important;
  background-color: #0072A9 !important;
  background-image: none !important;
}

/* Setiap item submenu */

.pkp_structure_head #navigationPrimary ul li,
.pkp_structure_head .pkp_navigation_primary ul li {
  background: #0072A9 !important;
  background-color: #0072A9 !important;
}

/* Tulisan submenu tetap putih */

.pkp_structure_head #navigationPrimary ul li a,
.pkp_structure_head .pkp_navigation_primary ul li a {
  background: #0072A9 !important;
  background-color: #0072A9 !important;
  color: #ffffff !important;
}

/* Warna menu ketika kursor diarahkan */

.pkp_structure_head #navigationPrimary > li > a:hover,
.pkp_structure_head #navigationPrimary > li > a:focus,
.pkp_structure_head .pkp_navigation_primary > li > a:hover,
.pkp_structure_head .pkp_navigation_primary > li > a:focus,
.pkp_structure_head #navigationPrimary ul li a:hover,
.pkp_structure_head #navigationPrimary ul li a:focus,
.pkp_structure_head .pkp_navigation_primary ul li a:hover,
.pkp_structure_head .pkp_navigation_primary ul li a:focus {
  background: #005A86 !important;
  background-color: #005A86 !important;
  color: #ffffff !important;
}

/* ==================================================
   TAMPILAN NAVIGASI PADA SELULER
================================================== */

@media (max-width: 991px) {
  .pkp_structure_head .pkp_site_nav_menu,
  .pkp_structure_head .pkp_navigation_primary_row,
  .pkp_structure_head .pkp_navigation_primary_wrapper,
  .pkp_structure_head #navigationPrimary,
  .pkp_structure_head .pkp_navigation_primary {
    background: #0072A9 !important;
    background-color: #0072A9 !important;
    background-image: none !important;
  }

  .pkp_structure_head #navigationPrimary > li,
  .pkp_structure_head .pkp_navigation_primary > li {
    background: #0072A9 !important;
    background-color: #0072A9 !important;
  }

  .pkp_structure_head #navigationPrimary a,
  .pkp_structure_head .pkp_navigation_primary a {
    color: #ffffff !important;
  }

  .pkp_structure_head .pkp_site_nav_toggle {
    background: #0072A9 !important;
    background-color: #0072A9 !important;
    color: #ffffff !important;
  }
}