/* ChartsView Custom Forum Styling */

/* Dark themed background for the forum */
#Kunena {
  background-color: #2c2d2d !important;
  color: #e0e0e0 !important;
  padding: 10px;
}

#Kunena .container {
  background-color: #2c2d2d !important;
}

/* Forum category headers - steel blue */
#Kunena .card-header,
#Kunena .kheader,
#Kunena .card-header h3,
#Kunena .card-header h2 {
  background-color: #5388b4 !important;
  color: #fff !important;
  border-bottom: 2px solid #d9d9d9;
}

#Kunena .card-header a,
#Kunena .card-header h3 a,
#Kunena .card-header h2 a {
  color: #fff !important;
}

/* Table rows with alternating colors */
#Kunena .card-body {
  background-color: #f2f1ee !important;
}

#Kunena .card {
  border: 1px solid #555 !important;
  margin-bottom: 5px !important;
}

/* Forum sub-navigation tabs - button styled */
#Kunena .knavigation,
#Kunena ul.nav-tabs,
#Kunena .knav {
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  gap: 2px !important;
  border-bottom: none !important;
  background: transparent !important;
}

#Kunena .nav-tabs .nav-link,
#Kunena .nav-tabs .nav-item .nav-link,
#Kunena ul.nav-tabs li a {
  background-color: #737373 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 5px 5px 0 0 !important;
  padding: 0 10px !important;
  line-height: 2.3em !important;
  font-size: 1em !important;
  text-decoration: none !important;
  display: block !important;
}

#Kunena .nav-tabs .nav-link:hover,
#Kunena .nav-tabs .nav-item .nav-link:hover,
#Kunena ul.nav-tabs li a:hover {
  background-color: #5388b4 !important;
  color: #fff !important;
}

#Kunena .nav-tabs .nav-link.active,
#Kunena .nav-tabs .nav-item.active .nav-link,
#Kunena .nav-tabs .nav-item .nav-link.active,
#Kunena ul.nav-tabs li.active a {
  background-color: #5388b4 !important;
  color: #fff !important;
}

/* Links in forum */
#Kunena a {
  color: #42abe0 !important;
}

#Kunena .card-header a {
  color: #fff !important;
}

/* Topic list styling */
#Kunena .topic-item,
#Kunena .category-item {
  border-bottom: 1px solid #ddd;
}

/* Pagination and breadcrumbs */
#Kunena .pagination .page-link {
  background-color: #737373 !important;
  color: #fff !important;
  border: none !important;
}

#Kunena .pagination .page-item.active .page-link {
  background-color: #5388b4 !important;
}

/* Buttons */
#Kunena .btn-primary,
#Kunena .kbutton {
  background-color: #5388b4 !important;
  border-color: #5388b4 !important;
  color: #fff !important;
}

#Kunena .btn-primary:hover,
#Kunena .kbutton:hover {
  background-color: #42abe0 !important;
}

/* Login box area on forum */
#Kunena .kprofilebox,
#Kunena .kwelcome {
  background-color: #3a3a3a !important;
  color: #e0e0e0 !important;
  padding: 10px !important;
  margin-bottom: 10px !important;
  border-radius: 3px !important;
}

#Kunena .kprofilebox input[type="text"],
#Kunena .kprofilebox input[type="password"] {
  padding: 4px 8px;
  border: 1px solid #555;
  border-radius: 3px;
  background: #fff;
}


/* Override kunena.css visibility:hidden on collapse/toggle buttons */
#kunena.layout .kfrontend .btn-toolbar .btn,
#Kunena .kfrontend .btn-toolbar .btn {
    visibility: visible !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,0.5) !important;
    background-color: rgba(255,255,255,0.15) !important;
}
#kunena.layout .kfrontend .btn-toolbar .btn:hover,
#Kunena .kfrontend .btn-toolbar .btn:hover {
    background-color: rgba(255,255,255,0.3) !important;
    border-color: rgba(255,255,255,0.8) !important;
}
#kunena.layout .kfrontend .btn-toolbar svg,
#Kunena .kfrontend .btn-toolbar svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}