@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root {
    --color__background: #0a3a64;
    --color__text: #000;
    --color__bg: #000;
    --color__text_dark: #000;
    --color__text_light: #000;
    --color__white: #000;

    --color__orange: #247391;
}

::selection {
	color: var(--color__white);
	background: var(--color__text_light);
}

body {
    background-color: #F6F3EE;
    box-shadow: none !important;
    outline: 0 !important;
    font-family: "Sora", sans-serif;
    cursor: default;
    color: var(--color__text_dark);
    background-image: url("data:image/svg+xml,%3Csvg width='1186' height='1394' viewBox='0 0 1186 1394' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M914.722 355.538L271.154 727.108V0H0V1393.74H271.154V1034.55L914.722 662.976V1393.74H1185.88V0H914.722V355.538Z' fill='%23DFD4C3' fill-opacity='0.7'/%3E%3C/svg%3E%0A");
    background-position-x: 50vw;
    background-position-y: 50%;
    background-size: 80%;
    background-repeat: no-repeat;
}

a {
    box-shadow: none !important;
    outline: 0 !important;
    color: var(--color__text);
}

a:hover {
    color: var(--color__text);
}

.login h1 a {
    width: calc(100% - 80px);
    background-size: contain;
    background-position: center bottom;
    background-image: url('img/logo.svg');
}

.login form {
    background: #FFFFFF;
    border: 0;
    border-radius: 12px;
    padding: 26px 24px 14px;
    box-shadow: none !important;
    display: flex;
    flex-direction: column;
}

.login form input {
    box-shadow: none;
    border: 1px solid #ccc;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
}

.login form input[type="text"],
.login form input[type="password"] {
    background-color: #FFFFFF;
    border: 1px solid #0F0E0E;
    font-size: 16px !important;
    font-weight: 400;
    border-radius: 4px;
    outline: 0;
    padding: 5px 10px;
}

.login form input[type="text"] {
    padding: 8px 10px 7px 10px;
}

.login form input[type="password"] {
    padding: 8px 40px 7px 10px !important;
}

.wp-pwd input[type="text"] {
    padding: 8px 40px 7px 10px !important;
}

.login form input:focus {
    border: 1px solid #0F0E0E;
}

.login form input:focus {
    box-shadow: none !important;
    outline: 0 !important;
}

.login .button.wp-hide-pw {
    top: 1px !important;
    box-shadow: none !important;
    outline: 0 !important;
    border: 0 !important;
}

.login .button.wp-hide-pw:focus {
    box-shadow: none !important;
    outline: 0 !important;
    border: 0 !important;
}

.dashicons-visibility:before {
    color: var(--color__text_light);
}

.login .button.wp-hide-pw:hover .dashicons-visibility:before {
    color: var(--color__text_dark);
}

.dashicons-hidden:before {
    color: var(--color__text_dark);
}

.login form label {
    margin-bottom: .5rem;
    user-select: none;
}

.login form input[type=checkbox] {
    background-color: #F2F9FE;
    margin-top: 18px !important;
    border-radius: 0 !important;
    user-select: none;
}

.login form input[type=checkbox]:checked {
    background: linear-gradient(260.55deg, #ECFF57 48%, #F6F3EE 100%) !important;
    margin-top: 18px !important;
    border: 1px solid #ECFF57 !important;
}

.login form input[type=checkbox]:focus {
    border: 1px solid #ECFF57 !important;
}

.login form input[type=checkbox]:checked:before {
    content: "";
    margin: -3px 0 0 -4px;
    color: var(--color__background) !important;
}

.login form input[type="submit"] {
    border: none !important;
    box-shadow: none;
    text-shadow: none;
    margin-top: 10px !important;
    transition: .2s all;

    border-radius: 25px !important;
    padding: 5px 25px;
    font-weight: 500;
    letter-spacing: .1em;
    color: #000!important;
    background-color: #e74c38;
}

.login form input[type="submit"]:hover {
    background-color: var(--color__orange);
    color: var(--color__white);
    text-shadow: none;
    transition: .4s all;
}

.forgetmenot {
    user-select: none;
}

.forgetmenot label {
    font-size: 12px;
}

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

.login .message {
    background: #FFF;
    border: 0;
    border-radius: 12px;
    user-select: none;
}

.login #login_error {
    background: #FFF;
    border: 3px solid #E74C38;
    user-select: none;
    box-shadow: none !important;
}

.message {
    box-shadow: none !important;
    border: none !important;
}

#login .button.button-large {
    background-color: #0F0E0E;
    border: 1px solid #ECFF57 !important;
    box-shadow: none;
    color: #F6F3EE !important;
    text-shadow: none;
    border-radius: 21px !important;
    margin-top: 10px !important;
    padding: 2px 20px;
    transition: .2s all;
    width: 100%;
}

#login .button.button-large:hover {
    background: linear-gradient(260.55deg, #ECFF57 48%, #F6F3EE 100%);
    color: #0F0E0E !important;
    text-shadow: none;
    transition: .4s all;
}

@media (max-width: 782px) { 
    .login form input[type="submit"] {
        width: 100%;
        transition: .2s all;
    }
}

#login .copyright {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    user-select: none;
    color: #000;
    font-weight: 400;
}

#login .copyright a {
    color: #000;
    text-decoration: none;
    font-weight: 500;
}

#login .copyright .link_pop {
    color: #0F0E0E;
    text-decoration: none;
    font-weight: 500;
}

.login #backtoblog a, .login #nav a {
    color: #000;
}