.charitable-user-onboarding-wrap { background-color: rgb(243, 244, 246) !important; justify-content: center; align-items: center; flex-direction: column; width: 100% !important; height: 100% !important; display: flex; text-align: center; position: absolute; top: 0; left: 0; position: fixed !important; z-index: 999999; } .charitable-user-onboarding-wrap .charitable-user-onboarding-logo { padding: 0.5rem; } .charitable-user-onboarding-wrap .charitable-user-onboarding-logo img { max-width: 100%; height: 52px; } .charitable-user-onboarding-wrap .chartiable-user-onboarding-content { text-align: center; padding: 2rem; background-color: white; max-width: 640px; margin-top: 50px; margin-bottom: 0; min-width: 640px; } .charitable-user-onboarding-wrap .chartiable-user-onboarding-content p { font-size: 14px; line-height: 22.4px; color: rgba(25, 29, 45, 0.7); margin-top: 0.55rem; margin-bottom: 1.25rem; font-weight: 400; } .charitable-user-onboarding-wrap .chartiable-user-onboarding-content h1 { color: rgba(25, 29, 45, 0.9); line-height: 25px; font-size: 21px; font-weight: 700; padding-bottom: 12.5px; padding-top: 12.5px; margin: 0; } .charitable-user-onboarding-wrap .charitable-go-back { color: rgba(25, 29, 45, 0.4); padding: 0.5rem; margin-top: 40px; text-align: center; } .charitable-user-onboarding-wrap .charitable-go-back a { color: inherit; text-decoration: underline; } .charitable-user-onboarding-wrap .charitable-user-onboarding-progress { margin-top: 20px; margin-bottom: 20px; background-color: #f3f4f6; } .charitable-user-onboarding-wrap .charitable-user-onboarding-progress .charitable-user-onboarding-progress-bar-fill { background-color: #5aa152; height: 5px; width: 0; transition: width 0.5s; } .charitable-user-onboarding-wrap a.charitable-button-link { background-color: #5aa152; color: #fff; font-size: 16px; font-weight: 600; padding: 12px 28px; position: relative; top: -4px; text-decoration: none; border-radius: 5px; text-shadow: none; line-height: 24px; cursor: pointer; margin-left: auto; margin-right: auto; display: inline-block; text-align: center; margin-top: 20px; } .charitable-user-onboarding-wrap a.charitable-button-link:hover { background-color: #43833b !important; border-color: #43833b !important; } .charitable-user-onboarding-wrap .charitable-onbarding-notice { font-size: 12px; color: rgba(25, 29, 45, 0.4); margin: 10px auto; line-height: 14px; } .charitable-user-onboarding-wrap #charitable-user-onboarding-stripe-connect { max-width: 600px; margin: 0 auto; } .charitable-user-onboarding-wrap #charitable-user-onboarding-stripe-connect .charitable-sub-container { display: flex; justify-content: space-between; width: 100%; align-items: center; border-top: 1px solid rgb(235, 235, 235); border-bottom: 1px solid rgb(235, 235, 235); padding: 10px 0; margin: 20px auto; background-color: #fff; text-align: left; } .charitable-user-onboarding-wrap #charitable-user-onboarding-stripe-connect .charitable-sub-container .charitable-badge { top: -4px; position: relative; left: 5px; } .charitable-user-onboarding-wrap #charitable-user-onboarding-stripe-connect .charitable-sub-container h3 { margin-bottom: 5px; text-align: left; } .charitable-user-onboarding-wrap #charitable-user-onboarding-stripe-connect .charitable-sub-container.charitable-column { flex-direction: column; } .charitable-user-onboarding-wrap #charitable-user-onboarding-stripe-connect .charitable-sub-container:not(.charitable-column) div:first-child { display: flex; align-items: center; } .charitable-user-onboarding-wrap #charitable-user-onboarding-stripe-connect .charitable-sub-container-row { width: 100%; } .charitable-user-onboarding-wrap #charitable-user-onboarding-stripe-connect .charitable-sub-container div.charitable-sub-container-row { display: block; } .charitable-user-onboarding-wrap #charitable-user-onboarding-stripe-connect .charitable-sub-container img.wpchar-arrow { position: relative; top: 5px; margin-left: 5px; } .charitable-user-onboarding-wrap #charitable-user-onboarding-stripe-connect .charitable-sub-container:last-of-type { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .charitable-user-onboarding-wrap #charitable-user-onboarding-stripe-connect .charitable-gateway-icon, .charitable-user-onboarding-wrap #charitable-user-onboarding-stripe-connect .charitable-gateway-info-column { display: inline-block; } .charitable-user-onboarding-wrap #charitable-user-onboarding-stripe-connect .charitable-gateway-info-column { margin: 0 0 0 20px; max-width: 250px; } .charitable-user-onboarding-wrap #charitable-user-onboarding-stripe-connect .charitable-gateway-footer label { font-size: 15px; line-height: 16px; } .charitable-user-onboarding-wrap #charitable-user-onboarding-stripe-connect .charitable-gateway-icon img { border: 1px solid rgba(25, 29, 45, 0.14); border-radius: 10px; padding: 10px; } .charitable-user-onboarding-wrap #charitable-user-onboarding-stripe-connect .wpcharitable-stripe-connect { color: #fff; font-size: 15px; font-weight: bold; text-decoration: none; line-height: 1; background-color: #635bff; border-radius: 3px; padding: 10px 20px; display: inline-flex; align-items: center; }