/* Login customizations */
body.login {
    .content-wrapper {
        max-width: 55em;
    }
}

.login-overlay {
    display: none;
}

@keyframes login_overlay {
    from {
        transform: translate(5%, 0);
        opacity: 0;
    }

    to {
        transform: none;
        opacity: 0.2;
    }
}

@media screen and (min-width: 90em) {
    body.login_primary .content-wrapper {

        form,
        .help-block {
            position: relative;
            z-index: 10;
        }
    }

    .login-overlay {
        display: block;
        position: fixed;
        right: 5%;
        bottom: 5%;
        z-index: 0;
        opacity: 0;
    }

    body.ready .login-overlay {
        animation: 1s ease-out 1s 1 login_overlay;
        animation-fill-mode: forwards;
    }

    .login-overlay img {
        width: 60em;
    }
}

.nav-main .menu-active>a.root-link {
    margin-top: 2rem;
    border-left: 0;
    background: #444;

    &:hover {
        background: rgb(255, 207, 0);
        color: #000;
    }
}

.richtext .richtext-image.right-small {
    float: right;
}

.richtext .richtext-image.left-small {
    float: left;
}