#hmns-login-box {
	padding: var(--login-pad-top) 0 var(--login-pad-bottom);
	margin: var(--login-margin-top) auto var(--login-margin-bottom);	
	width: 1400px;
	max-width: 100%;	
	border: 1px solid rgba(95,85,65,.2);
	background:white;
}
#hmns-login-box .login-flex {
	display: flex;
	flex-direction: column;
	gap:48px;	
}
.title-bar {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 16px;
}
.form-switcher {
	display: flex;
	justify-content: center;	
	gap: 48px;
	padding: 0 16px;
}


.login-form-box, .create-account-box, .password-reset-box, .password-change-box {
	width: 600px;
	max-width: 100%;
	background:white;
	box-shadow:var(--hmns-box-shadow-light);
	margin: 0 auto;
}
.create-account-box, .password-reset-box, .password-change-box {
	display: none;
}
.create-account-box.active, .password-reset-box.active, .password-change-box.active {
	display: block;
}
.login-form-box.hide {
	display: none;
}
.login-form-box .login-top-bar,
.password-reset-box .password-reset-top-bar,
.password-change-box .password-change-top-bar {
	background: var(--fossil-rim);
	text-align: center;
	color: white;
	font-size: 20px;
	font-family: "source-sans-pro", sans-serif; font-weight: 700;	
	padding: 16px;
}
.create-account-fields { padding: 48px;}
form#create-account-form .select-outer {
	width: 100%;
	margin-bottom: 32px;
	background:none;
	border:1px solid rgba(95,85,65,.2);
	border-radius: 4px;
	padding: 0;
	margin-top: 8px;
}
form#create-account-form select {
	width: 100%;
	background:none;
	border:none;
	padding: 12px 24px;
	-webkit-appearance: none; /* Hide default chevron for Webkit browsers */
  		-moz-appearance: none;    /* Hide default chevron for Firefox */
  		appearance: none;         /* Hide default chevron for other browsers */
	background-image: var(--login-chevron);
	background-repeat: no-repeat;
	background-size: 16px; /* Adjust size as needed */
	background-position: calc(100% - 24px) center;
}
.create-account-section-top-bar {
	background: var(--fossil-rim);
	text-align: center;
	color: white;
	font-size: 18px;
	font-family: "source-sans-pro", sans-serif; font-weight: 700;	
	padding: 12px;
	margin-bottom: 16px;
}
.login-form-box .login-form,
.password-reset-box .password-reset-form,
.password-change-box .password-change-form {
	padding: 48px 96px;	
}
.login-form-box .login-form input[type="text"], 
.login-form-box .login-form input[type="password"],
form#create-account-form input[type="text"],
form#create-account-form input[type="password"],
.password-reset-box .password-reset-form input[type="text"],
.password-change-box .password-change-form input[type="password"] {
	width: 100%;
	height: 50px;
	border: 0;
	border-bottom: 1px solid rgba(95,85,65,.2);
	margin-bottom: 32px;	
	background:none;
} 
.login-form-box .login-submit,
.create-account-box .create-account-submit,
.password-reset-box .password-reset-submit,
.password-change-box .password-change-submit {
	background: var(--cream);
	border-bottom: 4px solid var(--monarch);
	padding:32px;
	display:flex;
	justify-content:center;
}
.login-form-box .login-submit input[type="submit"],
.create-account-box .create-account-submit input[type="submit"],
.password-reset-box .password-reset-submit input[type="submit"],
.password-change-box .password-change-submit input[type="submit"] {
	background: var(--monarch-alt);
	font-family: "source-sans-pro", sans-serif; font-weight: 700;	
	padding: 16px 24px;
	color: white;
	border:0;
	min-width: 150px;
	cursor: pointer;
}
.form-switcher-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;	
	gap: 8px;
	background:var(--cream-light);
	padding: 24px 32px 32px;
	width: 205px;
}
.form-switcher-title h6 {
	font-family: "termina", sans-serif;
	font-size: 14px;
	color: var(--fossil-rim);
	text-align: center;
	font-weight: 400;
}

.form-switcher-box button {
	background:none !important;
	padding: 0 0 8px 0 !important;
	transition: all 0.5s ease;
	border:none !important;
	border-bottom: 1px solid var(--serengeti) !important;
	color: var(--fossil-rim) !important;	
	border-radius: 0 !important;
	font-weight: normal !important;
}	
.form-switcher-box button:hover {
	border-bottom-color: var(--monarch-alt) !important;
	background:none !important;

}
.login-form-box .login-form .label-flex,
form#create-account-form .label-flex,
.password-reset-box .password-reset-form .label-flex,
.password-change-box .password-change-form .label-flex { 
	display: flex;	
}
.login-form-box .login-form .label-flex label,
form#create-account-form .label-flex label,
.password-reset-box .password-reset-form .label-flex label,
.password-change-box .password-change-form .label-flex label {
	margin-right: auto;	
}
.login-extras-box {
	padding: 24px;	
}
.label-flex label {
	font-family: "termina", sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: var(--fossil-rim);
}
.label-flex span.required {
	font-family: "termina", sans-serif;
	font-size: 10px;
	font-weight: 400;
	color: var(--fossil-rim);	
}
.login-form .login-fields .login-links {
	display: flex;
	flex-direction: column;
	column-gap 8px;
	justify-content: center;
	align-items: center;	
}
.login-form .login-fields .login-links a {
	color: var(--monarch-alt);
	font-family: "source-sans-pro", sans-serif; font-weight: 700;
}
form#tessitura-login-form.greyed-out,
form#create-account-form.greyed-out,
form#password-reset-form.greyed-out,
form#password-change-form.greyed-out {
	opacity: .5;
	appearance:none;
	--webkit-appearance:none;
	--moz-appearance:none;	
}
.loginReturn, .create-account-return, .password-reset-return, .password-change-return {
	padding: 32px;
	text-align: center;
}
.loginReturn h6, .create-account-return h6, .password-reset-return h6, .password-change-return h6 {
	color: var(--monarch-alt);
	margin-bottom: 16px;
}
.return-url-notification {
	background: var(--cream);
	padding: 16px 24px;
	text-align: center;
	font-size: 14px;
	color: var(--fossil-rim);
	border-bottom: 1px solid rgba(95,85,65,.2);
}
.return-url-notification.hide {
	display: none;
}
.return-url-notification a {
	color: var(--monarch-alt);
	font-family: "source-sans-pro", sans-serif; font-weight: 700;
}