.elementor-7562 .elementor-element.elementor-element-e7a6890{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7562 .elementor-element.elementor-element-e7a6890:not(.elementor-motion-effects-element-type-background), .elementor-7562 .elementor-element.elementor-element-e7a6890 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.rejoice-africa.org/wp-content/uploads/2025/12/Background-Image.jpg");background-repeat:no-repeat;}.elementor-7562 .elementor-element.elementor-element-d6aa192{--display:flex;--justify-content:center;--padding-top:50px;--padding-bottom:50px;--padding-left:100px;--padding-right:0px;}.elementor-7562 .elementor-element.elementor-element-7c435a6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7562 .elementor-element.elementor-element-7c435a6.e-con{--align-self:flex-end;}.elementor-7562 .elementor-element.elementor-element-b7e3401 > .elementor-widget-container{margin:0px -11px 0px 0px;}.elementor-7562 .elementor-element.elementor-element-131e95b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7562 .elementor-element.elementor-element-412ead6 .elementor-button{background-color:#F36F21;fill:var( --e-global-color-86b11e3 );color:var( --e-global-color-86b11e3 );}.elementor-7562 .elementor-element.elementor-element-412ead6 .elementor-button:hover, .elementor-7562 .elementor-element.elementor-element-412ead6 .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-7562 .elementor-element.elementor-element-412ead6 > .elementor-widget-container{margin:14px 0px 0px 0px;}.elementor-7562 .elementor-element.elementor-element-ecc6565{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-7562 .elementor-element.elementor-element-f6a5127{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-7562 .elementor-element.elementor-element-f6a5127.e-con{--align-self:flex-end;}.elementor-7562 .elementor-element.elementor-element-64422d3 > .elementor-widget-container{margin:0px -11px 0px 0px;}.elementor-7562 .elementor-element.elementor-element-a23b346{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7562 .elementor-element.elementor-element-ca9cecf .elementor-button{background-color:#F36F21;fill:var( --e-global-color-86b11e3 );color:var( --e-global-color-86b11e3 );}.elementor-7562 .elementor-element.elementor-element-ca9cecf .elementor-button:hover, .elementor-7562 .elementor-element.elementor-element-ca9cecf .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-7562 .elementor-element.elementor-element-ca9cecf > .elementor-widget-container{margin:14px 0px 0px 0px;}.elementor-7562 .elementor-element.elementor-element-3084de8{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-7562 .elementor-element.elementor-element-3084de8:not(.elementor-motion-effects-element-type-background), .elementor-7562 .elementor-element.elementor-element-3084de8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1727;}.elementor-7562 .elementor-element.elementor-element-1d4bd16 > .elementor-widget-container{margin:0px 0px -21px 0px;}.elementor-7562 .elementor-element.elementor-element-1d4bd16{text-align:end;font-family:"Arial", Sans-serif;font-size:16px;color:var( --e-global-color-86b11e3 );}.elementor-7562 .elementor-element.elementor-element-098f322{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1.3px;}.elementor-7562 .elementor-element.elementor-element-098f322 .elementor-divider-separator{width:100%;}.elementor-7562 .elementor-element.elementor-element-098f322 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-7562 .elementor-element.elementor-element-466f7f2 .elementor-button{background-color:#4C4947;font-size:14px;fill:var( --e-global-color-86b11e3 );color:var( --e-global-color-86b11e3 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );padding:12px 15px 12px 15px;}.elementor-7562 .elementor-element.elementor-element-466f7f2 .elementor-button:hover, .elementor-7562 .elementor-element.elementor-element-466f7f2 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-7562 .elementor-element.elementor-element-466f7f2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7562 .elementor-element.elementor-element-466f7f2 .elementor-button-content-wrapper{flex-direction:row;}.elementor-7562 .elementor-element.elementor-element-466f7f2 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-7562 .elementor-element.elementor-element-268c45a .elementor-button{background-color:#4C4947;font-size:14px;fill:var( --e-global-color-86b11e3 );color:var( --e-global-color-86b11e3 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );padding:12px 15px 12px 15px;}.elementor-7562 .elementor-element.elementor-element-268c45a .elementor-button:hover, .elementor-7562 .elementor-element.elementor-element-268c45a .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-7562 .elementor-element.elementor-element-268c45a > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-7562 .elementor-element.elementor-element-268c45a .elementor-button-content-wrapper{flex-direction:row;}.elementor-7562 .elementor-element.elementor-element-268c45a .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-7562 .elementor-element.elementor-element-5b45a60 .elementor-button{background-color:#4C4947;font-size:14px;fill:var( --e-global-color-86b11e3 );color:var( --e-global-color-86b11e3 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );padding:12px 15px 12px 15px;}.elementor-7562 .elementor-element.elementor-element-5b45a60 .elementor-button:hover, .elementor-7562 .elementor-element.elementor-element-5b45a60 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-7562 .elementor-element.elementor-element-5b45a60 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-7562 .elementor-element.elementor-element-5b45a60 .elementor-button-content-wrapper{flex-direction:row;}.elementor-7562 .elementor-element.elementor-element-5b45a60 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-7562 .elementor-element.elementor-element-fb7aea6{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-7562 .elementor-element.elementor-element-fb7aea6:not(.elementor-motion-effects-element-type-background), .elementor-7562 .elementor-element.elementor-element-fb7aea6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1727;}.elementor-7562 .elementor-element.elementor-element-976853e .elementor-button{background-color:#4F4F4F;font-size:14px;fill:var( --e-global-color-86b11e3 );color:var( --e-global-color-86b11e3 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );padding:12px 15px 12px 15px;}.elementor-7562 .elementor-element.elementor-element-976853e .elementor-button:hover, .elementor-7562 .elementor-element.elementor-element-976853e .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-7562 .elementor-element.elementor-element-976853e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7562 .elementor-element.elementor-element-976853e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7562 .elementor-element.elementor-element-976853e .elementor-button .elementor-button-content-wrapper{gap:32px;justify-content:space-between;}.elementor-7562 .elementor-element.elementor-element-c12d498 .elementor-button{background-color:#4F4F4F;font-size:14px;fill:var( --e-global-color-86b11e3 );color:var( --e-global-color-86b11e3 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );padding:12px 15px 12px 15px;}.elementor-7562 .elementor-element.elementor-element-c12d498 .elementor-button:hover, .elementor-7562 .elementor-element.elementor-element-c12d498 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-7562 .elementor-element.elementor-element-c12d498 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-7562 .elementor-element.elementor-element-c12d498 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7562 .elementor-element.elementor-element-c12d498 .elementor-button .elementor-button-content-wrapper{gap:15px;justify-content:space-between;}@media(max-width:1024px){.elementor-7562 .elementor-element.elementor-element-ecc6565{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7562 .elementor-element.elementor-element-f6a5127{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7562 .elementor-element.elementor-element-64422d3 > .elementor-widget-container{margin:0px -26px 0px 0px;}}@media(max-width:767px){.elementor-7562 .elementor-element.elementor-element-e7a6890{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7562 .elementor-element.elementor-element-ecc6565{--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-7562 .elementor-element.elementor-element-ca9cecf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7562 .elementor-element.elementor-element-3084de8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}}@media(min-width:768px){.elementor-7562 .elementor-element.elementor-element-e7a6890{--width:100%;}.elementor-7562 .elementor-element.elementor-element-3084de8{--width:450px;}.elementor-7562 .elementor-element.elementor-element-fb7aea6{--width:400px;}}@media(max-width:1024px) and (min-width:768px){.elementor-7562 .elementor-element.elementor-element-ecc6565{--width:1319px;}}/* Start custom CSS for shortcode, class: .elementor-element-b38d8be *//* Ultimate Member Custom CSS - Dark Theme */

/* Import Roboto Font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/* Form Container */
.um-form {
    max-width: 100% !important;
    margin: 0 auto !important;
    
    box-shadow: none !important;
    border: none !important;
    width: 100% !important;
  }
.um-form .um-field-submit {
  width: 100% !important;
  max-width: none !important;
}

/*Forgot Password Text Color*/
.um-field-block {
	color: #fff !important;
    font-size: 17px;
}

/*Register Input Fields Spacings*/
.um-register .um-field {
    margin-bottom: 16px !important;
}.um-register .um-field

  /* Labels */
  .um-field-label label {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #9CA3AF !important;
    margin-bottom: 8px !important;
    display: block !important;
  }
  
  /* All Input Fields */
 .um .um-form input[type=text],
 .um .um-form input[type=tel],
 .um .um-form input[type=number],
.um .um-form input[type=password],
.um  .um-form input[type=email],
 .um .um-form textarea,
.um  .um-form select {
    background-color: #1E293B !important;
    border: transparent !important;
    border-radius: 6px !important;
    padding: 16px 20px 16px 50px !important;
    height: 50px !important;
    color: #FFFFFF !important;
    font-size: 13px !important;
    box-shadow: none !important;
    font-weight: 400 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    transition: all 0.2s ease !important;
  }


  
  /* Placeholder text */icons
  .um-form input::placeholder,
  .um-form textarea::placeholder {
    color: #9CA3AF !important;
    opacity: 1 !important;
  }
  
  /* Input Field Focus States */
  .um-form input[type=text]:focus,
  .um-form input[type=tel]:focus,
  .um-form input[type=number]:focus,
  .um-form input[type=password]:focus,
  .um-form input[type=email]:focus,
  .um-form textarea:focus,
  .um-form select:focus {
    
    border: 2px solid #6366F1 !important ;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1) !important;
    outline: none !important;
    background-color: #1E293B !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* Input Icons */
  .um-field-icon {
    color: #9CA3AF !important;
    left: 5px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 18px !important;
    z-index: 10 !important;
    margin-right: 12px !important;
  }
  
  /* Buttons */
  .um-button,
  input[type="submit"].um-button {
    background: linear-gradient(135deg, #8B5CF6 0%, #6366F1 100%) !important;
  color: #FFFFFF !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
  padding: 16px 20px !important;
  box-shadow: none !important;
  height: 50px !important;
  line-height: 24px !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  text-transform: none !important;
  transition: all 0.3s ease !important;
  text-align: center !important;
  margin: 0 auto !important;
  border: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
		
  }
  
  .um-button:hover,
  input[type="submit"].um-button:hover {
    background: linear-gradient(135deg, #7C3AED 0%, #5B21B6 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 25px rgba(139, 92, 246, 0.3) !important;
  }
  
  .um-button:active,
  input[type="submit"].um-button:active {
    transform: translateY(0) !important;
    box-shadow: 0 4px 15px rgba(139, 92, 246, 0.2) !important;
  }
  
  /* Checkbox and Radio Styles */
  .um-field-checkbox-option,
  .um-field-radio-option {
    color: #D1D5DB !important;
    font-size: 14px !important;
  }
  
  .um-field-checkbox-state i,
  .um-field-radio-state i {
    color: #6B7280 !important;
    border: 1px solid #4B5563 !important;
    background-color: transparent !important;
  }
  
  .um-field-checkbox-state i:hover,
  .um-field-radio-state i:hover {
    color: #8B5CF6 !important;
    border-color: #8B5CF6 !important;
  }
  
  .um-field-checkbox-option:hover,
  .um-field-radio-option:hover {
    color: #FFFFFF !important;
  }
  
  /* Remember Me Checkbox */
  .um-field-checkbox,
  .um-field-checkbox-state,
  .um-field-checkbox-option {
    width: auto !important;
    display: inline-block !important;
  }
  
  .um-field-checkbox .um-field-checkbox-state i {
    color: #6B7280 !important;
    background-color: transparent !important;
    border: 1px solid #4B5563 !important;
    border-radius: 4px !important;
    width: 18px !important;
    height: 18px !important;
  }
  
  .um-field-checkbox .um-field-checkbox-state i.um-active {
    background-color: #8B5CF6 !important;
    border-color: #8B5CF6 !important;
    color: #FFFFFF !important;
  }
  
  .um-field-checkbox .um-field-checkbox-option {
    font-size: 14px !important;
    color: #D1D5DB !important;
    margin-left: 8px !important;
  }
  
  /* Links (Forgot Password, etc.) */
  .um a {
    color: #8B5CF6 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
  }
  
  .um a:hover {
    color: #A78BFA !important;
    text-decoration: none !important;
  }
  
  .um-link-alt {
    font-size: 14px !important;
    color: #8B5CF6 !important;
    float: right !important;
  }
  
  /* Form Field Spacing */
  .um-field {
    margin-bottom: 24px !important;
    padding: 0 !important;
    position: relative !important;
  }
  
  /* Password Field with Eye Icon */
  .um .um-field-password .um-field-icon-eye {
    right: 18px !important;
    left: auto !important;
    color: #9CA3AF !important;
    font-size: 18px !important;
    cursor: pointer !important;
  }
  
  .um .um-field-password .um-field-icon-eye:hover {
    color: #D1D5DB !important;
  }
  
  /* Error messages */
  .um-field-error {
    background-color: rgba(239, 68, 68, 0.1) !important;
    color: #F87171 !important;
    border: 1px solid rgba(239, 68, 68, 0.2) !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    padding: 8px 12px !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
  }
  
  /* Success messages */
  .um-notice {
    background-color: rgba(34, 197, 94, 0.1) !important;
    color: #4ADE80 !important;
    border: 1px solid rgba(34, 197, 94, 0.2) !important;
    border-radius: 8px !important;
    padding: 12px !important;
    margin-bottom: 20px !important;
  }
  
  /* Login Page Specific */
  .um-login .um-field-user_login,
  .um-login .um-field-username,
  .um-login .um-field-user_email {
    margin-bottom: 14px !important;
    width: 100% !important;
  }


  
  /* Make sure all form fields take full width */
  .um-field {
    width: 100% !important;
		margin-bottom: 14px !important;
  }
  
  /* Force all fields to be block level */
  .um .um-form input,
  .um .um-form select,
  .um .um-form textarea {
    display: block !important;
    width: 100% !important;
  }
  

  /* Reset Password Page Specific */
  .um-password .um-field {
    margin-bottom: 24px !important;
  }
  
  /* Additional spacing adjustments */
  .um-col-alt {
    margin-top: 17px !important;
    width: 100% !important;
    
    justify-content: space-between !important;
    align-items: center !important;
  }
  
  /* Remove extra margin beneath forms */
  .um-form form {
    margin-bottom: 0 !important;
  }
  
  /* Form headers */
  .um-header {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 24px !important;
  }
  
  .um-form .um-header-tag {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    margin-bottom: 8px !important;
    text-align: center !important;
  }
  
  /* Form footer text */
  .um-col-alt-b {
    padding-top: 20px !important;
    margin-top: 20px !important;
    width: 100% !important;
    
    justify-content: space-between !important;
    align-items: center !important;
  }
  
  /* Hide unwanted elements */
  .um-login .um-col-alt-b,
  .um-register .um-col-alt-b {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 20px !important;
    width: 100% !important;
  }
  
  /* Form field groups */
  .um-field-group {
    margin-bottom: 24px !important;
    width: 100% !important;
  }
  
  /* Modal windows */
  .um-modal .um-modal-body {
    background-color: #1F2937 !important;
    padding: 30px !important;
    border-radius: 12px !important;
    border: 1px solid #374151 !important;
  }
  
  .um-modal .um-modal-header {
    background-color: #1F2937 !important;
    border-bottom: none !important;
    padding: 25px 30px 0 30px !important;
    color: #FFFFFF !important;
  }
  
  /* Additional full-width fixes */
  .um-row {
    width: 100% !important;
  }
  
  .um-col-1,
  .um-col-2,
  .um-col-121,
  .um-col-122,
  .um-col-131,
  .um-col-132,
  .um-col-133 {
    width: 100% !important;
  }
  
  /* Ensure form columns are properly full width */
  .um-half {
    width: 100% !important;
  }
  
  /* Position the eye icon for password field correctly */
  .um-icon-eye {
    right: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #9CA3AF !important;
  }
  
  /* Textarea specific styles */
  .um-form textarea {
    height: auto !important;
    min-height: 100px !important;
    resize: vertical !important;
    padding-top: 16px !important;
  }
  
  /* Select dropdown styles */
  .um-form select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e") !important;
    background-position: right 16px center !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px !important;
    padding-right: 48px !important;
    appearance: none !important;
  }
  
  /* Responsive adjustments */
  @media (max-width: 480px) {
    .um-form {
      padding: 16px !important;
    }
    
    .um-button,
    input[type="submit"].um-button {
      font-size: 15px !important;
      padding: 14px 18px !important;
      height: 52px !important;
    }
    
    .um-form input[type=text],
    .um-form input[type=tel],
    .um-form input[type=number],
    .um-form input[type=password],
    .um-form input[type=email],
    .um-form textarea,
    .um-form select {
      padding: 14px 18px 14px 44px !important;
      height: 52px !important;
      font-size: 15px !important;
    }
    
    .um-field-icon {
      left: 16px !important;
      font-size: 16px !important;
    }
    
    .um .um-field-password .um-field-icon-eye {
      right: 16px !important;
      font-size: 16px !important;
    }
  }/* End custom CSS */