/**
Article Layout
*/
.rocksite-l-article {

  .rocksite-l-article__header {

    @extend %responsive-aligndefault-width;

    @include media(mobile) {
      margin-top: 50px;
      margin-bottom: 56px;
    }


    &__title {

      margin-bottom: 20px;

      @include media(mobile) {
        margin-bottom: 50px;
      }

    }

    &__top-meta {
      margin-bottom: var(--global--spacing-vertical);

      @include media(mobile) {
        display: flex;
        justify-content: space-between;
      }


      &__left {

        margin-bottom: 20px;

        @include media(mobile) {
          margin-bottom: 0;
        }

      }

      &__right {

      }
    }

    &__thumbnail {
      margin-bottom: 40px;
    }


    &__meta {

      @include media(mobile) {
        display: flex;
        justify-content: space-between;
      }

      &__left {

        display: flex;
        align-items: center;
        margin-bottom: 20px;

        @include media(mobile) {
          margin-bottom: 0;
        }

        .rocksite-c-author-info {

          margin-right: 40px;


        }

        .entry-meta {

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

          margin: 0;

        }

      }

      &__right {

        margin-bottom: 20px;

        @include media(mobile) {
          margin-bottom: 0;
        }

      }

    }


  }


  .rocksite-l-article__footer {

    padding: var(--global--spacing-horizontal) 0;
    border-top: 1px solid var(--global--color-gray-lighten);
    border-bottom: 1px solid var(--global--color-gray-lighten);
    margin-bottom: 65px;

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

    &__left {

      margin-bottom: 40px;

      @include media(mobile) {
        width: 50%;
        margin-bottom: 0;
      }

    }

    &__right {


      @include media(mobile) {
        width: 50%;
        display: flex;
        justify-content: flex-end;
      }


      > * {
        align-self: end;
      }

    }

  }


}

.entry-title {

  color: var(--entry-header--color);
  font-size: var(--heading--font-size-h1);
  letter-spacing: var(--heading--letter-spacing-h2);
  line-height: var(--entry-header--line-height-h1);
  overflow-wrap: break-word;

  a {
    color: var(--entry-header--color-link);
    text-underline-offset: 0.15em;

    &:hover {
      color: var(--entry-header--color-hover);
    }

    &:focus {
      color: var(--entry-header--color-focus);
    }

    &:active {
      color: var(--entry-header--color-link);
    }
  }
}

.entry-meta {

  color: var(--global--color-text-lighten);
  font-size: var(--global--font-size-xs);
  margin: 0 0 10px 0;

  a {

    &:hover {
      color: var(--global--color-text-base);

    }
  }

}

.singular .entry-title {
  font-size: var(--global--font-size-page-title);
}

h1.entry-title {
  line-height: var(--heading--line-height-h1);
  font-weight: var(--heading--font-weight-page-title);
}

/**
 * Entry Content
 */

.entry-content,
.entry-summary {
  font-family: var(--entry-content--font-family);
}

.entry-content {

  font-size: var(--global--font-size-md);
  line-height: var(--global--line-height-md);

  p {
    word-wrap: break-word;
    line-height: var(--global--line-height-md);
  }

  // Overwrite iframe embeds that have inline styles.
  > iframe[style] {

    margin: var(--global--spacing-vertical) 0 !important;
    max-width: 100% !important;

    @include media(mobile) {
      max-width: var(--global--spacing-vertical) !important;
    }
  }

  // Classic editor audio embeds.
  .wp-audio-shortcode {
    @extend %responsive-aligndefault-width;
  }
}

.entry-footer {

  color: var(--global--color-text-lighten);
  font-size: var(--global--font-size-xs);
  clear: both;
  float: none;
  display: block;

  > span {
    display: inline-block;
  }


}


body:not(.single) .site-main > article:last-of-type .entry-footer {
  border-bottom: var(--separator--height) solid transparent;
}

/**
 * Post Thumbnails
 */

.post-thumbnail {
  @extend %responsive-aligndefault-width;
  text-align: center;
  position: relative;
  margin-top: 0;
  padding: 15px 0 0 15px;


  .entry-header &,
  .singular & {
    @extend %responsive-alignwide-width-nested;
  }

  &:before {
    background: var(--global--color-secondary);
    content: '';
    display: block;
    width: calc(100% - 15px);
    bottom: 15px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }

  .wp-post-image {
    display: block;
    width: auto;
    max-width: 100%;

    margin-right: 0;


  }
}

/**
 * Author
 */

.author-bio {

  @extend %responsive-aligndefault-width-post;
  position: relative;
  font-size: var(--global--font-size-xs);


  .site-main > article > & {
    margin-top: calc(2 * var(--global--spacing-vertical));
  }

  // Avatars are optional and can be turned off.
  &.show-avatars {

    display: flex;
    align-items: flex-start;

    .avatar {
      display: inline-block;
      vertical-align: top;
      border-radius: 50%;

      height: auto;
    }

    .author-bio-content {
      display: inline-block;
      padding-left: var(--global--spacing-vertical-small);
      max-width: calc(var(--responsive--aligndefault-width) - 90px);
      margin-top: 0;
    }
  }

  .author-bio-content {

    .author-title {

      font-size: var(--entry-author-bio--font-size);
      margin-bottom: var(--global--spacing-vertical-sm);
    }

    .author-description {
      font-size: var(--global--font-size-md);
      margin-top: 0;
      margin-bottom: calc(0.5 * var(--global--spacing-vertical));
      color: var(--global--color-text-lighten);
    }
  }
}