body.login {
    background:
        radial-gradient(circle at top right, rgba(26, 86, 160, 0.12), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f3f5f8 100%);
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    color: #1c2430;
}

body.login div#login {
    width: 420px;
    max-width: calc(100% - 32px);
    padding: 48px 0 24px;
}

body.login h1 a {
    background-image: url("../images/riz-de-camargue-IGP.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 260px;
    height: 96px;
    margin: 0 auto 18px;
}

body.login form {
    background: #ffffff;
    border: 1px solid #d8dee8;
    box-shadow: 0 16px 40px rgba(22, 36, 58, 0.08);
    padding: 28px 28px 24px;
}

body.login label,
body.login .forgetmenot,
body.login #nav,
body.login #backtoblog {
    color: #4f5d73;
}

body.login form .input,
body.login input[type="text"],
body.login input[type="password"] {
    border: 1px solid #cbd5e1;
    box-shadow: none;
    padding: 10px 12px;
}

body.login form .input:focus,
body.login input[type="text"]:focus,
body.login input[type="password"]:focus {
    border-color: #1A56A0;
    box-shadow: 0 0 0 1px #1A56A0;
}

body.login .button-primary {
    background: #1A56A0;
    border-color: #1A56A0;
    box-shadow: none;
    text-shadow: none;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
    background: #123d72;
    border-color: #123d72;
}

body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a {
    color: #1A56A0;
}

body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .privacy-policy-page-link a:hover {
    color: #123d72;
}

body.login #language-switcher {
    display: none;
}