/* Login */
body {
  color: #fff !important;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-size: 13px;
  line-height: 1.4;
}
.login #login_error{
    border-left: 4px solid #72aee6;
    padding: 12px;
    margin-left: 0;
    margin-bottom: 30px;
    margin-top: 30px;
    background-color: #d63638 !important;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    word-wrap: break-word;
}
.login #login_error {
    border-left-color: #fff;
}
.login #login_error, .login .message, .login .success {
    border-left: 4px solid #fff;
    padding: 12px;
    margin-left: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: #d63638;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    word-wrap: break-word;
}
.backup-methods-wrap a {
  color: #fff !important;
  text-decoration: none;
}
.login #login_error  a{
    color:#fff !important;
}
.login {
    background-image: url(../images/bg-image.jpg);
    position: relative;
    background-size:cover;
    -webkit-animation: slidein 80s;
        animation: slidein 80s;

        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;

        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;

        -webkit-animation-direction: alternate;
        animation-direction: alternate;              

}
@-webkit-keyframes slidein {
from {background-position: top; background-size:3000px; }
to {background-position: -100px 0px;background-size:2750px;}
}

@keyframes slidein {
from {background-position: top;background-size:3000px; }
to {background-position: -100px 0px;background-size:2750px;}

}
.login #backtoblog a, .login #nav a {
    text-decoration: none;
    color: #fff;
}

.login::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
      background: linear-gradient(145deg, #041644,#082571, #1956f6, #19bff6,#e9f619, #fae900, #fac200);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    opacity: .5;
  z-index: -1; /* Place it behind the content */

}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.login h1 a {
    /*background-image: url(../images/logo-wht.png);
    background-image: none,url(../images/logo-wht.png);*/
    background-image: url(../images/SelectfiLogo.png);
    background-image: none,url(../images/SelectfiLogo.png);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    color: #3c434a;
    font-size: 4rem;
    font-weight: 400;
    line-height: 2.5;
    margin: 0 auto ;
    padding: 0;
    text-decoration: none;
    width: 100%;
    text-indent: -9999px;
    outline: 0;
    overflow: hidden;
    display: block;
}
.login form {
    margin-top: 20px;
    margin-left: 0;
    padding: 26px 24px 34px;
    font-weight: 400;
    overflow: hidden;
    background: rgba(0,0,0,0.5);
    border: 1px solid #1581f9;
    border-radius: 28px;
    box-shadow: 0 1px 12px rgba(76,158,251,.9);
}
#login label {color:#fff;}

#login input[type=text]:focus, #login input[type=password]:focus {
    border-color: #fff;
    box-shadow: 0 0 0 1px #fff;
    outline: 2px solid transparent;
}
.wp-core-ui .button-primary {
    background: #FAE900;
    border-color: #FAE900;
    color: #333;
    text-decoration: none;
    text-shadow: none;
}
.wp-core-ui .button-primary:hover {
    background: #fbf37c;
    border-color: #fbf37c;
    color: #333;
}
.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {
    min-height: 32px;
    line-height: 2.30769231;
    padding: 4px 12px;
    width: 100%;
    margin-top: 30px;
}
#login form p.submit {
    float:none;
}
.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {
    color: #FAE900;
}
#login p.message a{
    color: #ffffff !important;
    transition-property: border, background, color;
    transition-duration: .05s;
    transition-timing-function: ease-in-out;
}

@media screen and (max-height: 550px) {
    #login {
        padding: 20px 0;
    }
    .login h1 a {
    font-size: 4rem;
    }
}