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

h1.page-title,
h2.page-title {
  font-weight: var(--heading--font-weight-page-title);
}

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

.page-header {

  padding-bottom: calc(2 * var(--global--spacing-vertical));
}

.archive,
.search,
.blog {

  .content-area {

    .format-aside,
    .format-status,
    .format-link {

      .entry-content {
        font-size: var(--global--font-size-lg);
      }
    }

  }

  .format-image,
  .format-gallery,
  .format-video {

    .entry-content {
      margin-top: calc(2 * var(--global--spacing-vertical));
    }
  }

  .entry-footer {

    .cat-links,
    .tags-links {
      display: block;
    }
  }

  &.logged-in {

    .entry-footer {

      .posted-on {
        margin-right: calc(0.5 * var(--global--spacing-unit));
      }
    }
  }
}

.archive-description {
  margin: var(--global--spacing-vertical) auto;

  line-height: var(--global--line-height-heading);
  width: var(--responsive--aligndefault-width);

  p {
    font-size: var(--global--font-size-sm);
  }

}

/**
Archive Layout
*/
.rocksite-l-archive {

  @extend %responsive-aligndefault-width;
  justify-content: center;
  padding-top: var(--global--spacing-vertical-large);

  @include media(mobile) {
    display: flex;

  }


  .rocksite-l-archive__articles {

    .rocksite-c-article-box {
      width: auto;
    }

  }


  &.has-sidebar {

    .rocksite-l-archive__articles {

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


    }

    .rocksite-l-archive__sidebar {

      width: 100%;

      @include media(mobile) {

        padding-left: var(--global--spacing-horizontal-medium);
        width: 390px;


      }

    }


  }

  &.no-sidebar {

    @extend %responsive-aligndefault-width;

  }

  .widget-area {

    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;

    .widget {

      padding: var(--global--spacing-horizontal);
      background: var(--global--color-surface);
      margin: 0 0 20px 0;

      .widget-title {
        color: var(--global--color-text-base);
      }

    }


  }
}