/* https://fastwork.id/user/subhanahmd/web-development-96050589?badges=&page=1&position=2&q=ojs&source=search */


html, body {
  background: url(https://ittelkom-pwt.ac.id/wp-content/uploads/2020/09/motif-background.jpg);
  background-size: 300px;
}

.homepage_image {
    display:inline-block;
    width:28%;
    margin-left:0px;
    float:right;
}

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

 }

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


.current_issue{
    display:block;
}

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


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


}


@media (max-width: 360px) {
/* For mobile phones: */
    .homepage_image {
        width:90%;
        margin:0;
    }

        .homepage_about{
        margin-top:0px;
    }
}

.homepage_about p{
    text-align:justify;
}

.pkp_structure_head {
    background-color: transparent;
}

.pkp_site_name .is_img img {
    display: block;
    max-height: 300px;
    max-width: 100%;
    width: auto;
    height: auto;
}

.pkp_navigation_primary_wrapper {
    width: auto;
    padding-left: 2%;
}

.pkp_block .title {
    display: inline-block;
    color: #053461;
    width: 100%;
    padding: 8px;
    padding-bottom: 0.5em;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #053461;
    text-align: center;
    background-color: #3faae2;
}

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

.vertical-menu a {
background-color: #053461; /* Warna pada bagian body menu */
color: #fff; /* Warna tulisan */
display: block;
padding: 8px;
border-bottom:1px solid #F69321;
text-decoration: none;
font-family: "Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif; /*Jenis font*/
font-size: 13px;
}

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

.vertical-menu a.active {
background-color: #053461; /* Warna pada header menu */
color: white; /*Warna font*/
font-family: "Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif; /*Jenis font*/
}

/* ==== BLOCK MAKE SUBMISSION ==== */
.block_make_submission a {
  display: block;
  background: #f9f9f9; /* hijau cerah */
  border: 2px solid #053461;
  border-radius: 6px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* bayangan luar elegan */
  font-size: 1.2rem;
  padding: 0.75rem 1.5rem; /* membuat tombol lebih tinggi */
  line-height: 1.5;
  color: #053461;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  transition: background-color 0.3s, box-shadow 0.3s;
}

.block_make_submission a:hover {
  background: #053461;
  color: white;
  transform: scale(1.02); /* Sedikit membesar saat hover */
  transition: 0.6s;
}

.pkp_brand_footer {
    display: none;
}

.pkp_navigation_user.pkp_navigation_user {
        margin: 0;
        margin-top: 3%;
        margin-left: -2%;
        padding: 0;
        border: none;
    }

.pkp_structure_content {
    background: #fff;
}

.editorial-img {
  width: 110px !important;
  height: 150px !important;
  object-fit: cover;
  border-radius: 5px;
}