:root{
	--sp-content-max-width: 64rem;
}
#sp-h1{
	color: var(--sc-color-text-light);
	font-size: 2.4rem;
	font-weight: 300;
	text-transform: uppercase;
}
#sp-h2{
	font-size: 3.2rem;
	font-weight: 300;
	text-transform: uppercase;
}
#sp-header{
	display: flex;
	flex-direction: column-reverse;
	min-height: 50vh;
	margin: 0 auto;
	max-width: var(--sp-content-max-width);
	padding: var(--sc-gutter-double-width);
	padding-top: 0;
}
#sp-forgot{
	padding: var(--sc-gutter-width) 0;
}
#sp-forgot a{
	color: var(--sc-color-accent);
}
#sp-forgot a:hover{
	text-decoration: underline;
}
#sp-form{
	background-color: #FFFFFF;
	border-radius: 2.4rem 2.4rem 0 0;
	min-height: 50vh;
}
#sp-fieldset{
	border: 0;
	margin: 0;
	margin: 0 auto;
	max-width: var(--sp-content-max-width);
	padding: var(--sc-gutter-double-width);
}
#sp-logo{
	align-items: center;
	display: flex;
	flex:1;
	justify-content: center;
	margin: 0;
	padding: 0;
}
#sp-logo svg{
	fill: var(--sc-color-text-accent);
	flex: 1;
	opacity: .48;
}
#sp-submit-button{
	background: var(--sc-color-text-accent);
	border: none;
	border-radius: .8rem;
	display: block;
	color: #FFFFFF;
	font-size: 1.6rem;
	margin: 0;
	padding: 1.6rem;
	width: 100%;
}
.sp-form-field{
	padding-bottom: var(--sc-gutter-width);
}
.sp-form-field label{
	color: var(--sc-color-text-light);
}
.sp-form-field input{
	background: transparent;
	border-radius: 0;
	border: 0;
	border-bottom: .1rem solid var(--sc-color-border);
	color: var(--sc-color-text);
	display: block;
	font-size: 1.6rem;
	padding: .8rem 0;
	width: 100%;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
/* */
#sp-error{
	background-color: red;
	padding: var(--sc-gutter-width);
}
#sp-error header{
	margin: 0;
	padding: 0;
}
#sp-error header h2{
	margin: 0;
	padding: 0;
}
#sp-error-main{
	margin: 0;
	padding: 0;
}