body.login {
    background-color: #e3f2fd;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

#login {
    padding: 8vh 0 0;
}

.login h1 a {
    background-image: url('../images/blubrry.png');
    background-size: contain;
    height: 50px;
    width: 320px;
    margin-bottom: 50px;
}

#login > h1::after {
    content: 'Blubrry WordPress Websites';
    visibility: visible;
    display: block;
    position: absolute;
    line-height: initial;
    top: calc(8% + 58px);
    margin-left: 3px;
    color: #3072bd;
    font-size: 90%;
}



.login label {
    font-size: 12px;
    color: #555555;
}

.login input[type="text"]{
    background-color: #ffffff;
    border-color:#dddddd;
    -webkit-border-radius: 4px;
}

.login input[type="password"]{
    background-color: #ffffff;
    border-color:#dddddd;
    -webkit-border-radius: 4px;
}

/*.login .button-primary {*/
    /*width: 120px;*/
    /*float:right;*/
    /*background-color:#17a8e3 !important;*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#17a8e3), to(#17a8e3));*/
    /*background: -webkit-linear-gradient(top, #17a8e3, #17a8e3);*/
    /*background: -moz-linear-gradient(top, #17a8e3, #17a8e3);*/
    /*background: -ms-linear-gradient(top, #17a8e3, #17a8e3);*/
    /*background: -o-linear-gradient(top, #17a8e3, #17a8e3);*/
    /*background-image: -ms-linear-gradient(top, #17a8e3 0%, #17a8e3 100%);*/
    /*color: #ffffff;*/
    /*-webkit-border-radius: 4px;*/
    /*border: 1px solid #0d9ed9;*/
/*}*/

/*.login .button-primary:hover {*/
    /*background-color:#17a8e3 !important;*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#17a8e3), to(#0d9ed9 ));*/
    /*background: -webkit-linear-gradient(top, #17a8e3, #0d9ed9 );*/
    /*background: -moz-linear-gradient(top, #17a8e3, #0d9ed9 );*/
    /*background: -ms-linear-gradient(top, #17a8e3, #0d9ed9 );*/
    /*background: -o-linear-gradient(top, #17a8e3, #0d9ed9 );*/
    /*background-image: -ms-linear-gradient(top, #0b436e 0%, #0d9ed9 100%);*/
    /*color: #fff;*/
    /*-webkit-border-radius: 4px;*/
    /*border: 1px solid #0d9ed9;*/
/*}*/

/*.login .button-primary:active {*/
    /*background-color:#17a8e3 !important;*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#0d9ed9), to(#17a8e3));*/
    /*background: -webkit-linear-gradient(top, #0d9ed9, #17a8e3);*/
    /*background: -moz-linear-gradient(top, #0d9ed9, #17a8e3);*/
    /*background: -ms-linear-gradient(top, #0d9ed9, #17a8e3);*/
    /*background: -o-linear-gradient(top, #0d9ed9, #17a8e3);*/
    /*background-image: -ms-linear-gradient(top, #0d9ed9 0%, #17a8e3 100%);*/
    /*color: #fff;*/
    /*-webkit-border-radius: 4px;*/
    /*border: 1px solid #0d9ed9;*/
/*}*/

.login .button-primary {
    background-color: #1976d2;
}

.login .button-primary:hover {
    background-color: #003366;
}

@media (max-height: 500px) {
    #login > h1::after {
        top: 58px;
    }
}