/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/**
 * Custom login styles
 --primary-color: #ffcb08;
 */

body.login {
    font-family: "Poppins", sans-serif;
    background: linear-gradient(178.74deg, #1C2651 1.08%, #1C217B 35.83%, #141973 70.59%, #1C2651 105.34%);
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    border: none;
}

/*body.login #login {
    padding: 3% 0 0;
    width: auto !important;
    min-width: 320px !important;
    max-width: 640px !important;
}*/

body.login #login {
    min-width: 320px !important;
    max-width: 640px !important;
    width: auto;
}

.login #login_error {
    border-left-color: #d63638;
    color: #000;
    font-size: smaller;
}

body.login #login_error a {
    color: #000 !important;
    font-weight: 600;
}

body.login #loginform {
    box-sizing: border-box;
    padding: 60px;
    background: rgba(82, 89, 138, 0.6);
    border-radius: 10px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    width: 100%;
}

/*body.login #login h1 a {
    display: block;
    width: 240px !important;
    height: 188px;
    background: url(/wp-content/plugins/shopnroll_client/public/images/logo.png) no-repeat center center !important;
    background-size: contain !important;
}*/

body.login .button.button-primary {
    display: inline-block;
    width: 100%;
    background: linear-gradient(180deg, #FFE65C 0%, #FEC608 100%);
    border: 1px solid #FFD01F;
    box-sizing: border-box;
    border-radius: 40px;
    color: #3A3A3A !important;
    height: 60px;
    line-height: 60px;
    font-weight: 600;
    font-size: 17px !important;
    transition: all linear 0.15s;
}

body.login .button.button-primary:hover,
body.login .button.button-primary:focus,
body.login .button.button-primary:active {
    background: linear-gradient(180deg, #FFE65C 0%, #FEC608 100%);
    box-shadow: 0px 0px 10px #EFC934;
    border: none;
    color: #3A3A3A !important;
}

body.login label {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
    font-size: 17px !important;
}

body.login input[type=text],
body.login input[type=email],
body.login input[type=password] {
    height: 48px;
    border-radius: 24px !important;
    background: #FFFFFF;
    line-height: 48px;
    padding: 0 20px !important;
    font-size: 18px !important;
    margin: -1px 0 0 0 !important;
}

body.login .user-pass-wrap {
    margin-bottom: 20px;
}

body.login #login form p {
    margin-bottom: 20px;
}

/*body.login a {
    color: #fff !important;
    font-weight: 600;
}*/

body.login .login #login_error, .login .message, .login .success {
    background: none;
    border: none;
    color: #FFD01F;
}

body.login #errorblock {
    box-sizing: border-box;
    padding: 60px !important;
    background: rgba(82, 89, 138, 0.6) !important;
    border-radius: 10px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    width: 100%;
}

body.login p#nav {
    color: transparent !important;
}



.header-bg-color, .header-wrapper{
    background: linear-gradient(178.74deg, #1C2651 1.08%, #1C217B 35.83%, #141973 70.59%, #1C2651 105.34%) !important;
}

.login h1 a {
    width: 178px;
}
.login #nav, #backtoblog {
    text-align: center;
}
.login a {
    color: #ccc !important;
}
.login a:hover {
    text-decoration: underline !important;
}
.language-switcher {
    display: none;
}

.login .privacy-policy-page-link {
    display: none;
}
.login form#lostpasswordform {
    background: transparent;
}
.login form#resetpassform {
    background: transparent;
}