@import '../helpers/helpers';

.page_thank_you_kitchen {
  .thank-you {
    &-info {
      position: relative;
      padding-bottom: 80px;
      text-align: center;

      &::after {
        content: '';
        position: absolute;
        height: 8px;
        background-color: $blue-dark;
        left: calc(50% - 200px/2);
        bottom: 30px;
        width: 200px;
      }

      &__header {
        text-transform: none;
        margin: 0;
      }

      &__info {
        font-size: 1rem;
        line-height: 1.5rem;
        padding-top: 15px;
      }
    }

    &-brochure {
      &__text {
        font-size: 1rem;
        line-height: 1.5rem;
        padding-top: 15px;
        text-align: center;
        font-weight: 500;
      }

      &__links {
        @include make-row;
        padding: 0;

        &-item {
          @include make-col-ready;
          @include make-col(12);

          .full-width-img {
            width: 100%;
          }
        }
      }
    }
  }
}

@include media-breakpoint-up(md) {
  .page_thank_you_kitchen {
    .thank-you {
      &-info {
        padding-bottom: 80px;

        &::after {
          left: calc(50% - 555px/2);
          bottom: 36px;
          width: 555px;
        }
      }

      &-brochure {
        &__links {
          &-item {
            @include make-col(6);
          }
        }
      }
    }
  }
}