body {
    text-align: center;
    padding-top: 100px;
    background: url('/wp-content/plugins/oneplace/images/onepalece login page.jpg');
    /*background-size: 100%;*/
    background-size: cover;
    background-repeat: no-repeat;
}

.w100 {
    width: 100%;
}

img {
    max-width: 300px !important;
}

form {
    width: 40%;
    max-width: 300px;
    margin: 0 20% 100px 20%;
}

form p {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}

form p.login-remember {
    flex-wrap: nowrap !important;
}

form p label,
form p input:not([type="checkbox"]) {
    width: 100%;
}

form p input:not([type="checkbox"]) {
    height: 40px;
    font-size: 18px;
}

form p input:not([type="checkbox"]):focus-visible {
    outline: none !important;
    border-color: #172ba1 !important;
}

a[target="_blank"] {
    color: #ec1c79 !important;
    text-decoration: none !important;
}

a[target="_blank"]:hover {
    color: #172ba1 !important;
    transition: all ease-in-out 0.12s;
    -webkit-transition: all ease-in-out 0.12s;
}

#wp-submit {
    background: #ed1e79 !important;
    border-color: #ed1e79 !important;
    color: #FFFFFF !important;
}

#wp-submit:hover {
    cursor: pointer;
    background: #172ba1 !important;
    border-color: #172ba1 !important;
    transition: all ease-in-out 0.12s;
    -webkit-transition: all ease-in-out 0.12s;
}

.logo {
    max-width: 300px;
    margin: 0 20%;
}

.logo img {
    padding-bottom: 30px;
}

@media screen and (max-width: 992px) {
    a[target="_blank"] {
        color: #ec1c79 !important;
        font-size: 40px;
    }

    body {
        padding-top: 0;
        background: url('/wp-content/plugins/oneplace/images/onepalece login page.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .logo {
        width: 100%;
        max-width: unset !important;
        margin: auto;
    }

    .logo img {
        min-width: 500px;
    }

    img {
        max-width: 500px !important;
    }

    form {
        width: 100%;
        max-width: 100% !important;
        margin: 50px 10% 100px 10% !important;
    }

    form p {
        margin-bottom: 40px;
    }

    form p input:not([type="checkbox"]) {
        height: 100px;
        padding-left: 10px;
    }

    form p input:not([type="checkbox"]):not([type="submit"]) {
        border: none;
        outline: 2px solid #132ba4;
    }

    form input[type="checkbox"] {
        height: 30px;
        width: 30px;
    }

    form label {
        font-size: 40px !important;
    }

    form input,
    form input::placeholder {
        font-size: 30px !important;
    }

    form label {
        margin-bottom: 10px
    }

    input:-webkit-autofill::first-line {
        font-size: 2rem;
    }

    /*
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus {
        font-size: 30px!important;
    }
    */
}