/* =======================================
   J-ITLE Custom Journal Style Sheet
   Theme color: Blue #0e2d45, Red #d7262d, Dark Text #1a1a1a
======================================= */

/* Body & Base Text */
body, .pkp_page_content {
  font-family: "Segoe UI", "Open Sans", sans-serif;
  color: #1a1a1a;
  background-color: #ffffff;
  line-height: 1.7;
}

/* Header Bar */
.pkp_structure_head {
  background-color: #0e2d45;
  color: #ffffff;
}
.pkp_site_name a,
.pkp_site_name a:hover {
  color: #ffffff;
  font-weight: bold;
  font-size: 1.3em;
}

/* Navigation Menu */
.navbar-nav > li > a {
  color: #ffffff !important;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
  background-color: #d7262d !important;
}

/* Main Article Title */
.obj_article_details h1,
.page_issue h1,
.pkp_page_index h2 {
  color: #0e2d45;
  font-weight: 700;
}

/* Sidebar Blocks */
.sidebar .pkp_block {
  background: #f5f8fa;
  border: 1px solid #d9e2ec;
  padding: 10px 12px;
  margin-bottom: 20px;
}

/* Links */
a {
  color: #d7262d;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* Buttons */
.pkp_button,
.btn-primary {
  background-color: #d7262d;
  border-color: #d7262d;
  color: #fff;
}
.pkp_button:hover,
.btn-primary:hover {
  background-color: #b41f25;
  border-color: #a51c22;
}

/* Footer Styling */
.pkp_structure_footer {
  background-color: #0e2d45;
  color: #ffffff;
  padding: 20px;
  font-size: 0.9em;
  text-align: center;
}
.pkp_structure_footer a {
  color: #ffffff;
  text-decoration: underline;
}

/* Article Abstract & Body */
.obj_article_details .abstract,
.obj_article_details .article_body {
  text-align: justify;
  margin-bottom: 2em;
}

/* Headings */
h1, h2, h3, h4 {
  color: #0e2d45;
}

/* Tables */
table {
  border-collapse: collapse;
  width: 100%;
}
table th {
  background-color: #0e2d45;
  color: white;
  padding: 8px;
}
table td {
  padding: 8px;
  border: 1px solid #ddd;
}

/* TOC (Table of Content) Styling */
.obj_issue_toc h4 {
  color: #d7262d;
}

/* Responsive Tweaks */
@media (max-width: 768px) {
  .pkp_site_name {
    font-size: 1em;
  }
}