.homegrade-page--parcours {
  .parcours-content-wrapper {
    @apply mt-1;
  }
  aside,
  .single-editor-content {
    @apply py-4;
  }
  aside a {
    text-decoration: none !important;
    @apply !font-normal !text-black;
    transition: all 0.1 !important;

    &:hover {
      @apply !bg-transparent;
    }
    &.active {
      @apply !font-bold;
    }
  }

  h1 {
    @apply text-4xl font-bold;
  }
  h2 {
    @apply text-3xl font-bold;
  }
  h3.homegrade-blocks-custom-heading,
  h3.wp-block-heading {
    @apply text-secondary;
  }

  .parcours-steps {
    @apply flex flex-col gap-y-6;
  }
  .parcours-other-steps-suggestion {
    @apply bg-white !p-6 !pr-16  rounded-3xl shadowed flex items-center gap-4;
    transition: transform 0.3s ease;
    &:hover {
      @apply translate-x-4 !bg-white !rounded-3xl;
    }

    .step-icon {
      @apply w-12 h-12 relative;
    }
    span::after {
      transition: transform 0.3s ease;
      content: ' ';
      @apply inline-block absolute w-3 h-3  right-6 top-1/2 -translate-y-1/2 filter-secondary;
      background-image: url('../resources/img/graphic-assets/chevron_right.svg');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    }
  }

  .parcours-steps {
    @apply sticky top-0;
  }
  .parcours-other-steps-suggestion {
    @apply !font-bold flex relative;
  }
}
.current-steps-index {
  @apply chapter_index;

  @apply !static;
  .chapter_index__list {
    @apply !relative;
  }
  .chapter_index__link {
    @apply !static;
    a {
      @apply !block;
    }
  }
  .chapter_index__title {
    @apply my-0;
  }
  .chapter_index__position-indicator {
    @apply bg-secondary;
  }
}
