.pkp_site_name_wrapper {
	height: 13.8vw;
}

.pkp_structure_page {
	max-width: 728px;
}

.has_site_logo .pkp_head_wrapper {
	padding-right: 0px !important;
}

.pkp_site_name_wrapper {
	padding: 0 0 0 0 !important;
}

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

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

.pkp_site_name .is_img img, .pkp_site_name_wrapper {
	height: 101px;
}

@media (min-width: 992px) {
	.pkp_navigation_user li:hover {
		background-color: #feb322;
	}
	
	.pkp_navigation_user_wrapper {
		padding: 4px;
	}
	
	.pkp_structure_page {
		max-width: 952px;
	}
	
	.pkp_site_name .is_img img, .pkp_site_name_wrapper {
		height: 142px;
	}
	
	.pkp_navigation_user_wrapper {
		top: 0px !important;
	}
	
	.pkp_navigation_user li {
		background-color: #22100e;
	}
	
	.pkp_navigation_user > li:last-child > a {
		margin-right: 0px !important;
	}
	
	.pkp_site_name {
		padding-top: 0px !important;
		padding-bottom: 0 !important;
	}
}

@media (min-width: 1200px) {
	.pkp_structure_page {
		max-width: 1160px;
	}
	
	.pkp_site_name .is_img img, .pkp_site_name_wrapper {
		height: 174px;
	}
}

.vertical-menu {
	width: 100%; /* lebar dari menu, saran saya tidak perlu di ubah */
}

.vertical-menu a {
	background-color: #00FF7F; /* Warna pada bagian body menu */
	color: black; /* Warna tulisan */
	display: block;
	padding: 12px;
	text-decoration: none;
	font-family: arial; /*Jenis font*/
}

.vertical-menu a:hover {
	background-color: #ccc; /* Warna efek yang keluar ketika di arahkan mouse */
}

.vertical-menu a.active {
	background-color: #006400; /* Warna pada header menu */
	color: white; /*Warna font*/
	font-family: arial; /*Jenis font*/
}