/*
 * primary-navigation.css — compiled once from source/scss/primary-navigation.scss (webpack/wp-scripts removed).
 * This is now a hand-maintained static file; edit it directly.
 */

/**
 * MIXINS
 */
#nav-primary.menu {
  display: none;
  background-color: transparent;
  background:none;
  border-top:2px solid var(--monitor-100);
  border-bottom:3px solid var(--monitor-500);
}

@media screen and (min-width: 1024px) {
  #nav-primary.menu {
    display: block;
  }
}
#nav-primary .menu-item a {
  padding: 11px 10px;
}
#nav-primary .menu-item a.has-children {
  padding-right: 10px !important;
}
#nav-primary .menu-item a.has-children:after {
  display: none;
}

.menu .badge {
  background-color: red;
  color: white;
  border-radius: 100px;
  font-size: x-small;
  padding: 4px 7px;
  margin-left: 3px;
  margin-top: -6px;
}
.menu .badge--new {
  background-color: red;
  color: white;
  border-radius: 50%;
  font-size: x-small;
  position: absolute;
  top: 10px;
  right: 15px;
  padding: 5px;
  line-height: 2.1;
  margin-left: 3px;
  font-weight: 800;
}

#nav-primary.menu {
  letter-spacing: 0.04em;
  font-size: 1em;
}
#nav-primary.menu li {
  text-transform: none;
}
#nav-primary.menu a {
  padding: 11px 15px;
  text-shadow: none;
}
#nav-primary.menu .menu .badge {
  float: right;
}

#nav-primary.menu li {
  border:0;
}

#nav-primary.menu a {
  color:var(--ink-300);
  font-weight:500 ;
  text-transform: uppercase;
  font-size:var(--font-size-menu);
}

.home.menu-item {
  display:none;
}
#nav-primary.menu li:hover,
#nav-primary.menu li.current-menu-item:hover{
  background-color: var(--monitor-100);
}


#nav-primary.menu .current-menu-item {
  background: none;
  border-bottom:1px solid var(--monitor-100);
}