/* Sidebar Journal Box - OJS Custom CSS */

.sidebar-journal-box,
.pkp_block .sidebar-journal-box {
  width: 100% !important;
  background-color: #ffffff !important;
  border: 1px solid #dcdcdc !important;
  border-radius: 4px !important;
  margin-bottom: 20px !important;
  overflow: hidden !important;
  font-family: Arial, Helvetica, sans-serif !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

.sidebar-journal-title,
.pkp_block .sidebar-journal-title {
  background-color: #1f5f8b !important;
  color: #ffffff !important;
  padding: 12px 15px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

.sidebar-journal-list,
.pkp_block .sidebar-journal-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sidebar-journal-list li,
.pkp_block .sidebar-journal-list li {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #eeeeee !important;
}

.sidebar-journal-list li:last-child,
.pkp_block .sidebar-journal-list li:last-child {
  border-bottom: none !important;
}

.sidebar-journal-list li a,
.pkp_block .sidebar-journal-list li a {
  display: block !important;
  position: relative !important;
  padding: 11px 15px 11px 32px !important;
  color: #333333 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  background-color: #ffffff !important;
  transition: all 0.25s ease-in-out !important;
}

.sidebar-journal-list li a::before,
.pkp_block .sidebar-journal-list li a::before {
  content: "›" !important;
  position: absolute !important;
  left: 15px !important;
  color: #1f5f8b !important;
  font-size: 20px !important;
  font-weight: bold !important;
  line-height: 1 !important;
}

.sidebar-journal-list li a:hover,
.pkp_block .sidebar-journal-list li a:hover {
  background-color: #eef6fb !important;
  color: #1f5f8b !important;
  padding-left: 38px !important;
}