.pkp_site_name {padding-top: 0px; padding-bottom: 0px}
.pkp_site_name_wrapper {padding-left: 0; padding-right: 0}
.pkp_site_name .is_img img {max-height: 200px}

/* Menu Atas */
.pkp_navigation_primary_wrapper {background-color: #ccc90c}
.pkp_navigation_primary_row {background: #ccc90c}
#navigationPrimary a {color: #1c1919}

/* Warna Hover Menu Atas */
.pkp_nav_list ul a:hover, .pkp_nav_list ul a:focus {background: #ccc90c}
.pkp_navigation_search_wrapper a {color: #FFF}
.pkp_navigation_search_wrapper a:hover {color: #ccc90c}
.pkp_head_wrapper{
	width: auto !important;
}

.sidemenu-head{
  background-color: #3178c6 !important;
  display: block !important;
  padding: 3px !important;
  text-align: center !important;
  color: #fff000 !important;
  text-decoration: none;
  border-radius: 3px !important;
  box-shadow: inset 0 -1em 1em rgba(0,0,0,0.1);
}
p {
    margin: 5px 0; /* Atur jarak vertikal antar elemen */
    text-align: justify; /* Pusatkan elemen */
}

img {
    display: block;
    margin: auto; /* Pusatkan gambar */
    max-width: 100%; /* Buat gambar responsif */
    height: auto;
}


/* ------------------------------------------------------- */


/* SUBMISSION BUTTON */

a.block_make_submission_link{
	margin: auto;
	padding: 3px;
	width: 100%;
	height: 33px;
	text-align: center;
	border-radius: 5px;
	font-size:14px;
	color: #000;
	background: #fff000
}
a.block_make_submission_link:hover {background: #4d75d1; color: #FFF	}
}


/* ------------------------------------------------------- */

    
/* Settingan Bawah */
.pkp_footer_content {
  float: left;
  width: 74%;
  clear: both;
}

.pkp_brand_footer {
  float: right;
  width: 10%;
  padding: 25px;
}

.pkp_structure_footer_wrapper {
	background:  #ccc90c;
	border-bottom: 0px solid;
}


/* ------------------------------------------------------- */
.actionBtn3 {
    display: block; /* Agar margin bekerja */
    margin: auto; /* Auto-center tombol */
    height: auto;
    width: 235px;
    line-height: 20px;
    padding: 14px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    margin-bottom: 5px; /* Jarak antar tombol */
}


.actionBtn3 .front, .actionBtn3 .back {
	position: absolute;
	display: block;
	width: 220px;
	height: 30px;
	padding: 4px;
	border: 2px solid #ccc90c;
	border-radius: 5px;
	transition: all 0.5s;
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	color: #f7fbfc;
	font-size: 14px;
	font-family: oswald;
	text-decoration: none;
	text-transform: uppercase;
}
.actionBtn3 .front {
	background-color:#32A3E4;
	transform:translateZ(19px);
	-webkit-transform:translateZ(19px);
	-moz-transform:translateZ(19px);
}
/*
.actionBtn3 .back {
	background-color:#ccc90c;
	color:#fff;
	transform:rotateX(-90deg) translateZ(19px);
	-webkit-transform:rotateX(-90deg) translateZ(19px);
	-moz-transform:rotateX(-90deg) translateZ(19px);
}
.actionBtn3:hover {
	transform:rotateX(90deg);
	-webkit-transform:rotateX(90deg);
	-moz-transform:rotateX(90deg);
}
*/
.actionBtn3 .back {
	background-color:#ccc90c;
	color:#fff;
	transform:rotateY(-90deg) translateZ(19px);
	-webkit-transform:rotateY(-90deg) translateZ(19px);
	-moz-transform:rotateY(-90deg) translateZ(19px);
}
.actionBtn3:hover {
	transform:rotateY(90deg);
	-webkit-transform:rotateY(90deg);
	-moz-transform:rotateY(90deg);
}

/* ------------------------------------------------------- */