/* ADDITIONAL KONTEN DI ATAS */
.page_index_journal{
    display:flex;
    flex-direction:column;
}

.additional_content{
    order:-1;
    margin-bottom:20px;
}


/* =========================================================
   FONT
========================================================= */
@font-face{
  font-family:'Noto Sans';
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

/* =========================================================
   BODY BACKGROUND
========================================================= */
body{
  background-image:url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'></svg>");
}

/* =========================================================
   HEADER & LOGO
========================================================= */

/* Hilangkan padding logo */
.pkp_site_name{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* Link logo */
.pkp_site_name > a{
  padding-top:0;
  padding-bottom:0;
}

/* Wrapper logo */
.pkp_site_name_wrapper{
  padding-left:0;
  padding-right:0;
}

/* Logo image */
.pkp_site_name .is_img img{
  max-height:200px !important;
  width:100% !important;
  height:auto !important;
  display:block !important;
}

/* =========================================================
   HEADER AREA
========================================================= */

.pkp_structure_head{
  background-color:transparent;
  border-bottom:none;
}

.pkp_head_wrapper{
  background-color:#005b96;
  border-bottom:1px solid #ddd;
}

/* =========================================================
   CONTENT & FOOTER
========================================================= */

.pkp_structure_content{
  background:white;
}

.pkp_structure_footer_wrapper{
  background:transparent;
}

.pkp_footer_content{
  background:#ddd;
}

.pkp_brand_footer{
  display:none;
}

/* =========================================================
   NAVIGATION MENU
========================================================= */

.pkp_site_nav_menu{
  background:#005b96;
}

.pkp_nav_list > li{
  background:#005b96;
}

.pkp_nav_list > li > a{
  color:white;
  font-weight:bold;
}

/* Primary navigation */
.pkp_navigation_primary > li > a{
  border-bottom:3px solid transparent;
  color:white !important;
  font-weight:bold;
}

/* Hover */
.pkp_navigation_primary > li > a:hover{
  color:#005b96;
  background:white;
}

/* Margin menu */
.pkp_navigation_primary > li:first-child a{
  margin-left:0.5em;
}

.pkp_navigation_primary > li:last-child a{
  margin-right:0.5em;
}

/* Dropdown */
.pkp_navigation_primary ul a{
  margin-right:0 !important;
}

/* Search */
.pkp_navigation_search_wrapper a{
  color:white;
}

/* =========================================================
   USER / LOGIN MENU
========================================================= */

ul#navigationUser > li.profile{
  border-radius:5px;
}

ul#navigationUser > li.profile > a:hover{
  color:#005b96;
}

.pkp_navigation_user .task_count{
  top:0.1rem;
  background:#005b96;
}

/* =========================================================
   DROPDOWN MENU
========================================================= */

.dropdown{
  position:relative;
}

.dropdown a{
  text-decoration:none;
}

.dropdown [data-toggle="dropdown"]{
  display:block;
  color:white;
  background:#005b96;
  padding:10px;
}

.dropdown [data-toggle="dropdown"]:hover{
  background:#005b96;
}

/* =========================================================
   CUSTOM BLOCK
========================================================= */

/* Tools */
#customblock-tools img{
  max-width:unset;
  width:70%;
}

/* Template */
#customblock-journal-template img{
  max-width:unset;
  width:70%;
  border-radius:3px;
}

/* =========================================================
   EDITORIAL TEAM
========================================================= */

.editorial_team_block div{
  padding:0;
}

.editorial_team_block img{
  width:85px !important;
  height:90px !important;
  padding:5px;
  border:1px solid #d6cfcf46;
  float:left;
}

/* =========================================================
   MOBILE VIEW
========================================================= */

@media only screen and (max-width:991px){

  /* Navigation mobile */
  .pkp_nav_list > li{
    background:transparent;
  }

  .pkp_nav_list > li > ul > li > a{
    color:white;
    margin-left:1.5em;
  }

  .pkp_navigation_primary > li a{
    margin-left:0.5em;
  }

  .pkp_navigation_search_wrapper,
  .pkp_navigation_user_wrapper{
    margin-left:0.5em;
  }

  .pkp_navigation_user .task_count{
    top:0;
    background:#ff4d4d !important;
  }


}
/* =========================================================
   DESKTOP VIEW
========================================================= */

@media only screen and (min-width:992px){

  .pkp_site_name .is_img img{
    max-height:700px !important;
  }

}