/* WordPress Login CSS file */
/* ------------------------------------------------- */

body.login {
    --red: #CC2214;
    --navy: #04233C;
    --white: #FFFFFF;
}

/* Login Logo */
/* ------------------------------------------------- */

.login h1 a {
    width: 100%;
    height: 112px;
    background-image: url("https://ma-insol.on-forge.com/wp-content/uploads/2026/10/INSOL-International-red-and-blue-tagline-2.avif");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Login Buttons */
/* ------------------------------------------------- */

.login .button-primary {
    border-color: var(--red);
    background: var(--red);
    color: var(--white);
    box-shadow: none;
    text-shadow: none;
    transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.login .button-primary:hover,
.login .button-primary:focus,
.login .button-primary:active {
    border-color: color-mix(in srgb, var(--red) 85%, var(--navy));
    background: color-mix(in srgb, var(--red) 85%, var(--navy));
    color: var(--white);
}

.login .button-primary:focus {
    box-shadow: 0 0 0 1px var(--white), 0 0 0 3px var(--red);
}

/* Reduced Motion */
/* ------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
    .login .button-primary {
        transition: none;
    }
}