:root {
    --fog-white-transparant: rgb(240, 240, 240, 0.6);
    --fog-white: rgb(248, 248, 246);
    --lite-gray: rgb(100, 100, 100);
    --social-gray: rgba(124, 126, 125, 0.25);
    --dark-gray: rgb(39, 39, 38);
    --pale-yellow: rgb(245, 245, 108);
    --yellow-gold: rgb(238, 227, 128);
    --charred-green: rgb(32, 32, 30);
    --lite-aero-blue: #f1f6f2;
    --aero-blue: #d1f0d8;
    --magic-mint: #C1EBCB;
    --celadon: #A3E1B1;
    --granny-smith-apple: #84d797;
    --emerald: #65CD7D;
    --green-pigment-l: #37A950;
    --green-pigment: #23A03E;
    --slimy-green: #0D962B;
    --pakistan-green: #0A7321;
    --lincoln-green: #075017;
    --forest-green-traditional: #053B11;
    --dark-green: #03260B;
    --dark-jungle-green: #021306;
    --chart-gradient: background-image: linear-gradient(to top left, rgb(99, 229, 255), rgb(91, 218, 234), rgb(83, 207, 214), rgb(74, 197, 193), rgb(66, 186, 173), rgb(58, 175, 152), rgb(50, 164, 132), rgb(42, 153, 111), rgb(34, 142, 91), rgb(25, 132, 70), rgb(17, 121, 50), rgb(9, 110, 29));
}


/*--------------------
Default login page 
---------------------*/

body.login {
    background-color: var(--dark-green);
    background-image: url("../images/peter-boccia-vQVWSCx8lbQ-unsplash.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

body.login div#login form#loginform {
    background-color: var(--granny-smith-apple);
    border-radius: .3rem;
    border: 2px solid var(--pakistan-green);
}

#login {
    width: 320px;
    padding: 5% 10px 10px;
    margin: auto;
    backdrop-filter: blur(1px);
    background: #088c00;
    border-radius: 0 0 15px 15px;
    border-color: #0b9f0d;
    border-style: solid;
    border-top: none;
    border-width: thin;
}

.login .button.wp-hide-pw:focus {
    background: 0 0;
    border-color: #037c12;
    box-shadow: 0 0 0 1px #00aa15;
    outline: 2px solid transparent;
}

.login #backtoblog a,
.login #nav a {
    text-decoration: none;
    color: #092500;
}

.login #login_error,
.login .message,
.login .success {
    border-left: 4px solid #f3eb08;
    padding: 12px;
    margin-left: 0;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
    word-wrap: break-word;
}

body.login div#login form#loginform,
.login form {
    margin-top: 20px;
    margin-left: 0;
    padding: 26px 24px 34px;
    font-weight: 400;
    overflow: hidden;
    background: #26920242;
    color: #000601;
    border: none;
}

.wp-core-ui .button,
.wp-core-ui .button.button-large {
    width: unset;
}

.wp-core-ui .button-primary {
    background: var(--lincoln-green);
    border-color: var(--slimy-green);
    color: rgb(20, 233, 109);
}

.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary.hover,
.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary:hover {
    background: var(--slimy-green);
    border-color: var(--lincoln-green);
    color: rgb(1, 56, 1);
}

.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.hover,
.wp-core-ui .button:hover {
    background: #039e44;
    border-color: #09f780;
    color: #0e2c03;
}

#wp-auth-check-wrap #wp-auth-check {
    position: fixed;
    overflow: hidden;
    top: 1%;
    bottom: 20px;
    max-height: 50rem;
    width: 38rem;
    margin: auto;
    padding: 0;
    background-color: #f0f0f1;
    z-index: 1000011;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
    scrollbar-width: thin;
    scroll-margin: revert;
    left: 1%;
    right: 1%;
    bottom: 1%;
}


/* form styling */

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    /* width: 100%; */
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10%;
    /* border: 1px solid #ccd1d1; */
}

.ads {
    background-color: var(--forest-green-traditional);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #fff;
    padding: 15px;
    text-align: center;
}

label,
[for="user_login"] {
    display: block;
    margin-bottom: 0.5rem;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer;
    position: relative;
    color: var(--granny-smith-apple);
    border: rgb(236, 190, 4);
    background-color: #24a541;
    padding: 10px 5px;
    border-radius: 5px;
    display: flex;
    text-align: center;
    width: 40%;
    border-radius: 2rem;
    margin: auto 2%;
    margin-bottom: auto;
}

button:not(:disabled):hover,
[type="button"]:not(:disabled):hover,
[type="reset"]:not(:disabled):hover,
[type="submit"]:not(:disabled):hover {
    color: var(--dark-green);
    border: var(--dark-green);
    background-color: var(--green-pigment-l);
    border-radius: 2rem;
}

.login form .input,
.login form input[type=checkbox],
.login input[type=text] {
    background: #fff;
    border: 1px solid #62c658;
}

.login form .input,
.login input[type=password],
.login input[type=text] {
    font-size: 24px;
    line-height: 1.33333333;
    width: 100%;
    border-width: 0.0625rem;
    padding: 0.1875rem 0.3125rem;
    margin: 0 6px 16px 0;
    min-height: 40px;
    max-height: none;
    border-radius: 20px;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border: 1px solid rgb(212 235 168);
    border-radius: 2rem;
    padding: .3rem;
    background-color: #f8f9fa;
    outline: none;
}

input.focus,
button.focus,
select.focus,
optgroup.focus,
textarea.focus {
    outline: none;
    background-color: var(--granny-smith-apple);
}

.login-form-1 {
    background-color: rgba(227, 253, 221, 0.786);
    border-radius: 0.2rem;
    color: var(--dark-green);
    font-weight: 500;
    padding: 1rem 0.5rem;
    text-align: center;
}

.login-side-two {
    padding: 2rem 1rem;
}

div.bg-image-login {
    background-image: url("../images/peter-boccia-vQVWSCx8lbQ-unsplash.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-image-login {
    position: absolute;
    width: 100%;
    max-height: 100rem;
    height: 100vh;
}

input#custom-submit {
    display: inline-block;
}

.login-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-right: -15px; */
    /* margin-left: -15px; */
}

.login-side-two a {
    color: var(--success);
    text-decoration: none;
}

.login-side-two a:hover {
    color: var(--forest-green-traditional);
}


/* #loginform input#wp-submit {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 20rem !important;
    position: relative !important;
    transform: translate(-5%, 70%) !important;
} */