body.login{
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#444444+0,000000+100 */
	background: rgb(68,68,68); /* Old browsers */
	background: url('https://fifty21.co.uk/wp-content/uploads/2023/08/f2o-logo-bg.png') no-repeat center, -moz-linear-gradient(-45deg,  rgba(68,68,68,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: url('https://fifty21.co.uk/wp-content/uploads/2023/08/f2o-logo-bg.png') no-repeat center, -webkit-linear-gradient(-45deg,  rgba(68,68,68,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: url('https://fifty21.co.uk/wp-content/uploads/2023/08/f2o-logo-bg.png') no-repeat center, linear-gradient(135deg,  rgba(68,68,68,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    font-family:'Barlow', sans-serif;
}

body.login {}
body.login div#login {}
body.login div#login h1 {}
body.login div#login h1 a {}

#login h1 a, .login h1 a {
    background-image: url(https://fifty21.co.uk/wp-content/uploads/2023/08/f2o-logo.svg);
    height:150px;
    width:150px;
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 0px;
}

body.login div#login form#loginform {
    background: #333;
    border: none;
    text-align: center;
	color: #fff;
}
body.login div#login form#loginform p {
    text-align: center;
}
body.login div#login form#loginform p label {
    text-align: center;
}
body.login div#login form#loginform input {
    background-color: #eee;
    font-family: "Montserrat";
    border: none;
    text-align: center;
    box-shadow: none;
}
body.login div#login form#loginform input:focus,
body.login div#login form#loginform input:visited{
    border-color: #ebd89c;
    background-color: #ddd;
    -webkit-appearance: none;
}

body.login div#login form#loginform input::-webkit-credentials-auto-fill-button{
    background: #343a40;
}
body.login div#login form#loginform input::-webkit-credentials-auto-fill-button:hover{
    background-color: #ebd89c;
}
body.login .button.wp-hide-pw .dashicons{
    color: #343a40;
}
body.login .button.wp-hide-pw .dashicons:hover{
    color: #ebd89c;
}
body.login div#login form#loginform input#user_login {}
body.login div#login form#loginform input#user_pass {}
body.login div#login form#loginform p.forgetmenot {
    width: 100%;
    margin-bottom: 10px;
}
body.login div#login form#loginform p.forgetmenot input#rememberme {}
body.login div#login form#loginform p.submit {}
body.login div#login form#loginform p.submit input#wp-submit {
    width: 100%;
    font-family:'Barlow', sans-serif;
    background: #ebd89c;
    border: 1px solid #ebd89c;
    font-size: 1rem;
    font-weight: bold;
    transition: all 0.2s ease-in-out;
	color: #222;
}
body.login div#login form#loginform p.submit input#wp-submit:hover {
    background: #333;
    border: 1px solid #ebd89c;
	color: #ebd89c;
}
body.login div#login p#nav {
    text-align: center;
}
body.login div#login p#nav a {
    color: #888888;
}
body.login div#login p#nav a:hover {
    color: #ebd89c;
}
body.login div#login p#backtoblog {
    text-align: center;
}
body.login div#login p#backtoblog a {
    color: #888888;
}
body.login div#login p#backtoblog a:hover {
    color: #ebd89c;
}

.login #login_error, .login .message, .login .success{
	background: #333;
	color: #fff;
}