.elementor-528 .elementor-element.elementor-element-6bcbeae9{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}/* Start custom CSS for container, class: .elementor-element-6bcbeae9 *//* ==================================================
   ULTIMATE MEMBER - MODERN REGISTER PAGE STYLING
   ================================================== */

/* 1. Register Form Main Container */
.um-register {
  max-width: 580px !important;
  margin: 50px auto !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(212, 171, 83, 0.2) !important;
  padding: 40px 35px !important;
  box-sizing: border-box !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* 2. Register Form Title */
.um-register .um-form-title,
.um-register h2 {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  text-align: center !important;
  margin-bottom: 25px !important;
  letter-spacing: -0.3px !important;
  border-bottom: 2px solid #f2f4f7 !important;
  padding-bottom: 12px !important;
}

/* 3. Input Labels & Field Wrappers */
.um-register .um-field {
  margin-bottom: 20px !important;
  padding: 0 !important;
}

.um-register .um-field-label label {
  font-weight: 600 !important;
  color: #344054 !important;
  font-size: 14px !important;
  margin-bottom: 8px !important;
  display: block !important;
}

/* 4. Inputs, Select Dropdowns & Textareas */
.um-register .um-field-area input[type="text"],
.um-register .um-field-area input[type="password"],
.um-register .um-field-area input[type="email"],
.um-register .um-field-area select,
.um-register .um-field-area textarea {
  width: 100% !important;
  padding: 13px 16px !important;
  border: 1.5px solid #eaecf0 !important;
  border-radius: 10px !important;
  background-color: #fcfcfd !important;
  font-size: 15px !important;
  color: #101828 !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
}

/* Focus State with Gold Accent (#D4AB53) */
.um-register .um-field-area input[type="text"]:focus,
.um-register .um-field-area input[type="password"]:focus,
.um-register .um-field-area input[type="email"]:focus,
.um-register .um-field-area select:focus,
.um-register .um-field-area textarea:focus {
  border-color: #D4AB53 !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(212, 171, 83, 0.15) !important;
  outline: none !important;
}

/* Field Icons */
.um-register .um-field-icon i {
  color: #D4AB53 !important;
}

/* 5. Password Strength Meter Fix */
.um-register .um-field-pwdmeter div {
  border-radius: 6px !important;
}

/* 6. Checkboxes & Radio Buttons */
.um-register .um-field-checkbox.active i,
.um-register .um-field-radio.active i {
  color: #D4AB53 !important;
}

.um-register input[type="checkbox"]:checked,
.um-register input[type="radio"]:checked {
  accent-color: #D4AB53 !important;
}

/* 7. Register Submit Button Styling (#D4AB53) */
.um-register input[type="submit"].um-button,
.um-register input[type="submit"],
.um-register .um-button {
  width: 100% !important;
  background: linear-gradient(135deg, #D4AB53 0%, #B88E38 100%) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  padding: 14px 20px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 6px 18px rgba(212, 171, 83, 0.3) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-top: 15px !important;
}

.um-register input[type="submit"].um-button:hover,
.um-register input[type="submit"]:hover,
.um-register .um-button:hover {
  background: linear-gradient(135deg, #c49a42 0%, #a27a29 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(212, 171, 83, 0.4) !important;
}

/* 8. Links (Already have an account? Login) */
.um-register .um-col-alt-b a,
.um-register .um-link-alt,
.um-register a.um-link-alt {
  color: #D4AB53 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.um-register .um-col-alt-b a:hover,
.um-register .um-link-alt:hover {
  color: #b88e38 !important;
  text-decoration: underline !important;
}

/* 9. Validation & Error Notices */
.um-register .um-field-error {
  color: #ef4444 !important;
  font-size: 13px !important;
  margin-top: 6px !important;
}

/* Mobile Responsive */
@media (max-width: 650px) {
  .um-register {
    margin: 20px 15px !important;
    padding: 25px 20px !important;
  }
}

div#um-error-for-user_login-522 {
    color: #ffffff !important;
}

.um-register .um-field-error {
    color: #ffffff !important;
}/* End custom CSS */