@import '../../../themes/variables.scss';

.mobile-nav-content {
  & * {
    box-sizing: border-box;
  }

  margin: 0;
  height: auto;
  list-style: none;
  padding: 20px 16px 0;

  & .subnavigation-list,
  & .subroutes-list {
    list-style: none;
  }

  .parent-list-item {
    width: 100%;
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;

    a {
      font-size: 14px;
      color: #000000;
      font-weight: 600;
      line-height: 20px;
      font-style: normal;
      font-family: $font-01;
      letter-spacing: 0.1px;
      transition: color $button-transition;

      &:hover {
        color: $highlightColor;
        transition: color $button-transition;
      }
    }
  }
}