/* ==================== LATAR BELAKANG HALAMAN ==================== */
html, body {
    min-height: 100vh;
    background-color: #d2d8e1;
    margin: 0;
    padding: 0;
}

/* ==================== CARD UTAMA UNTUK SELURUH ISI ==================== */
.pkp_structure_page {
    margin: 40px auto;
    padding-bottom: 0;
    max-width: 1200px;
    background: #ffffff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    min-height: calc(100vh - 80px);
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
}

/* ==================== HEADER ==================== */
.pkp_site_name {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.pkp_site_name_wrapper {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

.pkp_site_name .is_img img {
    max-height: 200px;
    border-radius: 10px;
}

/* ==================== MENU ATAS ==================== */
.pkp_navigation_primary_wrapper {
    background-color: #1b4175;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.pkp_navigation_primary_row {
    background: #1b4175;
}

/* ==================== NAVBAR LINKS ==================== */
#navigationPrimary a {
    color: #FFFFFF;
}
#navigationPrimary ul a {
    color: #0062B3;
}

#navigationPrimary a:hover {
    color: #000000;
}

#navigationPrimary {
    padding-left: 20px;
}

#navigationPrimary .dropdown-menu {
    margin-left: 0px;
}

/* ==================== HOVER MENU ATAS ==================== */
.pkp_nav_list ul a:hover{
    color: #000000; 
}

.pkp_nav_list ul a:focus {
    background: #0062B3;
}

.pkp_navigation_search_wrapper a {
    color: #FFF;
}

.pkp_navigation_search_wrapper a:hover {
    color: #FFF;
}

.pkp_head_wrapper {
    width: auto !important;
}

/* ==================== SIDE MENU HEAD ==================== */
.sidemenu-head {
    display: block;
    width: 230px;
    height: 40px;
    margin: 20px auto;
    padding: 6px;
    text-align: center;
    line-height: 26px; 
    text-decoration: none;
    color: #fff;
    background-color: #000000;
    font-size: 14px;
    font-family: tahoma;
    text-transform: capitalize;
    transition: all 0.3s ease;
    cursor: pointer;
}



/* ==================== TOMBOL SUBMISSION ==================== */
a.block_make_submission_link {
    margin: auto;
    padding: 7px;
    width: 100%;
    height: 40px;
    text-align: center;
    border-radius: 10% / 50%;
    font-size: 14px;
    color: #fff;
    background: linear-gradient(to bottom, #0062B3, #1b4175); 
    display: inline-block;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    transition: background 0.3s ease;
}

a.block_make_submission_link:hover {
    background: linear-gradient(to bottom, #1b4175, #000000); 
    color: #fff; 
}

/* ==================== FOOTER ==================== */
.pkp_structure_footer_wrapper {
    background: #adb6c2;
    color: #000000;
    padding: 20px;
    margin-top: auto;
    border-top: 1px solid #e0e0e0;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
}

.pkp_footer_content {
    width: 100%;
    clear: both;
}

.pkp_brand_footer {
    width: 100%;
    padding: 10px 0;
    text-align: right;
}

/* ==================== TOMBOL 3D INTERAKTIF ==================== */
.actionBtn3 {
    display: block;
    width: 230px;
    height: 40px;
    margin: 20px auto;
    padding: 5px;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.actionBtn3 .front,
.actionBtn3 .back {
    position: absolute;
    display: block;
    width: 230px;
    height: 40px;
    margin: auto;
    padding: 6px;
    box-sizing: border-box;
    border: 2px solid #000000;
    border-radius: 5px;
    transition: all .5s;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    color: #fff;
    font-size: 14px;
    font-family: tahoma;
    text-decoration: none;
    text-transform: capitalize;
    backface-visibility: hidden;
}

.actionBtn3 .front {
    background-color: #0062B3;
    transform: translateZ(19px);
    -webkit-transform: translateZ(19px);
    -moz-transform: translateZ(19px);
}


.actionBtn3 .back {
	background-color: #1b4175;
	color: #000000;
	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);
  }
  
/* Mengembalikan rotasi ke posisi semula */
.actionBtn3 {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
}

/*statistic*/
.pkp_block {
    padding: 2.143rem 1.43rem;
    font-size: 1rem;
    line-height: 1.43rem;
}