:root{
    --sirupColor:#ef4263;
    --sirupColorlink:#e8385b;
    --sirupColorBlue:#69c8f3;
}

::-moz-selection { /* Code for Firefox */
 color: white;
 background: var(--sirupColor);
}
  
::selection {
color: white;
 background:var(--sirupColor);
}

body{
   font-family: 'Source Sans Pro', sans-serif;
}

#login h1 a, .login h1 a {
    background-image: url(sirup-glass.svg);
    height:100px;
    width:300px;
    background-size: 300px 100px;
    background-repeat: no-repeat;
    padding-bottom: 10px;
}

.login #login_error,
.login .message,
.login .success{
 border-left: 4px solid var(--sirupColor);
}
.wp-core-ui .button, .wp-core-ui .button-secondary{
    color: var(--sirupColor);
}
.wp-core-ui .button-primary{
    background: var(--sirupColor);
    border-color: var(--sirupColor);
    color: #fff;
    margin-top: 0.8rem;
    font-weight: 600;
    font-size: 1.3rem;
    text-transform: uppercase;
    display: block;
    width: 100%;
    transition: all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.login form .forgetmenot{
    display: block;

}
input[type=text]:focus,
input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus{
    border-color:var(--sirupColor);
    box-shadow: 0 0 0 1px var(--sirupColor);
    outline: none;
}


.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:hover{
    background: var(--sirupColorBlue);
    border-color: var(--sirupColorBlue);
}

.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover{
    color: var(--sirupColorBlue);
}