/* Final Keropix login overrides */
.task-login {
    background:
        radial-gradient(circle at 24% 50%, rgba(255,255,255,.95) 0, rgba(238,241,242,.82) 28rem, rgba(223,228,230,.45) 48rem),
        radial-gradient(circle at 76% 46%, rgba(255,255,255,.96) 0, rgba(232,236,238,.72) 24rem, rgba(216,222,224,.42) 42rem),
        linear-gradient(135deg, #f7f8f8 0%, #e9edef 48%, #d9dfe2 100%);
}

.task-login #layout,
.task-login #layout-content {
    background: transparent;
}

.task-login .keropix-login__intro {
    color: #2d383d;
}

.task-login .keropix-login__links {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: 3rem;
}

.task-login .keropix-login__link {
    display: inline-flex;
    align-items: center;
    min-height: 2.15rem;
    padding: .35rem .75rem;
    color: #2d383d;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    background: rgba(255,255,255,.66);
    border: 1px solid rgba(45,56,61,.12);
    border-radius: 999px;
    box-shadow: 0 .35rem 1rem rgba(45,56,61,.06);
}

.task-login .keropix-login__link:first-child:before {
    font-size: 1rem;
    display: inline-block;
    margin-right: .5rem;
    width: 1em;
    height: 1em;
    font-family: Icons;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    content: "\f0ac";
    color: #8ac640;
}

.task-login .keropix-login__link:hover,
.task-login .keropix-login__link:focus {
    color: #1f2a2f;
    border-color: rgba(138,198,64,.55);
    box-shadow: 0 0 0 .2rem rgba(138,198,64,.16);
}

.task-login .keropix-login__site {
    display: none;
}

.task-login .keropix-login__welcome {
    color: #59666b;
    margin: 0 0 .7rem;
    font-size: 1.85rem;
    line-height: 1.15;
}

.task-login .keropix-login__title {
    color: #253137;
    margin: 0;
    font-size: 4.35rem;
    line-height: 1.02;
    font-weight: 700;
    letter-spacing: 0;
}

.task-login .keropix-login__tagline {
    display: none;
}

.task-login .keropix-login__text {
    max-width: 31rem;
    color: #6a767b;
}

.task-login .keropix-login__copyright,
.task-login .keropix-login__caption {
    color: #7b878c;
}

.task-login .keropix-login__card {
    background: rgba(247,250,251,.96);
    border-top-color: #8ac640;
    box-shadow: 0 1.6rem 4rem rgba(72,84,90,.18);
}

.task-login #rcmloginsubmit {
    background: #8ac640;
    border-color: #8ac640;
    box-shadow: 0 .9rem 1.8rem rgba(138,198,64,.24);
}

.task-login #rcmloginsubmit:hover,
.task-login #rcmloginsubmit:focus {
    background: #78b332;
    border-color: #78b332;
    box-shadow: 0 0 0 .2rem rgba(138,198,64,.24);
}

.task-login #login-footer {
    min-height: 0;
    margin: 0;
}

.task-login #login-footer:empty {
    display: none;
}

@media screen and (max-width: 920px) {
    .task-login .keropix-login__links {
        justify-content: center;
        margin-bottom: 1.75rem;
    }

    .task-login .keropix-login__welcome {
        font-size: 1.35rem;
    }

    .task-login .keropix-login__title {
        font-size: 2.75rem;
    }
}

@media screen and (max-width: 360px) {
    .task-login .keropix-login__links {
        flex-wrap: wrap;
    }
}
