// // navigation // // stylelint-disable selector-no-type, max-nesting-depth, selector-max-compound-selectors, selector-max-type, selector-max-specificity

// entry-breadcrumb nav

.entry-head-nav {

@include mq(md) {
  margin-top: -$sp-4;
}
display: flex;
overflow-x: scroll;
white-space: nowrap;  

.entry-head-breadcrumbs {
  padding-left: 0;
  padding-top: $sp-2;
  margin-bottom: 0;
  margin-top: 0;
  align-self: center;
  list-style: none;

  .entry-head-breadcrumb {
    @include fs-2;
    display: flex;
    flex-direction: row;
    padding-left: $sp-2;

    &::before {
      display: none;
    }
  }
}

}

// entry-foot nav

.entry-foot-wrapper {

margin-top: $sp-6;
margin-bottom: $sp-6;
display: flex;

.entry-foot-nav-title {
  @include fs-4;
  color: $entry-foot-text-color;
}

.entry-foot-nav-subtitle {
  @include fs-2;
  color: $entry-foot-text-color;
}

.entry-foot-nav {
  display: flex;
  flex-direction: column;
  border-radius: 16px;

  .entry-foot-nav-sections {
    display: flex;
  }

  .entry-foot-nav-section {
    padding-left: $sp-2;
    padding-right: $sp-2;
  }

  .entry-foot-nav-list {
    display: block; // columns require block
    column-count: 2;
    column-width: $content-width / 6;
    padding-left: 0;
    list-style: none;

    .entry-foot-nav-list-item {
      border-radius: 16px;
      padding: $sp-1;
      max-width: $content-width / 4;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;

      &::before {
        display: none; 
      }
    }
  }
}

}