@import url('https://informasiinteraktif.janabadra.ac.id/public/site/font-awesome-4.7.0/css/font-awesome.min.css');
@import url('https://informasiinteraktif.janabadra.ac.id/public/site/academicons-1.9.3/css/academicons.css');
@import url('https://informasiinteraktif.janabadra.ac.id/public/site/fontawesome-free-5.15.4-web/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital@0;1&display=swap');

:root {
  --font-family-utama: 'Inter';
  --warna-utama: #001BB7;
  --warna-biru2: #1569C7;
  --warna-ungu: #940897;
  --warna-accent: #F7B500;
  --warna-white: #ffffff;
  --warna-abu: #E9E9E9;
  --warna-hitam: #000000;
  --warna-box-shadow: #ccccccab;
  --warna-border: #787878;
}

div, p, a, ul, li, span {
  font-family: var(--font-family-utama) !important;
}
/*untuk background atas dan bawah -> don't delete*/
html {
  font-family: var(--font-family-utama) !important;
  background: url(https://informasiinteraktif.janabadra.ac.id/public/site/images/root/bg-jii.png);
}

/*untuk background tengah -> don't delete*/
body {
  font-family: var(--font-family-utama) !important;
  background: url(https://informasiinteraktif.janabadra.ac.id/public/site/images/root/bg-jii.png);
}

/*untuk font tulisan -> don't delete*/
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-utama) !important;
}

.pkp_structure_head {
  background: var(--warna-biru2);
}

.pkp_site_name_wrapper{
  height: 50px;
}
.pkp_site_name .is_img {
  margin-top: 100 !important;
  margin-bottom: 100 !important;
}
.pkp_site_name .is_text {
  padding: 50px 10px 10px 10px;
}

.pkp_structure_page {
  background: var(--warna-white);
  box-shadow: 2px 2px var(--warna-box-shadow);
  max-width: 1200px;
}
.pkp_navigation_primary_wrapper {
  padding-left: 10px;
  padding-right: 0;
  font-family: var(--font-family-utama);
}
.pkp_navigation_primary_row{
  font-family: var(--font-family-utama);
}

.pkp_block {
  background: var(--warna-putih);
  color: var(--warna-hitam);
  text-align: center;
}
.pkp_block .title {
    background: var(--warna-accent);
    color: var(--warna-white);
    border-radius: 10px;
    padding: 5px 1px;
    margin: 0px 0px 5px 0px;
    box-shadow: 2px 2px var(--warna-box-shadow);
}
.pkp_block .content ul li {
  background: var(--warna-biru2);
  padding: 0px 0px 10px 10px;
  border: 1px solid var(--warna-abu);
  margin: 1px 0px 0px 0px;
  align-items: center;
  border-radius: 10px;
  box-shadow: 1px 1px var(--warna-box-shadow);
  text-align: center;
  padding-block: 5px;
}

.pkp_block .content ul li:hover {
    background: var(--warna-utama);
    transition: 0.3s;
    cursor: pointer;
}

.pkp_block a {
  color: var(--warna-white);
}

.pkp_block .apk {
  background: var(--warna-white);
  padding: 10px;
  border: 1px solid var(--warna-abu); 
  margin: 1px 0px 0px 0px;
  border-radius: 0px 0px 10px 10px;
  padding-block: 5px;
  box-shadow: 1px 1px var(--warna-box-shadow);
  text-align: center;
}

.pkp_block .apk:hover {
  background: var(--warna-abu);
  transition: 0.3s;
  cursor: pointer;
}

.head_block {
  background: var(--warna-utama);
  border-bottom: 4px solid var(--warna-border);
  color: orange;
  border-radius: 5px 5px 0 0;
  padding: 7px 10px;
  box-shadow: 3px 3px var(--warna-box-shadow);
}
.block_make_submission_link {
    width: 100%;
    text-align: center;
    padding: 5px 0 !important;
    box-shadow: 2px 2px var(--warna-box-shadow) !important;
    background: var(--warna-utama);
    font-family: var(--font-family-utama);
}

.obj_article_summary {
    border: 1px solid var(--warna-border);
    padding: 10px;
    margin: 0px;
    box-shadow: var(--warna-box-shadow) 5px 5px;
}
.obj_article_summary .meta {
    rgba(0,0,0,0);
    padding: 0 0 0 20px;
    margin: 7px 0 0 0;
}

.cmp_breadcrumbs {
  display: block;
  font-family: var(--font-family-utama);
  background: var(--warna-abu);
  border: 1px solid var(--warna-border);
  box-shadow: 1px 1px var(--warna-box-shadow);
  border-radius: 3px;
  padding: 0 10px;
  margin: 10px 0 30px 0;
  padding-block: 5px;
}
.cmp_breadcrumbs ol {
  margin-bottom: 0;
}

.item.abstract {
  text-align: justify;
}
.authors::before {
  content: '\f007';
  font-family: var(--font-family-utama);
}
.item.authors::before {
  content: '';
}

ul.authors::before {
  content: '';
}
.name::before {
  content: '\f007';
  font-family: var(--font-family-utama);
}
.pages::before {
  content: '\f0f6';
  font-family: var(--font-family-utama);
}
.cmp_article_list li {
  border-bottom: 1px solid var(--warna-border);
  padding: 0 0 10px 10px;
  border-left: 7px solid var(--warna-utama);
  border-radius: 0 0 0 5px;
}
.galleys_links li {
  border: none;
  padding: 0;
}

.homepage_about > h2 {
  display: none;
}
.pkp_page_index .homepage_about {
  padding-top: 0;
  padding-bottom: 2.143rem;
}
.pkp_brand_footer {
    display:none;
}

.data {
  background: var(--warna-utama);
  border: 1px solid var(--warna-border);
  border-radius: 5px;
  padding: 5px 10px;
  box-shadow: 2px 2px var(--warna-box-shadow);
}

.logo-details {
    border-bottom: 5px solid var(--warna-border);
    font-size: 1.5em;
    padding-bottom: 10px;
}

.content .link-boxes .box .link_name {
  color: orange;
  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: var(--warna-utama);
}
ul.box {
    padding: 0 5px 0 0;
}
.fquery {
    padding: 7px 10px;
    border: 1px solid var(--warna-border);
    border-radius: 5px;
}
.policy_terms {
    float: right;
}
.bottom-details {
    background: var(--warna-utama);
    margin: 0 -30px -30px;
    padding: 10px 15px;
    color: green;
}
.bottom-details a {
    color: orange;
}
.obj_announcement_summary .summary {
  font-size: 11pt ;
}
.index_list img {
  width: 180px;
  margin: 0 5px 0 0;
  border: 1px solid var(--warna-border);
  border-radius: 5px;
  box-shadow: 2px 2px var(--warna-box-shadow);
  padding: 10px;
}

.pkp_structure_footer_wrapper {
  background: var(--warna-abu);
}

.title {
  font-family: var(--font-family-utama) !important;
}

/*mengatur sidebar*/
.hover {
  width:100%;
  border-collapse:collapse;
}
.hover td{
  height:30px;
  vertical-align:central;
  border-bottom:2px solid var(--warna-border); /*warna pembatas antar blok*/
  text-align:left;
  padding:8px;
}
.hover td a {
  display:inline;
}
.hover tr {
  background: var(--warna-utama); /*warna background*/
  color:#ffffff;
}
.hover tr:hover {
  background: var(--warna-utama); /*warna background saat ada pointer*/
  transition: 0.3s;
  font-size:15px;
}

.item_menu {
  padding: 3px 5px 0px 10px;
  margin: 0;
}
.item_menu a:hover {
    border-bottom: 1px dashed var(--warna-border);
}
.item_menu a {
    color: black;
}

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

@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 var(--warna-border);
      border-radius: 4px;
      padding: 0 6px;
      background: var(--warna-utama);
    }
    .pkp_navigation_search_wrapper {
      display: none;
    }    
    .pkp_page_index .homepage_image {
      margin-top: 0;
    }
    .pkp_navigation_primary_wrapper {
      text-align: center;
    }    
}