@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 {
  background-color: #0071BC;
  border-bottom: 1px solid #ddd;
}
html {
  padding: 20px 0;
  background: url(https://ittelkom-pwt.ac.id/wp-content/uploads/2020/09/motif-background.jpg);
  background-size: 300px;
}
.pkp_site_name .is_img {
  margin-top: 100 !important;
  margin-bottom: 100 !important;
}
.pkp_structure_page {
  background: white;
  border: 1px solid gray;
  box-shadow: 2px 2px #8080804f;
}
.pkp_navigation_primary_wrapper {
  padding-left: 10px;
  padding-right: 0;
}
.cmp_breadcrumbs {
  display: block;
  background: #eeeded;
  border: 1px 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: Lato;
}
.item.authors::before {
  content: '';
}
ul.authors::before {
  content: '';
}
.name::before {
  content: '\f007';
  font-family: Lato;
}
.pages::before {
  content: '\f0f6';
  font-family: Lato;
}
.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: 30px !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: center;
    }    
}
.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;
}
.pkp_site_name > a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.item_menu {
  padding: 3px 5px 0px 10px;
  margin: 0;
}
.item_menu a:hover {
    border-bottom: 1px dashed gray;
}
.item_menu a {
    color: black;
}
.pkp_block {
    padding: 5px !important;
}
.head_block {
  background: #185a14;
  border-bottom: 4px solid #023702;
  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;
    background: #32CD32;
}
.pkp_block .title {
  border: solid 1px white;
    background: #0071BC;
    padding: 10px;
    margin: 0;
    text-align: center;
    line-height: 23px;
    color: white;
    font-size: 14px;
    border-radius: 10px 10px 0px 0px;
    font-weight: bold;
}
.pkp_block .content ul li {
  padding: 9px;
  border: 1px solid white;
  background: #00BFFF;
  box-shadow: 2px 2px #ccccccab;
  text-align: center;
}

.pkp_block .content ul li:hover {
    background-color: #009ACD; /* Warna baru saat hover */
    cursor: pointer;
}

.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: #094c6f;
}
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: #fff !important;
}
.title {
  font-family: 'Rubik' !important;
}

/* Untuk judul "Additional Menu" */
.additional-menu-title {
    border: solid 1px white;
    background: #0071BC;
    padding: 10px;
    margin: 0;
    text-align: center;
    line-height: 23px;
    color: white;
    font-size: 14px;
    border-radius: 10px 10px 0px 0px;
    font-weight: bold;
}

/* Gaya umum untuk setiap menu item (link) */
.menu-item {
    border: 1px solid #ffffff;
    background: #00BFFF;
    padding: 9px;
    margin: 0px;
    line-height: 23px;
    font-size: 14px;
    text-align: center;
    color: black;
    box-shadow: 2px 2px #ccccccab;
}

.menu-item:hover {
    background-color: #009ACD; /* Warna baru saat hover */
    cursor: poRubik;
}

.menu-item-download {
    border: 1px solid #ffffff;
    background: none; /* Tidak ada background untuk elemen utama */
    padding: 9px;
    margin: 0px;
    line-height: 23px;
    color: white;
    font-size: 16px;
    text-align: center;
    box-shadow: 2px 2px #ccccccab;
}

.menu-item-download span {
    color: #ffffff;
}

.menu-item-download img {
    vertical-align: middle;
    border: none;
    max-width: 100%;
    height: auto;

}

.menu-item-logo {
    border: 1px solid #ffffff;
    background: none;
    padding: 9px;
    margin: 0px;
    line-height: 23px;
    color: white;
    font-size: 16px;
    text-align: center;
    box-shadow: 2px 2px #ccccccab;
}

.menu-item-logo span {
    color: #ffffff;
}

.menu-item-logo img {
    width: 130px;
    height: auto; /* Agar proporsional */
    vertical-align: middle;
    border: none;
}