@import '../helpers/helpers';

.installer__loader {
  display: none;

  &.show {
    display: block;
  }
}

.page_contact-us {
  .page-header {
    &__title {
      margin-bottom: 20px;
    }

    &__message {
      background-color: $blue-dark;
      padding: 15px;
      color: $white;
      text-align: center;

      .heading {
        @include heading-1;
        font-weight: 400;
        margin-bottom: 10px;
      }

      p {
        margin: 0;
        font-size: .875rem;
      }
    }
  }

  .your-details {
    &__title {
      font-size: 1rem;
      font-weight: 500;
    }

    &__file-wrapper {
      .installer_question-file_result_wrapper {
        margin-bottom: 10px;
      }
    }

    & .notification_info {
      margin-bottom: 20px;
    }

    & .installer_question-file_wrapper {
      margin-bottom: 20px;
    }

    .form-row {
      &__action {
        .notification_error {
          margin: 0 15px 30px;
        }
      }

      .notification_warning {
        display: none;
        margin-top: 1rem;
        font-weight: 500;

        svg {
          position: relative;
          top: 2px;
        }
      }
    }

    &__help-radio {
      &.one-by-one {
        .rbn {
          display: block;
          margin-bottom: 1rem;
        }
      }
    }

    &__help-radio__last-sub {
      &.one-by-one {
        .rbn {
          display: block;
          margin-bottom: 1rem;

          &:last-child {
            margin-bottom: 0;
          }
        }
      }
    }

    &__head {
      text-align: left;
      font-weight: 400;
    }
  }
}

.your-details__attachments-file {
  .form-row__error {
    padding: 10px 15px;
    margin: 0 0 10px;
    text-align: center;
    border: 1px solid $red;
    background-color: $red-transparent5;
    font-size: 12px;
    font-weight: 500;
    color: $red;

    .tel-uri {
      @include link-secondary;
      text-decoration: underline;
    }

    p:last-child {
      margin-bottom: 0;
    }
  }
}

@include media-breakpoint-only(md) {
  .page_contact-us {
    .your-details {
      .enquiry-field {
        .form-row__field {
          padding-left: 15px;
        }
      }
    }
  }
}

@include media-breakpoint-up(md) {
  .your-details__attachments-file {
    .form-row__error {
      padding: 15px 50px;
      font-size: 15px;
    }
  }
}