:root {
  --dropdown-background: var(--light-color);
  --dropdown-shadow: var(--shadow-main);
  --dropdown-color: var(--grey-color);
  --dropdown-background-hover: var(--light-blue);
  --dropdown-font-size: 14px;
}


.uk-navbar-dropdown, .uk-dropdown {
  background: var(--dropdown-background);
  box-shadow: var(--dropdown-shadow);
  border-radius: 0;
  padding: 5px 0;
}

.uk-navbar-dropdown-nav > li > a, .uk-dropdown-nav > li > a {
  padding: 5px 30px;
  background: transparent;
  color: var(--dropdown-color) !important;
  font-weight: normal;
  display: inherit;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: nowrap;
}

.uk-navbar-dropdown-nav > li:hover > a, .uk-dropdown-nav > li:hover > a,
.uk-navbar-dropdown-nav > li.uk-active > a, .uk-dropdown-nav > li.uk-active > a {
  background: var(--dropdown-background-hover);
}

.uk-navbar-dropdown-nav > li.uk-active > a, .uk-dropdown-nav > li.uk-active > a {
  font-weight: 600;
}

.uk-nav > .uk-nav-divider {
  margin: 5px 0;
}