.w3-theme-l5 {color:#000 !important; background-color:#f0f0f0 !important}
.w3-theme-l4 {color:#000 !important; background-color:#cccccc !important}
.w3-theme-l3 {color:#fff !important; background-color:#999999 !important}
.w3-theme-l2 {color:#fff !important; background-color:#666666 !important}
.w3-theme-l1 {color:#fff !important; background-color:#333333 !important}
.w3-theme-d1 {color:#fff !important; background-color:#000000 !important}
.w3-theme-d2 {color:#fff !important; background-color:#000000 !important}
.w3-theme-d3 {color:#fff !important; background-color:#000000 !important}
.w3-theme-d4 {color:#fff !important; background-color:#000000 !important}
.w3-theme-d5 {color:#fff !important; background-color:#000000 !important}

.w3-theme-light {color:#000 !important; background-color:#f0f0f0 !important}
.w3-theme-dark {color:#fff !important; background-color:#000000 !important}
.w3-theme-action {color:#fff !important; background-color:#000000 !important}

.w3-theme {color:#fff !important; background-color:#000000 !important}
.w3-text-theme {color:#000000 !important}
.w3-border-theme {border-color:#000000 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#000000 !important}
.w3-hover-text-theme:hover {color:#000000 !important}
.w3-hover-border-theme:hover {border-color:#000000 !important}

.smaller {
    font-size: 0.8em; /* 20% smaller */
}

.smaller-two {
    font-size: 0.64em; /* 36% smaller (0.8em * 0.8em) */
}

/* Dropdown */
.nav__dropdown {
  overflow: hidden;
  max-height: 31px;
  transition: .4s ease-in-out;
}
.nav__dropdown-collapse {
  background-color: var(--first-color-light);
  border-radius: .25rem;
  margin-top: 1rem;
}
.nav__dropdown-collapse-side {
  background-color: var(--first-color-light);
  border-radius: .25rem;
  margin-top: -1.5rem;
  padding: 1.75rem; 
  font-size: var(--smaller-two-font-size);
/*   font-size: var(--smaller-font-size); */
  font-weight: var(--font-small);
}
.nav__dropdown-content {
  display: grid;
  row-gap: .5rem;
  padding: .75rem 2.5rem .75rem 0.8rem;
}
.nav__dropdown-content-side {
  display: grid;
  row-gap: .5rem;
  padding: 1.5rem 2.5rem .75rem 0.8rem;
}
.nav__dropdown-item {
  font-size: var(--smaller-two-font-size);
  font-weight: var(--font-medium);
  color: var(--text-color);
}
.nav__dropdown-item:hover {
  color: var(--first-color);
}
.nav__dropdown-icon {
  margin-left: auto;
  transition: .4s;
}
/* Show dropdown collapse */
.nav__dropdown:hover {
  max-height: 100rem;
}
/* Rotate icon arrow */
.nav__dropdown:hover .nav__dropdown-icon {
  transform: rotate(180deg);
}
/*===== Show menu =====*/
.show-menu {
  left: 0;
}
/*===== Active link =====*/
.active {
  color: var(--first-color);
}