@import "settings/variables";

.form-account {
  .form-group {
    margin-bottom: 24px;
  }
  label {
    span.require {
      color: red;
      margin-left: 5px;
    }
  }
}

.elementor-widget-civi-user-form {
  .civi-reset-password-wrap {
    display: none;
  }
  .form-account {
    display: none;
  }
  .civi-reset-password-wrap.active {
    display: block;
  }
  .form-account.active {
    display: block;
  }
  .el-uf-item {
    display: none;
    &.active {
      display: block;
    }
  }
  .el-user-form{
    background-color: #fff;
    padding: 30px;
    border-radius: 16px;
  }
  .el-uf-content {
    padding-top: 30px;
  }
  .el-uf-nav {
    a {
      font-size: 20px;
      &.active {
        color: $accent_color;
      }
      + a {
        margin-left: 10px;
      }
    }
  }
}
