@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

.pkp_site_nav_menu{
	border-radius:10px 10px 0 0;
}

.pkp_navigation_primary_wrapper{
	padding:5px 20px;
}

.pkp_navigation_primary li a{

  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.0em;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
}

.pkp_structure_footer_wrapper{
	background:#fff;
}

.pkp_footer_content{
	padding:0px;
}

.pkp_brand_footer{
	display:none;
}

.pkp_nav_list li.profile a{
    color:#000000;
    /* padding:2px 5px;
    background-color: #000000;
    border-radius: 5px; */
    font-weight: bold;
    text-transform: uppercase;
}

.pkp_nav_list li.profile ul li{
    color:#ffffff;
    padding:0px;
    background-color: #000000;
    border-radius: 0px;
}

.pkp_nav_list li.profile ul li a{
    color:#ffffff;
    background-color: #000000;
}

.pkp_nav_list li.profile ul li a:hover{
    color:#ffe600;
    background-color: #000000;
}

/* General styles for the footer */
.footer {
    background-color: #fff; /* Light gray background */
    padding: 20px 0; /* Padding on top and bottom */
    color: #333; /* Dark text color */
    font-family: Arial, sans-serif; /* Font family */
    display: flex; /* Use flexbox for layout */
    justify-content: space-between; /* Space out the columns */
    align-items: flex-start; /* Align items at the start of the container */
}

/* Styling for columns */
.footer .col-4 {
    flex: 1; /* Allow columns to grow equally */
    padding: 10px 15px; /* Padding inside each column */
    max-width: 33.33%; /* Ensure columns do not exceed 1/3 of the container */
}

/* Styling for headings */
.footer h3 {
    font-size: 1.2em; /* Larger font size for headings */
    margin-bottom: 10px; /* Space below the heading */
    color: #000000; /* Blue color for headings */
}

/* Styling for paragraphs */
.footer p {
    margin: 5px 0; /* Margin above and below paragraphs */
}

/* Styling for contact info section */
.footer .contact-info {
    margin-bottom: 10px; /* Space below contact info */
}

/* Styling for phone number */
.footer .phone .value {
    font-weight: bold; /* Bold font for phone number */
}

/* Styling for email */
.footer .email {
    margin-top: 5px; /* Space above email */
    font-style: italic; /* Italic font for email */
}

/* Styling for information links */
.footer .col-4 p:hover {
    text-decoration: underline; /* Underline on hover */
    cursor: pointer; /* Pointer cursor on hover */
}

.credit_footer{
	background:#ccc;
	padding:10px 30px;
	text-align:center;
}


/* General styles for the journal description */
.about_jurnal {
    font-family: Arial, sans-serif;
    color: #333;
    line-height: 1.6;
}

/* Container for the row */
.row_about {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
}

/* Styling for the columns */
.column_tentang {
    flex: 1;
    padding: 15px;
}

/* Specific styling for the image column */
.cover_jurnal {
    flex: 0 0 30%; /* Adjust this value to control the width of the image column */
}

/* Specific styling for the journal details column */
.journal_details {
    flex: 1;
    padding-left: 20px;
}

/* Styling for the ISSN and other details */
.journal_details p {
    margin: 10px 0;
}

/* Styling for the submit paper link */
.journal_details .show_tombol a {
    display: inline-block;
    padding: 10px 15px;
    background-color: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.journal_details .show_tombol a:hover {
    background-color: #0056b3;
}

/* Styling for the image */
.column_tentang img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}



/* Styling for the block title */
.judul_menu {
    font-family: Arial, sans-serif;
    font-size: 1.0em;
    color: #fff;
    background-color: #000000;
    font-weight:bold;
    display: block;
    padding:10px 15px;
    padding-top:13px;
    border-radius: 5px 5px 0 0;
}

/* Styling for the side menu */
.menu_ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #191550; /* Light gray background */
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); /* Subtle shadow */
}

/* Styling for menu items */
.menu_item {
    border-bottom: 1px solid #ddd; /* Light border between items */
}

.menu_item:last-child {
    border-bottom: none; /* Remove border for the last item */
}

/* Styling for the links */
.menu_item a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    padding: 8px 15px;
    transition: background-color 0.3s, color 0.3s;
}

.menu_item a:hover {
    background-color: #192633; /* Blue background on hover */
    color: #ffe600; /* White text on hover */
}

/* Styling for the text inside the links */
.menu_item a span {
    display: inline-block;
}