@import url("../../../assets/css/variables.css");

.navs-parent nav ul {
  list-style: none;
  display: block;
  padding: 0
}

.navs-parent nav li {
  margin: 8px 0;
  display: block;
}

.navs-parent nav a {
  display: block;
  color: var(--text-color-darkest);
  text-decoration: none;
  padding: 12px 24px;
  transition: all 0.2s ease;
  border-left: 3px solid transparent;
  font-weight: 500;
}

.navs-parent nav a:hover {
  background: var(--primary-color-lighter);
  border-left-color: var(--primary-color-for-nav);
  color: var(--primary-color-for-nav);
}

.navs-parent nav a.active {
  font-weight: bold;
  color: var(--secondary-color-for-nav);
  border-bottom: 2px solid var(--secondary-color-for-nav);
}