
@import url(//db.onlinewebfonts.com/c/261506be3344b3806eefa054f0f6fbf1?family=Tempus+Sans+ITC);

/* Struktur Sidebar */
.kepala {
	color: white;
	background: #1f3f6b;
	padding: 10px;
	font-family: arial;
	line-height: 23px;
	border-bottom: 4px solid #2e5a95;
	font-weight: bold;
	text-align: center;
}

.badan a {
	display: block;
	padding: 10px;
	border-bottom: 1px solid #2e5a95;
	background: #EDEEEE;
	color: #1f3f6b !important;
	text-align: center;
	font-family: Tempus Sans ITC;
}

.badan {
	margin-top: -15px;
}

.badan a:hover {
	background: #D9D9DC;
	color: #2e5a95 !important;
	font-weight: bold;
}

/* Table of Content */
.obj_article_summary {
	box-shadow: 3px 3px 5px;
	padding: 20px;
	border-radius: 10px;
	background: #edeeee;
	padding-bottom: 10px !important;
	border-bottom: solid 4px #1f3f6b !important;
	font-size: 12px;
}

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

.pkp_structure_main h1 {
	font-weight: 600;
	font-size: 20px;
}

.pkp_structure_main a {
	color: #1f3f6b !important;
}

.pkp_structure_main a:hover {
	color: #2e5a95 !important;
}

.obj_galley_link {
	font-weight: 700;
	text-transform: capitalize !important;
	background: #1f3f6b !important;
	color: #ffffff !important;
	border: none !important;
}

.obj_galley_link:hover {
	background: #2e5a95 !important;
	color: #1F2027 !important;
}

/* Footer */
.pkp_structure_footer_wrapper {
	background: #edeeee !important;
	border-bottom: 20px solid #1f3f6b;
}

.pkp_footer_content {
	float: left;
	width: 70%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pkp_brand_footer {
	float: right;
	width: 20%;
	padding-bottom: 10px;
	padding-top: 50px;
}

/* Body & Abstract */
.main_entry .item.abstract {
	text-align: justify;
}

body {
	font-family: tahoma, geneva, sans-serif !important;
}

/* Header */
.pkp_site_name_wrapper {
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin: 0 !important;
}

.pkp_navigation_primary_row {
	text-align: center;
	background: #1f3f6b;
	font-weight: bold;
}

.pkp_site_name {
	margin: 0 !important;
}

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

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

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
	padding: 0 !important;
	margin: 0 !important;
	font-family: tahoma, geneva, sans-serif;
	color: #ffffff !important;
	font-weight: bold !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
	padding: 0 15px !important;
	line-height: 40px !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {
	background: #2e5a95;
	border-radius: 20px;
	color: #1F2027 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
	background: #1f3f6b !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li {
	border-bottom: solid 1px rgb(0 0 0) !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child {
	border-bottom: none !important;
}

.pkp_structure_head {
	background: url(https://wwpublishinghouse.org/public/site/images/adminjurnal/bg-publishinghouse.png);
}

.pkp_site_nav_toggle {
	background-color: #1f3f6b;
}

.pkp_search.pkp_search_desktop {
	color: #ffffffee;
}

.pkp_search.pkp_search_desktop:hover {
	color: #edeeee;
}

/* Homepage */
.homepage_image {
	display: inline-block;
	width: 28%;
	float: right;
}

.homepage_image img {
	margin: 60px 0 0 -20px;
	box-shadow: 4px 2px 5px gray;
	width: 300px;
}

.homepage_about {
	display: inline-block;
	width: 70%;
}

.current_issue {
	display: block;
}

/* Responsive */
@media (max-width: 600px) {
	.homepage_about {
		width: 100%;
	}
}

@media (max-width: 991px) {
	.homepage_about {
		margin-top: 30px;
	}
}

@media (max-width: 360px) {
	.homepage_image {
		width: 90%;
		margin: 0;
	}
	.homepage_about {
		margin-top: 0;
	}
}
