body {
   margin: 0 !important;
   background: #dedede url("https://journal.dkpp.go.id/templates/images/bg.png");
}

.pkp_structure_page{
  margin: 0 auto;
}

.pkp_structure_page
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.pkp_structure_page:before, .pkp_structure_page:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 30px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 30px rgba(0,0,0,0.8);
    box-shadow:0 0 30px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.pkp_structure_page:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

.pkp_structure_head {
    
}

.pkp_site_name_wrapper{
background: #1967b3 url('https://journal.dkpp.go.id/templates/images/header.png') no-repeat;     
    background-size: cover;
 height:200px;
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

      .pkp_structure_head {
        background-image: none;
    }

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

          .pkp_structure_head {
        background-image: none;
    }

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

          .pkp_structure_head {
        background-image: none;
    }

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

          .pkp_structure_head {
        background-image: none;
    }

}

.page_index_journal {
.jd {

  h5 {
			display: inline-block;
			padding-bottom: 0.5em;
			border-bottom: 3px solid @accent;
			text-transform: uppercase;
			font-weight: @bold;
			color: @text-light;
		}

}
}

.page_index_journal .current_issue {
    display: none !important;
}

.pkp_page_index .homepage_about {
    text-align: justify;
}

.vertical-menu {
  width: 200px;
  text-transform: uppercase;
}

.vertical-menu a {
  background-color: #eee;
  color: black;
  display: block;
  padding: 12px;
  text-decoration: none;
  border-bottom: 1px solid #000;
}

.vertical-menu a:hover {
  background-color: #ccc;
}

.vertical-menu a.active {
  background-color: #4CAF50;
  color: white;
}

.journal-profile-wrapper { font-family: 'Inter', sans-serif; padding: 30px; }
.profile-header { border-bottom: 2px solid #003366; margin-bottom: 20px; }
.stats-bar { display: flex; background: #f8f9fa; padding: 15px; justify-content: space-around; margin-bottom: 30px; border-radius: 8px; border: 1px solid #dee2e6; }
.section-title { color: #003366; font-size: 1.4rem; margin-top: 25px; }
.list-item { display: flex; align-items: start; margin-bottom: 15px; }
.list-item span { font-weight: bold; color: #c5a059; margin-right: 15px; font-size: 1.5rem; }
.sidebar-box { background: #fff; border: 1px solid #ddd; padding: 20px; }
.index-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 15px; }
.submit-btn { display: block; background: #003366; color: white; text-align: center; padding: 10px; margin-top: 20px; text-decoration: none; border-radius: 4px; }
.submit-btn:hover { background: #004a94; }
.index-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 15px;
    margin-top: 15px;
}
.logo-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    transition: all 0.3s ease;
}
.logo-item img {
    max-height: 40px; /* Menyeragamkan tinggi semua logo */
    width: auto;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.3s ease;
}
.logo-item:hover {
    border-color: #003366;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.logo-item:hover img {
    filter: grayscale(0%);
    opacity: 1;
}


.journal-footer { background: #003366; color: #fff; padding: 40px 20px 20px; font-size: 0.9rem; }
.footer-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; max-width: 1100px; margin: auto; }
.footer-section h4 { color: #c5a059; margin-bottom: 15px; border-bottom: 1px solid #c5a059; padding-bottom: 5px; display: inline-block; }
.footer-section a { color: #fff; text-decoration: none; display: block; margin-bottom: 5px; }
.footer-section a:hover { color: #c5a059; }
.footer-bottom { text-align: center; margin-top: 30px; border-top: 1px solid #1a4d7d; padding-top: 20px; color: #a0c0e0; }


.about-journal-wrapper { font-family: 'Segoe UI', Arial, sans-serif; max-width: 900px; margin: auto; padding: 30px; line-height: 1.6; }
.header-section { border-bottom: 3px solid #003366; margin-bottom: 30px; text-align: center; }
.header-section h1 { color: #003366; font-size: 2.5rem; margin-bottom: 5px; }
.vision-mission-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.content-box { border: 1px solid #ddd; padding: 25px; border-radius: 8px; background: #fff; }
.content-box.highlighted { background: #003366; color: #fff; }
.content-box h3 { color: #c5a059; margin-top: 0; }
.id-section { margin-top: 30px; display: flex; justify-content: space-between; background: #f4f4f4; padding: 15px; border-radius: 6px; }
@media (max-width: 768px) { .vision-mission-grid { grid-template-columns: 1fr; } }