/* ===== User Registration layout fixes ===== */

.ur-frontend-form.login {
    padding: 15px 40px;
}

.user-registration-modal .user-registration-modal__content {
    margin: 75px;
}

body.user-registration-page #user-registration {
    margin: 0 auto;
}

body:not(.page-id-53550):not(.page-id-53551):not(.page-id-53552)
.ur-frontend-form
.user-registration-social-connect-networks {
    display: none !important;
}


/* ===== Remove plugin lines ===== */

.user-registration-social-connect-networks__position_bottom::before,
.user-registration-social-connect-networks__position_bottom::after,
.user-registration-social-connect-networks::before,
.user-registration-social-connect-networks::after {
    content: none !important;
    border: none !important;
    display: none !important;
}

.ursc-network-lists::before,
.ursc-network-lists::after {
    content: none !important;
    border: none !important;
    display: none !important;
}


/* ===== Custom label ===== */

body.user-registration-page
#user-registration:not(.user-registration-MyAccount)
.ur-frontend-form
.user-registration-form-login
.ur-form-row
.ur-form-grid
.user-registration-social-connect-networks__position_bottom::before {

    width: 100% !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    letter-spacing: normal !important;

    content: "Or log in with a social account — no registration needed" !important;

    display: block !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #333 !important;

    margin: 0 0 -10px 0 !important;
    background: none !important;
}


/* ===== Layout fix ===== */

.user-registration-social-connect-networks__position_bottom {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px !important;
}

.ursc-network-lists {
    display: flex !important;
    flex-direction: row !important;
    gap: 15px !important;
    justify-content: center !important;
}


/* ===== Desktop only width ===== */

@media (min-width: 1024px) {

body.user-registration-page #user-registration:not(.user-registration-MyAccount),
body.user-registration-page .user-registration:not(.user-registration-MyAccount),
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) {
    max-width: 525px;
}

}