.canvi-c-breadcrumbs {

  @extend %responsive-aligndefault-width;

  &__links {

    position: relative;
    font-size: var(--global--font-size-sm);
    margin: 0 0 var(--global--spacing-vertical-large) 0;
    display: flex;
    padding-left: 30px;
    margin-bottom: 0;

    @include media(mobile) {
      font-size: var(--global--font-size-lg);
      padding-left: 118px;
    }

    li {
      color: var(--global--color-text-base);
      list-style: none;
      margin-left: 5px;

      a {

        color: var(--global--color-text-base);
        text-decoration: none;

        &:hover {

          @include hover-navigation()

        }
      }


    }


    &:before {
      width: 20px;
      height: 2px;
      content: "";
      background: var(--global--color-black);
      position: absolute;
      top: 40%;
      left: 0;

      @include media(mobile) {


        width: 102px;


      }


    }


  }

}

//Content box

.canvi-c-article-box {

  margin: auto;
  width: var(--responsive--aligndefault-width-post);


  &:not(.-full-width-thumbnail) {
    margin-bottom: var(--global--spacing-vertical);
    max-width: 100%;

    @include media(mobile) {

      display: flex;

    }

    .canvi-c-article-box__thumbnail-wrapper {

      @include media(mobile) {
        width: 250px;
      }

      .post-thumbnail {

        @include media(mobile) {

          width: 250px;

        }

        .wp-post-image {

          @include media(mobile) {

            width: 235px;

          }

        }

      }

    }

    .canvi-c-article-box__content-wrapper {

      @include media(mobile) {
        width: 490px;
        margin-left: 40px;
      }

      &__header {

        margin: 15px 0 10px 0;

        &__title {

          font-size: var(--heading--font-size-h5);
          line-height: var(--heading--line-height-h5);
          margin-bottom: 10px;

          a {
            text-decoration: none;

            &:hover {
              @include hover-global();
            }

          }

        }
      }

      &__content {

        margin: 0;

        a:not(.canvi-a-button):not(.more-link) {

          text-decoration: none;
          color: var(--global--color-text-base);

        }

        p {
          margin: 0;

          a:not(.canvi-a-button) {
            text-decoration: none;
            color: var(--global--color-text-base);
          }

        }

      }

      &__footer {

        margin: 10px 0 0 0;

      }

    }
  }

  // Full width thumbnail version

  &.-full-width-thumbnail {

    margin-bottom: 80px;

    .canvi-c-article-box__thumbnail-wrapper {
      margin-bottom: var(--global--spacing-vertical-text);
    }

    .canvi-c-article__header__title {

      margin: 0 0 var(--global--spacing-vertical-text) 0;


    }


  }

}

/*
Article Components
*/

.canvi-a-icon-label {
  display: flex;

  &__text {
    margin-left: 5px;
    color: var(--global--color-text-lighten);
    font-size: var(--global--font-size-md);
  }
}

.canvi-c-author-info {

  display: flex;
  align-items: center;

  &__avatar {

    margin-right: 10px;

    img {
      border-radius: 50%;
    }

  }

  &__name {

    font-size: var(--global--font-size-md);
    font-weight: 700;


  }

}

/*
Columns
*/

.canvi-c-columns {

  @extend %responsive-aligndefault-width;

  @include media(tablet) {
    display: flex;
  }


  &__item {

    &.--force-left {
      margin-left: 0;
      margin-right: auto;
    }


    + .canvi-c-columns__item {

      @include media(tablet) {

        margin-left: var(--global--spacing-horizontal);

      }

    }

  }

  &.--align-right {

    justify-content: flex-end;

  }

}