/* Custom WordPress Login Page Styles */


:root {
	--brand-1: #5B7553;
	--brand-2: #FCFCF7;
	--text-color: #5B7553;
	/* Add other brand colours as required. Note that if you add more than 4 you will need to update the colour picker in functions.php */
	
	--shadow: #efefef;
}


a.privacy-policy-link { color: #fff; text-decoration: underline;}
a.privacy-policy-link:hover { color: #fff; text-decoration: none;}

body.login {
    background: var(--brand-2); /* Background colour of the login page */
}

body.login h1 a {
    background-image: url('/wp-content/uploads/wedding-logo.svg'); /* Replace 'your-logo-url.png' with the URL of your logo */
    background-size: contain;
    width: 130px; /* Adjust the width as needed */
    height: 190px; /* Adjust the height as needed */
}

.login form {
    background: #fff; /* Background colour of the login form */
    border: 0; /* Border colour of the login form */
    padding: 26px 24px 46px; /* Padding inside the login form */
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2); /* Box shadow for the login form */
	border-radius: 1rem;
}

.l
.login label {
    font-size: 14px; /* Font size of the labels */
    color: var(--brand-1); /* Text colour of the labels */
}

.login #login_error, .login .message {
    border-left: 0px solid var(--brand-1); /* Border colour of error and message boxes */
	color: #fff;
	background: var(--brand-1);
	border-radius: 1rem;
}

.login #login_error a, .login .message a {
	color: #fff;
	text-decoration: underline;}

.login #nav, .login #backtoblog {
    text-align: center !important;
}

.login #nav {
    margin: 24px 0 0;
}
.login #nav a, .login #backtoblog a {
    color: #fff; /* Link colour */
    text-decoration: underline;
}

.login #nav a:hover, .login #backtoblog a:hover {
    color: #fff; /* Link hover colour */
	text-decoration: none;
}

.wp-core-ui .button-primary {
    background: transparent; /* Button background colour */
    border-color: var(--brand-1); /* Button border colour */
    box-shadow: none; /* Remove button shadow */
    text-shadow: none; /* Remove button text shadow */
    color: var(--brand-1); /* Button text colour */
}

.wp-core-ui .button-primary:hover {
    background: var(--brand-1); /* Button hover background colour */
    border-color: var(--brand-1); /* Button hover border colour */
    color: #fff; /* Button hover text colour */
}