@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%;
}

/* ==================================================
   BACKGROUND MATEMATIS & STATISTICS
================================================== */
html {
  padding: 20px 0;
  background-color: #f7f8fb;

  background-image:
    /* grid horizontal */
    linear-gradient(rgba(163, 8, 60, 0.045) 1px, transparent 1px),

    /* grid vertical */
    linear-gradient(90deg, rgba(163, 8, 60, 0.045) 1px, transparent 1px),

    /* aksen cahaya lembut */
    radial-gradient(circle at 12% 18%, rgba(163, 8, 60, 0.08), transparent 25%),
    radial-gradient(circle at 88% 78%, rgba(40, 150, 204, 0.08), transparent 25%),

    /* ilustrasi matematika dan statistika */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='760' viewBox='0 0 1000 760'%3E%3Crect width='1000' height='760' fill='none'/%3E%3Cg stroke='%23b8bfd0' stroke-width='1.3' fill='none' opacity='0.55'%3E%3Cpath d='M70 610H390M100 640V360'/%3E%3Cpath d='M115 590 C160 590 175 445 230 445 C285 445 300 590 350 590'/%3E%3Cpath d='M540 610H900M570 640V350'/%3E%3Cpath d='M595 570L650 520L710 545L775 430L845 470'/%3E%3Crect x='590' y='530' width='34' height='60'/%3E%3Crect x='645' y='490' width='34' height='100'/%3E%3Crect x='700' y='455' width='34' height='135'/%3E%3Crect x='755' y='505' width='34' height='85'/%3E%3Crect x='810' y='435' width='34' height='155'/%3E%3Ccircle cx='150' cy='165' r='70'/%3E%3Ccircle cx='150' cy='165' r='40'/%3E%3Cpath d='M80 165H220M150 95V235'/%3E%3Cpath d='M390 110 L490 110 L540 180 L490 250 L390 250 L340 180 Z'/%3E%3Cpath d='M340 180H540M440 110V250'/%3E%3Cpath d='M600 120H860M600 120L600 260M600 220 Q670 150 740 180 T860 130'/%3E%3Ccircle cx='640' cy='200' r='4'/%3E%3Ccircle cx='710' cy='168' r='4'/%3E%3Ccircle cx='790' cy='178' r='4'/%3E%3Ccircle cx='850' cy='138' r='4'/%3E%3C/g%3E%3Cg fill='%23818ba0' opacity='0.60' font-family='Georgia,Times New Roman,serif'%3E%3Ctext x='55' y='65' font-size='28'%CE%BC = E(X)%3C/text%3E%3Ctext x='250' y='110' font-size='25'%CF%83%C2%B2 = Var(X)%3C/text%3E%3Ctext x='610' y='95' font-size='28'%CE%A3 x%E1%B5%A2 / n%3C/text%3E%3Ctext x='80' y='305' font-size='24'>P(A%7CB)=P(A%E2%88%A9B)/P(B)%3C/text%3E%3Ctext x='365' y='315' font-size='25'>y = %CE%B2%E2%82%80 + %CE%B2%E2%82%81x + %CE%B5%3C/text%3E%3Ctext x='110' y='710' font-size='27'>%E2%88%AB f(x) dx%3C/text%3E%3Ctext x='610' y='700' font-size='24'>H%E2%82%80 : %CE%BC%E2%82%81 = %CE%BC%E2%82%82%3C/text%3E%3C/g%3E%3Cg fill='%23A3083C' opacity='0.25'%3E%3Ccircle cx='605' cy='300' r='5'/%3E%3Ccircle cx='665' cy='265' r='5'/%3E%3Ccircle cx='730' cy='286' r='5'/%3E%3Ccircle cx='795' cy='238' r='5'/%3E%3Ccircle cx='855' cy='258' r='5'/%3E%3C/g%3E%3C/svg%3E");

  background-size:
    42px 42px,
    42px 42px,
    100% 100%,
    100% 100%,
    1000px 760px;

  background-position:
    top left,
    top left,
    top left,
    top left,
    center top;

  background-repeat:
    repeat,
    repeat,
    no-repeat,
    no-repeat,
    repeat;
}

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

.pkp_structure_page {
  background: rgba(255, 255, 255, 0.96);
  border: 0px solid gray;
  box-shadow: 2px 2px #8080804f;
}

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

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

/* Additional adjustment for "Home" link */
.pkp_navigation_primary_wrapper .item_menu a:first-child {
  padding-left: 0 !important;
  font-weight: 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: #000080 !important;
}

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

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

/* ==================================================
   PENGUAT WARNA HEADER NAVIGASI
================================================== */

.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: #A3083C !important;
  background-color: #A3083C !important;
  background-image: none !important;
}

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

.pkp_structure_head #navigationPrimary > li > a,
.pkp_structure_head .pkp_navigation_primary > li > a {
  background: transparent !important;
  color: #ffffff !important;
}

.pkp_structure_head #navigationPrimary ul,
.pkp_structure_head .pkp_navigation_primary ul,
.pkp_structure_head .dropdown-menu {
  background: #A3083C !important;
  background-color: #A3083C !important;
}

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