@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap');


html, body {
    background-color: #F9F6F3;
}

body.interim-login {
    height: 99%;
}
body.interim-login #login {
    background-color: transparent;
    box-shadow: none;
}
body.interim-login #login-message {
    margin-bottom: 20px;
}
body.interim-login #login p.submit {
    margin-top: 20px !important;
}

input {
    color: rgba(81, 51, 25, .7);
    font-family: "Instrument Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.625;
}

p.forgetmenot input[type="checkbox"] {
    display: none;
}

/* Styluj wygląd nowego checkboxa */
p.forgetmenot input[type="checkbox"] + label {
    position: relative;
    cursor: pointer;
    display: block;
    padding-left: 28px;
    color: #513319;
    font-family: "Instrument Sans";
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38;
}

/* Styluj wygląd kropki (fałszywego checkboxa) */
p.forgetmenot input[type="checkbox"] + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 0px;
    border: 1px solid rgba(209, 185, 165, .5);
    transition: all .5s;
}
p.forgetmenot input[type="checkbox"]:hover + label:before {
    background-color: #513319;
    border-color: #513319;
}

/* Styluj wygląd kropki, gdy jest zaznaczona */
p.forgetmenot input[type="checkbox"]:checked + label:before {
    background-color: #513319;
    border-color: #513319;
}

/* Styluj znacznik wewnątrz kropki (gdy jest zaznaczona) */
p.forgetmenot input[type="checkbox"]:checked + label:after {
    content: url('images/check.svg');
    position: absolute;
    left: 4px;
    top: 0;
    width: 12px;
    height: 9px;
}

body.admin-bar body.login-action-login:before {
    display: none;
}

iframe#wp-auth-check-frame h1 {
    z-index: 15;
}

label.rememberme {
    color: #4D5D73;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.33;
}

#login {
    width: 586px;
    /* height: 535px; */
    padding-top: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 0;
    box-sizing: border-box;
    background-color: #fff;
    padding: 60px 80px;
    box-shadow: 0px 4px 50px 0px rgba(81, 51, 25, .1);
}
@media screen and (max-width: 768px) {
    #login {
        max-width: calc(100% - 60px);
        padding: 30px 40px 50px;
    }
}
.wp-core-ui select:focus {
    box-shadow: none !important;
}
#loginform {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: transparent;
    margin-top: 15px;
    box-shadow: none;
    padding: 0;
    margin: 0;
}
.login form {
    box-shadow: none;
    border: none;
}
.login form label {
    /* color: #777; */
    /* font-size: 13px; */
    /* font-weight: 400; */
    /* line-height: 1.47; */
    /* letter-spacing: 0.3px; */
    /* margin-bottom: 10px; */
    display: none;
}
input#user_login, input#user_pass {
    background-color: transparent;
    border-radius: 0px;
    border: 1px solid rgba(209, 185, 165, .5);
    color: #513319;
    font-family: "Instrument Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.625;
    box-shadow: none;
    padding-left: 20px;
    height: 50px;
    transition: all .5s;
    margin-bottom: 20px;
    outline: none !important;
}
input#user_login::-webkit-input-placeholder, input#user_pass::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: rgba(81, 51, 25, .7);
}
input#user_login:-moz-placeholder, input#user_pass:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(81, 51, 25, .7);
    opacity: 1;
}
input#user_login::-moz-placeholder, input#user_pass::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(81, 51, 25, .7);
    opacity: 1;
}
input#user_login:-ms-input-placeholder, input#user_pass:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(81, 51, 25, .7);
}
input#user_login::-ms-input-placeholder, input#user_pass::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(81, 51, 25, .7);
}
input#user_login::placeholder, input#user_pass::placeholder {
    /* Most modern browsers support this now. */
    color: rgba(81, 51, 25, .7);
}

input#user_login:focus, input#user_pass:focus,
input#user_login:not(:placeholder-shown), input#user_pass:not(:placeholder-shown) {
    border-color: #513319;
}

#login form p, .user-pass-wrap {
    width: 100%;
}

.login h1 {
    background-image: url('images/login-logo.svg') !important;
    width: 205px;
    height: 128px;
    background-size: initial;
    margin: 0 auto 40px
}

.login h1 a {
    display: none;
}

p.forgetmenot {
    margin-top: -1px;
    width: auto !important;
}

#login p.submit {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    position: relative;
    background-color: #fff;
    justify-content: center;
    transition: all .5s;
    cursor: pointer;
    height: 50px;
    border: 1px solid #513319;
    margin-top: 31px !important;
    border-radius: 0px;
}
@media screen and (max-width: 575px) {
    #login p.submit {
        margin-top: 69px !important;
    }
}
#login p.submit:before {
    content: url('images/btn-login.svg');
    transition: all .5s;
}
@media screen and (max-width: 575px) {
    #login p.submit:before {
        margin-top: -4px;
    }
}
#login p.submit input#wp-submit {
    color: #513319;
    font-family: 'Newsreader';
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    background: none;
    border: none;  
    transition: all .5s;
    padding: 0;
}
#login p.submit:hover {
    background-color: #513319;
}
#login p.submit:hover input#wp-submit {
    color: #D1B9A5;
}

/* Reset hasła */
body.login-action-rp .reset-pass-submit:before, body.login-action-rp .reset-pass-submit:after {
    display: none;
}
body.login-action-rp #login form p.submit {
    justify-content: space-between;
    width: 100%;
}
body.login-action-rp .reset-pass-submit .button {
    position: relative;
    margin-bottom: 0;
    z-index: 9;
    background-color: #fff;
    transition: all .5s;
    border-color: #009EE0;
    width: auto;
}
body.login-action-rp .reset-pass-submit .button:hover {
    background-color: #009EE0;
    color: #fff;
}

body.login-action-rp .reset-pass-submit input {
    width: auto;
    background-color: #003986 !important;
}
body.login-action-rp .reset-pass-submit input:hover {
    background-color: #009EE0 !important;
}
/* // Reset hasła */


.privacy-policy-page-link {
    display: none;
}

p#nav {
    padding: 0 !important;
    margin: 0 !important;
    position: absolute;
    bottom: 145px;
    right: 81px;
}
@media screen and (max-width: 768px) {
    p#nav {
        bottom: 175px;
        right: 40px;
    }
}
@media screen and (max-width: 575px) {
    p#nav {
        right: auto;
        left: 40px;
        bottom: 145px;
    }
}
p#nav a.wp-login-lost-password {
    transition: all .5s;
    outline: none; /* Removes the default blue border */
    box-shadow: none;
    color: #916E4F !important;
    font-family: "Instrument Sans";
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38;
}
p#nav a.wp-login-lost-password:hover {
    opacity: .7 !important;
}

p#backtoblog {
    display: none;
}

body input[type="checkbox"]:checked::before {
    opacity: 1 !important;
}   

.login .button.wp-hide-pw .dashicons {
    padding-top: 2px;
    color: #D6D6D6;
    right: 2px;
    top: 6px;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.login .button.wp-hide-pw {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.login .button:hover {
    background: #0057DC;
}
.login .button:focus {
    box-shadow: none;
    outline: none;
}

.user-pass-wrap {
    margin-bottom: 4px;
}

.login #nav a:hover {
    color: #93A1B4;
}

.privacy-policy-link {
    transition: all 0.4s;
}

.dashicons-translation::before {
    color: #A4A9AE;
}
.language-switcher {
    display: none;
}

.login .privacy-policy-page-link {
    text-align: left;
    margin: 7px 40px;
}

.login #backtoblog, .login #nav {
    color: #916E4F;
    font-family: "Instrument Sans";
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38;
}

body.login-in-iframe:before {
    display: none;
}

body.login-in-iframe #login {
    width: 380px;
    transform: initial;
}

.notice.notice-info.message {
    border-left-color: #BF1818;
    background-color: transparent;
    box-shadow: none;
    margin-bottom: 0;
    padding: 0 0 0 23px;
}

body.login-action-lostpassword #nav a {
    color: #fff;
    font-family: 'Geist';
    font-size: 13px;
    font-weight: 400;
    line-height: 1.31;
    transition: all .5s;
}
body.login-action-lostpassword #nav a:hover {
    color: #BF1818;
}

form#lostpasswordform {
    background-color: transparent;
    padding: 0;
    margin-top: 46px;
}
form#lostpasswordform p.submit {
    width: calc(100% - 2px);
}

form#lostpasswordform input#user_login {
    margin-bottom: 20px;
}

form#lostpasswordform + p#nav {
    position: static;
    text-align: center;
    color: #fff;
    font-size: 13px;
    margin-top: 156px !important;
}
form#lostpasswordform + p#nav +p#backtoblog {
    position: static;
    text-align: center;
    transform: initial;
    padding: 0;
    margin-top: 16px;
}