@import '../helpers/variables';
@import '../helpers/helpers';

.category-seo-config {

  .legal-info {
    > div {
      a {
        color: $blue;
      }

      p {
        font-weight: 400;
        line-height: 24px;
      }

      h3 {
        font-weight: 500;
        font-size: 1.25rem;
        line-height: 32px;
        color: inherit;
      }

      h4 {
        font-weight: 500;
        font-size: 1.125rem;
        line-height: 24px;
        color: inherit;
      }
    }
  }

  .page-header {
    p {
      line-height: 24px;
      font-weight: 400;
    }

    h1 {
      font-weight: 500;
      font-size: 1.625rem;
      line-height: 36px;
    }

    &__title {
      font-weight: 500;
      font-size: 1.625rem;
      line-height: 36px;
      text-align: left;
      color: inherit;
    }
  }
}

@include media-breakpoint-up(md) {
  .category-seo-config {
    .page-header {

      h1 {
        line-height: 46px;
        font-size: 2.125rem;
      }

      &__title {
        font-size: 2.125rem;
        line-height: 46px;
        text-align: center;
      }
    }

    .legal-info {
      > div {
        h3 {
          font-size: 1.5rem;
          line-height: 32px;
        }

        h4 {
          font-size: 1.125rem;
          line-height: 24px;
          font-weight: 700;
        }
      }
    }
  }
}