@import url("https://use.typekit.net/whr1epr.css");
@import url('global-style.css');
@import url('components/button.css');
@import url('components/alert.css');

html, body {
    font-size: 16px;
}

body.login {
    background-color: #F2F6FF;
    font-family:"aktiv-grotesk-extended";
}

body.login #login {
    width: 360px;
}

body.login #login form label,
body.login #login a {
    color: #798CB2;
    font-weight: 500;
}

body.login #login a {
    text-decoration: underline;
}

body.login #login a:hover,
body.login #login a:focus,
body.login .button.wp-hide-pw:hover,
body.login .button.wp-hide-pw:focus {
    color: #002D86;
    border: none;
    box-shadow: none;
    outline: none;
}

body.login div#login h1 a {
    background: url('../img/pollen-voyage-logo-bleu.png') center center no-repeat !important;
    width: 100% !important;
    height: 130px !important;
    object-fit: contain;
}

body.login #login .custom-login-content h1 {
    margin-bottom: 1rem;
    color: #002D86;
    font-weight: 700;
}

body.login #login .custom-login-content p {
    color: #002D86;
    text-align: center;
    font-weight: 300;
}

body.login #login form {
    background: none;
    border: none;
    box-shadow: none;
}

body.login #login form input[type=password],
body.login #login form input[type=text] {
    padding: 1.5rem;
    background: #FFF;
    font-size: 1rem;
    line-height: 1.2;
    color: #002D86;
    font-weight: 500;
    border: none;
    border-radius: 25px;
    box-shadow: inset 0 3px 6px 0 #0139A622;
}

body.login #login form input[type=password] {
    padding: 1.5rem 2.5rem 1.5rem 1.5rem;
}

body.login .button.wp-hide-pw {
    top: 0.75rem;
    right: 0.5rem;
    padding: 5px 9px;
    color: #798CB2;
    line-height: 2;
}

body.login #login form p.forgetmenot,
body.login #login form p.submit {
    float: none;
    margin-top: 1rem;
}

body.login #wp-submit {
    width: 100%;
    float: none;
}

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

body.login #backtoblog {
    display: none !important;
}