:root {
  --navbar-background-color: var(--light-color);
  --navbar-background-image: none;
  --navbar-color: var(--grey-color);
  --navbar-color-hover: var(--secondary-color);
  --navbar-decoration-hover: none;
  --navbar-color-active: var(--primary-color);
  --navbar-decoration-active: none;
  --navbar-height: 65px;
  --navbar-shadow:  0px 3px 6px #0000001A;
  --navbar-font-size: 14px;
}

navbar .uk-navbar-container {
  background: var(--navbar-background-color) !important;
  background-image: var(--navbar-background-image) !important;
  background-size: cover  !important;
  height: var(--navbar-height);
  border-bottom: none !important;
  box-shadow: var(--navbar-shadow);
  font-size: 14px;
}

.uk-navbar-container .uk-logo {
  padding-top: 10px;
  padding-bottom: 10px;
}

.uk-navbar-container .uk-logo > img {
  max-height: calc(var(--navbar-height) - 20px);
}

.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
  min-height: var(--navbar-height);
  color: var(--navbar-color) !important;
}

.uk-navbar-item, .uk-navbar-nav > li:hover > a {
  color: var(--navbar-color-hover) !important;
  text-decoration: var(--navbar-decoration-hover);
}

.uk-navbar-item, .uk-navbar-nav > li.uk-active > a {
  color: var(--navbar-color-active) !important;
  text-decoration: var(--navbar-decoration-active);
}

.uk-navbar-nav > li.uk-active >a::before, .uk-navbar-nav >li:hover >a::before, .uk-navbar-nav >li >a[aria-expanded=true]::before {
  opacity: 0;
}