/* Replace the WordPress logo with your custom image */
.login h1 a {
    background-image: url('../images/35WS-Logo-Beige.png') !important;
    height: 300px; /* Adjust as needed */
    width: 300px;  /* Adjust as needed */
    background-size: contain;
    margin-top: -5vh; 
}


/* Custom Page Background */
body.login {
    background-color: #d8c99b; /* Sandstone Beige background */
    background-image: url('../images/oregon.jpg'); 
    background-size: cover;
    background-repeat: no-repeat;
}


/* Style the Login Form Box */
#loginform {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 25px 25px 35px; /* Add some padding around the form */
}


/* Style the Login Button */
.login .button-primary {
    background: #d8c99b; /* Your brand color */
    border-color: transparent;
    border-radius: 3px;
    box-shadow: none;
    color: #273e47;
    text-shadow: none;
    transition: background 0.3s;
}

.login .button-primary:hover,
.login .button-primary:focus {
    background: #273e47; /* Darker hover state */
    border-color: transparent;
    color: #d8c99b;
}

/* Style Input Fields */
.login input[type="text"],
.login input[type="password"] {
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid #ccc;
}



/* --- Styling for the "Forgot password?" and "Register" link container --- */
#nav {
    /* Background for visibility */
    background-color: transparent; /* Sandstone Beige */
    
    /* Padding to make the background look like a container */
    padding: 10px 10px;
    
    /* Optional: Styling the container border/shape */
    border-radius: 4px;
    border: 1px transparent;
    
    /* Add some space below the login form */
    margin-top: 10px; 
    
    /* Ensure text color is visible against the background */
    text-align: center;
    color: #273e47;
    font-size: 14px;
}

#nav a {
    /* Ensure the link text color stands out */
    color: #273e47 !important; /* Standard WordPress Blue or your theme's link color */
    text-decoration: underline;
}

/* --- Styling for the "Back to [Site Name]" link container --- */
#backtoblog {
    /* Background for visibility (can be the same as #nav) */
    background-color: transparent; 
    
    /* Padding to make the background look like a container */
    padding: 10px 10px;
    
    /* Optional: Styling the container border/shape */
    border-radius: 4px;
    border: 1px transparent;
    
    /* Add some space below the nav links */
    margin-top: 10px; 
    
    /* Ensure text color is visible against the background */
    text-align: center;
    color: #273e47;
    font-size: 14px;
}

#backtoblog a {
    /* Ensure the link text color stands out */
    color: #273e47 !important; /* Standard WordPress Blue or your theme's link color */
    text-decoration: underline;
}

/* Optional: Improve link hover state */
#nav a:hover,
#backtoblog a:hover {
    color: #a4243b !important; /* Slightly lighter color on hover */
}