.user-login-page {
    height: 100vh;
    /* width: 100vw; */
    display: flex;
    align-items: center;
    justify-content: center;
}

    .user-login-page .user-form-page {    
        
        width: 75vw;
    
    }

    .user-login-page .user-form-page .user-form-page__user-form {
            border-radius: 32px;
            overflow: hidden;
            box-shadow: 0px 0px 28px 0px rgba(107,107,107,0.25);
            max-height: 100vh;
            box-sizing: border-box;
        }

    @media (min-width: 1025px) {

    .user-login-page .user-form-page .user-form-page__user-form {
                max-height: 90vh
        }
            }

    .user-login-page .user-form-page .user-form-page__user-form .branding {
                margin-bottom: var(--space-32);
            }

    .user-login-page .user-form-page .user-form-page__user-form .branding img {
                    width: 80px;
                    height: 80px;
                    margin-bottom: var(--space-32);
                }

    @media (min-width: 1025px) {

    .user-login-page .user-form-page .user-form-page__user-form .branding img {
                        width: 120px;
                        height: 120px;
                        margin-bottom: var(--space-32)
                }

                    }

    .user-login-page .user-form-page .user-form-page__user-form .layout__container {

                flex-direction: column-reverse;
            }

    @media (min-width: 1025px) {

    .user-login-page .user-form-page .user-form-page__user-form .layout__container {
                    flex-direction: row
            }
                }

    .user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region {
                    position: relative;
                }

    .user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first {
                    border-top-left-radius: 1rem;
                    border-bottom-left-radius: 1rem;
                    padding: var(--space-32);
                }

    @media (min-width: 1025px) {

    .user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first {
                        padding: var(--space-64) var(--space-80)
                }
                    }

    .user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first h1 {
                        font-size: var(--step-6);
                        margin-bottom: var(--space-32);
                    }

    .user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first h1 span {
                            font-family: var(--clocktower-sans-serif);
                            font-size: var(--step-2);
                            color: hsl(var(--carnelian-dm, var(--carnelian)));
                            text-transform: uppercase;
                            display: block;
                            margin-bottom: var(--space-8);
                            font-weight: var(--semi-bold-weight);
                        }

    .user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first .user-login-form hr {
    
                            display: block;
                            height: 1px;
                            border: 0;
                            border-top: 1px solid #ebebeb;
                            margin: var(--space-32) var(--space-0) var(--space-16);
                            padding: 0;
                        }

    .user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first .user-login-form hr:first-of-type {
    
                                display: none;
                            }

    .user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first .user-login-form h2 {
                            font-size: var(--step-1);
                            font-family: var(--clocktower-sans-serif);
                            margin-bottom: var(--space-16);
                            font-weight: var(--semi-bold-weight);
                            margin-top: var(--space-16);
                            border: 0 !important;
                            clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
                                clip-path: inset(50%) !important;  /* 2 */
                            height: 1px !important;
                            margin: -1px !important;
                            overflow: hidden !important;
                            padding: 0 !important;
                            position: absolute !important;
                            width: 1px !important;
                            white-space: nowrap !important;            /* 3 */
                        }

    .user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first .user-login-form [data-drupal-selector="edit-saml-sp-drupal-login-links"] {
                            list-style: none;
                            padding-left: 0;
                        }

    .user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first .user-login-form [data-drupal-selector="edit-saml-sp-drupal-login-links"] .login-link-button a {
                                    text-decoration: none;
                                    position: relative;
                                    padding: var(--space-8) var(--space-16);
                                    text-transform: uppercase;
                                    display: inline-block;
                                    margin: var(--space-24) var(--space-0) var(--space-8);
                                    color: hsl(var(--text-white-dm, var(--text-white)));
                                    background-color: hsl(var(--carnelian-dm, var(--carnelian)));
                                    font-weight: var(--regular-weight);
                                    border-radius: .25rem;
                                    font-size: var(--step-0);
    
                                }

    .user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first .user-login-form .form-item {
                            margin-bottom: var(--space-16);
    
                        }

    .user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first .user-login-form .form-item label {
                                font-family: var(--clocktower-sans-serif);
                                margin-bottom: var(--space-16);
                                display: block;
                            }

    .user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first .user-login-form .form-item input {
                                display: block;
                                width: 100%;
                                border-radius: var(--space-4);
                                border: 1px solid #767676;
                                height: 2rem;
                            }

    .user-login-page .user-form-page .user-form-page__user-form .layout__container .layout__region--first .user-login-form .form-actions input[type="submit"] {
                                text-decoration: none;
                                position: relative;
                                padding: var(--space-8) var(--space-16);
                                text-transform: uppercase;
                                display: inline-block;
                                margin: var(--space-24) var(--space-0) var(--space-8);
                                color: hsl(var(--carnelian-dm, var(--carnelian)));
                                background-color: transparent;
                                font-family: var(--clocktower-sans-serif);
                                border-radius: .25rem;
                                font-size: var(--step-0);
                                border: 1px solid hsl(var(--carnelian-dm, var(--carnelian)));
                            }

    .user-login-page .user-form-page .user-form-page__user-form .layout__container .user-login-wallpaper {
                    border-top-right-radius: 1rem;
                    border-bottom-right-radius: 1rem;
                    overflow: hidden;
                    position: relative;
                }

    @media (min-width: 1025px) {

    .user-login-page .user-form-page .user-form-page__user-form .layout__container .user-login-wallpaper {
                        height: 100%
                }
                    }

    .user-login-page .user-form-page .user-form-page__user-form .layout__container .user-login-wallpaper picture {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                    }

    .user-login-page .user-form-page .user-form-page__user-form .layout__container .user-login-wallpaper picture img {
                            /* max-width: unset; */
                            /* min-height: 100%; */
                            -o-object-fit: cover;
                               object-fit: cover;
                            min-width: 100%;
                            height: 100%;
                        }