/*------------------------------------------------------------------------------------------------------*\

						OREY CUSTOM LOGIN STYLES

\*------------------------------------------------------------------------------------------------------*/
:root {
    --main-color: #002c90;
    --secondary-color: #fc1a57;
    --cta-color: #ff1053;
    --main-gradient: linear-gradient(346deg, rgba(252, 0, 141, 1) 0%, rgba(252, 91, 42, 1) 100%);
    --blue-gradient: linear-gradient(135deg, #1893ec, #1893ec, #261095);
}

body.login {
    background: var(--main-gradient);
}

h1 {
    /*background-color: #ffffff;*/
}

h1 a {
    background-repeat: no-repeat;
    color: #444;
    height: 100px !important;
    font-size: 20px;
    line-height: 1.3em;
    margin: 0 auto 25px;
    padding: 0;
    text-decoration: none;
    width: 84px;
    text-indent: -9999px;
    outline: 0;
    display: block;
    box-sizing: border-box;
    width: auto !important;
    padding: 20px !important;
}

p {
    font-size: 16px !important;
    line-height: 16px !important;
}

a {
    color: #fff;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--secondary-color) !important;
}

.message,
.login form {
    border-radius: 5px;
}

.login .message {
    border-left: 4px solid #fc5b2a;
    text-align: center;
}

.login #backtoblog a,
.login #nav a,
.login h1 a {
    color: #fff;
}

.login #nav {
    text-align: center;
}

input#wp-submit {
    background: rgb(252, 0, 141);
    background: -moz-linear-gradient(346deg, rgba(252, 0, 141, 1) 0%, rgba(252, 91, 42, 1) 100%);
    background: -webkit-linear-gradient(346deg, rgba(252, 0, 141, 1) 0%, rgba(252, 91, 42, 1) 100%);
    background: linear-gradient(346deg, rgba(252, 0, 141, 1) 0%, rgba(252, 91, 42, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc008d",endColorstr="#fc5b2a",GradientType=1);
    border-color: #fc5b2a;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 20px;
    height: auto;
}

input#wp-submit:hover {
    background: var(--main-gradient);
}

p#backtoblog {
    display: none;
}

.wp-core-ui .button-primary {
    box-shadow: none;
    text-shadow: none;
}