@xo-union/tk-component-header-nav/lib/css/sub-nav.module.css

@value ( var-sp-down-1, var-sp-up-6 ) from "~@xo-union/tk-css-spacing/lib/variables.css";
@value ( varAdditional01Extra200, varBorderDefault, varBackgroundLight, varNeutral600 ) from "~@xo-union/tk-ui-colors/lib/variables.css";
.sub-nav-container {
  background-color: varBackgroundLight;
  border-bottom: 1px solid varBorderDefault;
  color: varNeutral600;
  display: flex;
  white-space: nowrap;
  /* For backwards compatibility, 947px is a legacy value removed with the header redesign */
}
@media (max-width: 947px) {
  .sub-nav-container {
    display: none;
  }
}

.sub-nav-item-list {
  composes: list from "~@xo-union/tk-css-utilities/lib/resets.css";
  display: flex;
  /* Temporary hack to deal with non-responsive reality of the header */
  flex-wrap: nowrap;
  justify-content: center;
  margin: auto;
}

.sub-nav-item-link {
  color: varNeutral600;
  display: block;
}
.sub-nav-item-link:hover {
  color: varAdditional01Extra200;
}

.sub-nav-item-link img {
  margin-right: 0.75rem;
  max-height: 15px;
  max-width: none;
}

.sub-nav-item {
  composes: body2 from "~@xo-union/tk-ui-typography/lib/font-scale-categories.css";
  padding: var-sp-down-1 22px;
}