@import "../../../assets/scss/variables";

.header-linktoegov {
  display: none;
}
.header-logo-beta{
  display:none!important;
}
.header-logo{
  display:block!important;
}

#dpassInvitationUserForm {

  .main-content {
    padding-top: 0rem;
    .invitation-form,
    .invitation-declinecancel-form {

      &-wrapper,
      .invitation-declinecancel-form-wrapper {

        &--title {
          margin-top: 6rem;
          h1 {
            font-size: 3rem;
            font-weight: 200;
            span {
              font-size: $subtext-size;
              font-weight: $thin;
              letter-spacing: 0.32px;
              line-height: 35px;
            }
          }

          p {
            font-size: $text-size;
            font-weight: $extra-light;
            letter-spacing: 0.4px;
            line-height: 35px;
            color: $text-color;
            padding-top: 2rem;
          }
        }

        &--host-info {

          &--field {

            .label {

              font-family: $font-family;
              font-size: 2rem;
              line-height: 3.5rem;
              color: $text-color;

              &--value {
                color: $main-color;
                font-family: $font-family;
                font-size: 2rem;
                line-height: 3.5rem;
                font-weight: $bold;
              }
            }
          }
        }

        &--form {
          margin-top: 5rem;
          margin-bottom: 10rem;
          &__submit {
            margin: 6rem 0;

            &_button {
              display: flex;

              @media(max-width: 767px) {
                flex: 0 0 100%;
              }

              &:nth-child(1) {
                justify-content: flex-start;

                @media(max-width: 767px) {
                  justify-content: center;
                }
              }

              &:nth-child(2) {
                justify-content: flex-end;
                @media(max-width: 767px) {
                  justify-content: center;
                }
              }

              button {
                margin-bottom: 0;
                margin-right: 0;

                @media(max-width: 767px) {
                  margin-top: 2rem;
                }
              }
            }
          }
        }
        .form-container {
          margin-top: 5rem;
          margin-bottom: 10rem;
        }
      }
    }
    .row {
      .col-helper {
        padding: 0 2rem 3rem 1rem;

      }
    }
  }


}