/* QAF auth pages — login, register, forgot/reset password (full viewport) */

html,
body.qaf-auth-page {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100%;
    width: 100%;
    height: 100%;
    background: #fff;
}

body.qaf-auth-page {
    overflow-x: hidden;
}

.qaf-auth-page .login_wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 615px !important;
    min-height: 100vh !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.qaf-auth-page .login_wrapper .login_wrapper_left {
    min-height: 100vh;
    background: #fff;
}

.qaf-auth-page .login_wrapper .login_wrapper_right {
    min-height: 100vh;
    width: 100%;
    /* Same soft gradient as original theme login banner */
    background: -moz-linear-gradient(
        top,
        rgba(255, 234, 239, 0.1) 0%,
        rgba(64, 232, 221, 0.1) 100%
    ) !important;
    background: -webkit-linear-gradient(
        top,
        rgba(255, 234, 239, 0.1) 0%,
        rgba(64, 232, 221, 0.1) 100%
    ) !important;
    background: linear-gradient(
        to bottom,
        rgba(255, 234, 239, 0.1) 0%,
        rgba(64, 232, 221, 0.1) 100%
    ) !important;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .qaf-auth-page .login_wrapper {
        grid-template-columns: minmax(0, 1fr) 515px !important;
    }
}

@media (max-width: 991.98px) {
    .qaf-auth-page .login_wrapper {
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }

    .qaf-auth-page .login_wrapper .login_wrapper_left {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}