/* ============ CUSTOM LOGIN ============ */

body.login {
    background: url('login_scene.jpg') no-repeat fixed top;
    background-size: cover }

.login h1 a {
    background-image: url('login_logo.svg') }

.login label {
    font-weight: 600;
    font-variant: small-caps;
    font-size: 12px;
    color: #555555 }

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

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

.login #nav, .login #backtoblog {
    background: #fff;
    text-align: center;
    margin-top: 2px;
    padding: 8px }

.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: #fff;
    -webkit-border-radius: 4px;
    border: 1px solid #0d9ed9 }

.login .message {
    color: #000 }

.login *, .login a:active, a:hover {
    text-decoration: none;
    color: #fff }