//core/categories
.wp-block-categories-list {
  & .cat-item {
    list-style: none;
  }
}

//nav link
.wp-block-navigation-item:not(.is-style-acclivity-gradient-nav-link) {
  .wp-block-navigation-item__content {
    position: relative;

    &::before {
      content: "";
      position: absolute;
      bottom: -0.5rem;
      left: 0;
      width: 0px;
      height: 2px;
      background-image: var(--wp--preset--gradient--neon-pink-to-neon-blue);
      transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    &:hover::before {
      width: 100%;
    }
  }
}

//post-template
@media only screen and (min-width: 37.5em) {
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li {
    min-width: 15.625rem;
  }
} //<600px

//post feature image
.archive-query {
  & .wp-block-post-template {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  & .wp-block-post-featured-image {
    height: 100%;
    & a {
      height: 100%;
    }
  }
}

//post pagination
.is-layout-flex.wp-block-query-pagination {
  margin-top: 2rem;
}

//Comments From Author of post
li.bypostauthor {
  & .wp-block-comment-author-name a,
  .wp-block-comment-date time a,
  .wp-block-comment-content p {
    color: var(--wp--preset--color--primary);
  }
}

//CSS when post within the query block does not have an image [ARCHIVE & SEARCH TEMPLATE]
.wp-block-post-template li {
  & .wp-block-columns {
    & div.wp-block-column:empty {
      flex-basis: 0% !important;
      display: none;
    }

    & div.wp-block-column:empty ~ div.wp-block-column:not(:empty) {
      flex-basis: 100% !important;
    }
  }
}

//Modal
.wp-block-navigation__responsive-container.is-menu-open.has-modal-open {
  & .wp-block-navigation__responsive-container-content {
    align-items: center;

    & .wp-block-navigation__container {
      font-size: var(--wp--preset--font-size--huge);
      align-items: center;
    }

    &
      .wp-block-navigation-item.is-style-acclivity-gradient-nav-link.wp-block-navigation-link {
      z-index: auto;
      background-color: var(--wp--preset--color--background) !important;
    }
  }
}