html,
body {     
  font-family: 'Inter', sans-serif;
  background: url("https://ojs.stmikplk.ac.id/sayagata.png") #f1b80a fixed !important;
  text-align: justify;
}

.pkp_block .title {
    display: block;
    padding: 10px;
    text-align: center;
    background: linear-gradient(rgb(48, 209, 8), #219b08);
    color: white;
    font-family: 'Inter', sans-serif;
}

span.label {
  color: black !important;
  text-align: left;
}

.side-menu_hover_effect:before {
    background: #f26dfb;
}

.obj_article_summary {
	box-shadow: 3px 3px 5px;
	padding: 20px;
	border-radius: 10px;
	background: #ececec;
}

.obj_article_summary:hover {
	background:#ffffff
}

.meta .authors{
	background: url(https://i.ibb.co/wwXb1Bh/icon-group.png) 1px 2px no-repeat rgba(0, 0, 0, 0);
	font-weight: bold;
	margin-top: 4px;
	padding-bottom: 5px;
	padding-left: 30px;
}

.page_search .search_advanced legend{	
    margin: 0;
    border: aqua;
}

.cmp_form .label {
    display: block;
    font-size: .93rem;
    font-weight: 400;
    padding-left: inherit;
	font-style: normal;
}

.cmp_form legend {
    margin-bottom: 0.714rem;
    font-size: 1.143rem;
    font-weight: 700;
    line-height: 1.43rem;
    border: aqua;
}

.page_search .search_advanced label{
	display: block;
    padding: 5px;
    color: black;
	font-weight: 400;
    text-align: left;    
    font-size: 13px;
}

.obj_article_summary {
    padding-bottom: 10px !important;
    border-bottom: solid 4px #b3ffb3 !important;
    font-size: 12px;
}

.obj_issue_toc .articles {
    margin-top: calc(2.143rem + -2.57rem);
}

.obj_issue_toc .published .label {    
    padding: 0px;
	font-size: 12px;
     font-family: 'Inter', sans-serif;
}

.pkp_page_index .current_issue .read_more {
    display: inline-block;
    position: relative;
    padding-right: 2.143rem;
    font-size: .93rem;
    font-weight: 700;
    line-height: 2.143rem;
    color: #4b7d92;
    text-decoration: none;
    margin-bottom: 1.43rem;
    margin-top: 20px;
}

.obj_article_summary .meta {
  position: relative;
  padding-top: 0.357rem;
  font-size: 0.875rem;    
  font-weight: normal;
  line-height: 1.375rem;   
  font-family: 'Roboto', sans-serif;
  margin-bottom: 1rem;
}

.obj_article_summary > .title {
  text-align: left;
  font-size: 1rem;
  line-height: 1.43rem;
  font-weight: 700;
  margin: 0;
  font-family: 'Inter', sans-serif;
}

.obj_article_summary .subtitle {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
}

.obj_article_summary .pages {
  color: black;
  font-size: inherit;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
  position: absolute;
        top: 0;
        right: 0;
        line-height: 5.143rem;
}

.obj_article_details .item.doi,.obj_article_details .item.keywords {
    padding-top: 0;
    font-family: 'Inter', sans-serif;
}

.pkp_unstyled_list,.cmp_article_list,.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 {
    margin: 0;
    list-style: none;
    font-family: 'Roboto', sans-serif;
    font-weight: bold
}

.pkp_site_name {padding-top: 0 !important; padding-bottom: 0 !important}
.pkp_site_name > a {padding-top: 0; padding-bottom: 0;}
.pkp_site_name .is_img img {display: block;max-height: 2.143rem; max-width: 100%;width: auto;height: auto;}
.pkp_site_name_wrapper {padding-left: 0; padding-right: 0;}
.pkp_navigation_user_wrapper {top: 0; right: 0; padding-right:30px;}
.pkp_structure_page {margin-top:  20px !important; margin-bottom:20 !important}

@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');
		#cssmenu {
		  position: relative;
		  margin: 0;
		  font-family: 'Inter', sans-serif;
		  line-height: 1;
		  width: 100%;
		  min-width:250px
		  
		}
		.align-right {
		  float: right;
		}
		#cssmenu ul {
		  margin: 0;
		  padding: 0;
		  list-style: none;
		  display: block;
		}
		#cssmenu ul li {
		  position: relative;
		  margin: 0;
		  padding: 0;
		}
		#cssmenu ul li a {
		  text-decoration: none;
		  cursor: pointer;
		}
		#cssmenu > ul > li > a {
		  color: #ffffff;
		  text-transform: uppercase;
		  display: block;
		  padding: 20px;
		  border-top: 1px solid #FFC436;
		  border-left: 1px solid #FFC436;
		  border-right: 1px solid #FFC436;
		  background: linear-gradient(rgb(48, 209, 8), #219b08);
		  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
		  letter-spacing: 1px;
		  font-size: 14px;
		  font-weight: 700;
		  -webkit-transition: all 0.25s ease-in;
		  -moz-transition: all 0.25s ease-in;
		  -ms-transition: all 0.25s ease-in;
		  -o-transition: all 0.25s ease-in;
		  transition: all 0.25s ease-in;
		  position: relative;
		}
		#cssmenu > ul > li:first-child > a {
		  border-top-left-radius: 3px;
		  border-top-right-radius: 3px;
		}
		#cssmenu > ul > li:last-child > a {
		  border-bottom-left-radius: 3px;
		  border-bottom-right-radius: 3px;
		  border-bottom: 1px solid #FFC436;
		}
		#cssmenu > ul > li:hover > a,
		#cssmenu > ul > li.open > a,
		#cssmenu > ul > li.active > a {
		  background: #151515;
		  color: #ffffff;
		}
		#cssmenu ul > li.has-sub > a::after {
		  content: "";
		  position: absolute;
		  display: block;
		  width: 0;
		  height: 0;
		  border-top: 13px solid #FFC436;
		  border-botom: 13px solid transparent;
		  border-left: 125px solid transparent;
		  border-right: 125px solid transparent;
		  left: 0;
		  bottom: -13px;
		  bottom: 0px;
		  z-index: 1;
		  opacity: 0;
		  -webkit-transition: all .2s ease;
		  -moz-transition: all .2s ease;
		  -ms-transition: all .2s ease;
		  -o-transition: all .2s ease;
		  transition: all .2s ease;
		}
		#cssmenu ul > li.has-sub > a::before {
		  content: "";
		  position: absolute;
		  display: block;
		  width: 0;
		  height: 0;
		  border-top: 13px solid #151515;
		  border-botom: 13px solid transparent;
		  border-left: 125px solid transparent;
		  border-right: 125px solid transparent;
		  left: 0;
		  bottom: -12px;
		  bottom: -1px;
		  z-index: 3;
		  opacity: 0;
		  -webkit-transition: all .2s ease;
		  -moz-transition: all .2s ease;
		  -ms-transition: all .2s ease;
		  -o-transition: all .2s ease;
		  transition: all .2s ease;
		}
		#cssmenu ul > li.has-sub::after {
		  content: "";
		  display: block;
		  position: absolute;
		  width: 0;
		  height: 0;
		  border: 7px solid transparent;
		  border-top-color: #dddddd;
		  z-index: 2;
		  right: 20px;
		  top: 24.5px;
		  pointer-events: none;
		}
		#cssmenu ul > li:hover::after,
		#cssmenu ul > li.active::after,
		#cssmenu ul > li.open::after {
		  border-top-color: #ffffff;
		}
		#cssmenu ul > li.has-sub.open > a::after {
		  opacity: 1;
		  bottom: -13px;
		}
		#cssmenu ul > li.has-sub.open > a::before {
		  opacity: 1;
		  bottom: -12px;
		}
		#cssmenu ul ul {
		  display: none;
		}
		#cssmenu ul ul li {
		  border-left: 1px solid #ccc;
		  border-right: 1px solid #ccc;
		}
		#cssmenu ul ul li a {
		  background: #f1f1f1;
		  display: block;
		  position: relative;
		  font-size: 15px;
		  padding: 14px 20px;
		  border-bottom: 1px solid #dddddd;
		  color: #777777;
		  font-weight: 400;
		  -webkit-transition: all 0.25s ease-in;
		  -moz-transition: all 0.25s ease-in;
		  -ms-transition: all 0.25s ease-in;
		  -o-transition: all 0.25s ease-in;
		  transition: all 0.25s ease-in;
		}
		#cssmenu ul ul li:first-child > a {
		  padding-top: 18px;
		}
		#cssmenu ul ul ul li {
		  border: 0;
		}
		#cssmenu ul ul li:hover > a,
		#cssmenu ul ul li.open > a,
		#cssmenu ul ul li.active > a {
		  background: #e4e4e4;
		  color: #666666;
		}
		#cssmenu ul ul > li.has-sub > a::after {
		  border-top: 13px solid #dddddd;
		}
		#cssmenu ul ul > li.has-sub > a::before {
		  border-top: 13px solid #e4e4e4;
		}
		#cssmenu ul ul ul li a {
		  padding-left: 30px;
		}
		#cssmenu ul ul > li.has-sub::after {
		  top: 18.5px;
		  border-width: 6px;
		  border-top-color: #777777;
		}
		#cssmenu ul ul > li:hover::after,
		#cssmenu ul ul > li.active::after,
		#cssmenu ul ul > li.open::after {
		  border-top-color: #666666;
		}
		
		#cssmenu>ul>li.active>a, #cssmenu>ul>li.open>a, #cssmenu>ul>li:hover>a
		{
		background: #016A70;
		color: #fff;
		}
		
		#cssmenu ul>li.has-sub>a::before {
		content: "";
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-top: 13px solid #016A70;
		border-botom: 13px solid transparent;
		border-left: 125px solid transparent;
		border-right: 125px solid transparent;
		left: 0;
		bottom: -12px;
		bottom: -1px;
		z-index: 3;
		opacity: 0;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-ms-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		}




@media (min-width: 992px) {
.pkp_site_name .is_img img {
    max-height: 200px
}	
	
@media (min-width: 992px){
.pkp_page_index .cmp_announcements h2+.obj_announcement_summary, .pkp_page_index .cmp_announcements .more {
    padding-top: 20px;
    padding-bottom: 40px;
}

@media (min-width: 992px){
	.pkp_structure_sidebar>*{		
		position:relative
	}