@font-face {
    font-family: 'didotitalic';
    src: url('../fonts/header/didot_italic.woff2') format('woff2'),
    url('../fonts/header/didot_italic.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/body/avenir_next_lt_pro_regular.woff2') format('woff2'),
    url('../fonts/body/avenir_next_lt_pro_regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'aston_script_boldbold';
    src: url('../fonts/script/aston_script.woff2') format('woff2'),
    url('../fonts/script/aston_script.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --pink: #E7A9B5;
    --cream: #F6E5E5;
    --slate-green: #7F9D95;
    --light-green: #D1E1DA;
    --very-light-green: #F2F6F4;
    --sea-green: #89C4BB;
    --tan: #FFFDF6;
    --gold: #B5A642;
    --text: #282828;
    --header-font: 'didotitalic', serif;
    --body-font: 'Avenir Next LT Pro', sans-serif;
    --script-font: 'aston_script_boldbold', cursive;
    --box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
}

.login * {
    font-family: var(--body-font);
}

.login .login-heading h2 {
    font-family: var(--script-font) !important;
    font-size: 24px !important;
    text-transform: capitalize !important;
    font-weight: 400 !important;
    color: var(--slate-green) !important;
}

body.login .privacy-policy-page-link a {
    font-weight: 400 !important;
}

#login .notice {
    background: var(--light-green) !important;
}

#backtoblog a {
    color: var(--sea-green) !important;
}

#login .notice strong {
    font-weight: 500 !important;
}

body.login {
    background-color: var(--very-light-green) !important;
}

#login form input:not([type="submit"]):not([type="checkbox"]) {
    background-color: white !important;
    border-radius: 0 !important;
}

.login form input[type=checkbox] {
    opacity: 1 !important;
    border-radius: 0 !important;
    border-color: var(--slate-green) !important;
}

#login form input[type="submit"] {
    padding: 21px 40px !important;
    background: var(--pink) !important;
    color: white !important;
    letter-spacing: 1.6px !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    border: none !important;
}

#login form input[type="submit"]:hover {
    background: var(--sea-green) !important;
}

.login #login_error,
.login .message {
    border-radius: 0 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input:-webkit-autofill,
select:-webkit-autofill {
    -webkit-text-fill-color: var(--text) !important;
}

@media(max-width: 991px) {
    .login h1 a {
        width: 100px !important;
    }
}

@media(max-width: 690px) {
    .login .login-heading h2 {
        font-size: 22px !important;
    }
}