@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap");

body {
  font-family: "Poppins", sans-serif;
  background-image: url("https://jurnal.ummi.ac.id/public/site/bg.jpg");
  background-repeat: repeat;
  background-size: 1000px;
  background-position: left;
}

/* header */
.pkp_navigation_user > li:last-child > a {
  background-color: #01d4ff;
  border-radius: 50px;
  margin: 10px;
  font-weight: bold;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.pkp_site_name .is_img {
  padding-top: 0px;
  padding-bottom: 0px;
  max-height: 184px;
}

.pkp_site_name .is_img img {
  max-height: 100% !important;
  max-width: 100% !important;
}

.pkp_structure_page {
  margin: 0 auto;
  max-width: 1160px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.has_site_logo .pkp_head_wrapper {
  padding-top: 0px;
}

#navigationPrimary a {
  font-weight: bold;
  margin: 0px 10px;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  border-color: none;
}

.pkp_navigation_primary > li > a {
  padding: 10px 15px;
  margin: 0px;
}

/*coustumepage*/
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4 {
  margin: 0px 0 20px;
}

/*body*/
a {
  color: #212e5a;
}

.description {
  font-weight: 700 !important;
  color: #252525;
}

.pkp_page_index .journals > ul > li:hover {
  box-shadow: 0 0px 10px 0 #007ab2;
}

.pkp_page_index .journals img {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}
/* sidebar */
.about_site {
  text-align: justify;
  font-weight: 600;
}

.index img {
  margin: 5px 0px;
}

.pkp_block {
  padding: 10px 30px;
}

/* Content */
li.has_thumb {
  display: flex !important;
}

.thumb {
  margin: auto;
}

.view > a {
  background-color: #22315a;
  border-radius: 30px;
  padding: 5px 5px 5px 5px;
  color: white;
  text-decoration: none;
}

.current > a {
  background-color: #22315a;
  border-radius: 30px;
  padding: 5px 5px 5px 5px;
  color: white;
  text-decoration: none;
}

.view > a:hover {
  background-color: #007ab2;
}

.current > a:hover {
  background-color: #007ab2;
}

/* footer */
.pkp_footer_content {
  color: white;
  background-color: #22315a;
  padding: 0% !important;
}

.pkp_brand_footer {
  display: none;
}

@media (max-width: 480px) {
  .pkp_site_name {
    padding-left: 0px !important;
  }

  .pkp_site_name .is_img img {
    width: 420px !important;
    max-height: 100% !important;
  }
  .has_site_logo .pkp_head_wrapper {
    padding-right: 0px !important;
    margin-bottom: 25px;
  }

  .has_site_logo .pkp_site_name,
  .has_site_logo .pkp_navigation_primary_wrapper {
    left: 0px;
  }

  .about_site {
    font-size: 10px !important;
  }

  .pkp_page_index .journals > ul > li {
    flex-direction: column !important;
    margin: 10px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
  }

  .pkp_page_index .journals > ul > li:hover {
    box-shadow: 0 8px 16px 0 #007ab2;
  }

  .pkp_page_index .journals h3 {
    text-align: center !important;
  }

  .index img {
    max-width: 149px !important;
    margin: 3px;
    justify-content: space-around;
  }

  .thumb {
    margin: auto;
    padding: 0px 30px;
  }

  .maps {
    width: 310px !important;
  }

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

  .fotter_copy {
    font-size: 10px;
  }

  .pkp_unstyled_list,
  .cmp_article_list,
  .cmp_form .tagit,
  .ui-autocomplete,
  .cmp_breadcrumbs ol,
  .cmp_announcements,
  .pkp_site_nav_menu ul,
  .pkp_page_index .journals ul,
  .page_catalog_category .subcategories ul,
  .page_issue_archive .issues_archive,
  .page_register .context_optin .contexts,
  .obj_article_details .authors,
  .obj_article_details .galleys_links,
  .obj_article_details .supplementary_galleys_links,
  .obj_article_summary .galleys_links,
  .obj_issue_toc .articles,
  .obj_issue_toc .galleys_links,
  .pkp_block .content ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .pkp_page_index .journals > ul > li {
    flex-direction: column !important;
    width: 155px;
    margin: 10px;
  }

  .pkp_block .content ul li {
    margin: auto !important;
  }

  .description {
    display: none;
  }

  .links {
    display: none !important;
  }
}