html,
html body {
	font-size: 16px;
}

body{
  font-family: sofia-pro,sans-serif;;
}
.header{ margin-bottom:30px; }
.navlogo{display:inline-block;}
.navlinks{ float:right;line-height:70px;margin-right:20px; }
.loginlogo a, 
.navlogo a
{margin:0 auto;text-align:center;width:97px;height:94px;display:block;background:url('images/logo-w-text.svg') 50% 50% no-repeat;background-size: contain;}
.right{text-align:right}
.hidden{display:none;}


body.loginpage {
    display: grid;
    place-items:center;
}

body.loginpage header {
    margin-bottom: 0;
}

body.loginpage .navlogo {
	margin:0px auto;
	width:167px;
	height: 167px;
	text-align:center;
	display:block;
}


body.loginpage .navlogo a {
    width:100%;
    height:100%;
    background-position: center center;
}

.loginform input {
	margin: 10px 0 20px;
	width:100%;
	border-radius: 1rem;
	border-width: 1px;
	border-color: #918f8f40;
	padding: 1rem!important;
	line-height: 1;
	--tw-shadow: 0 0px 10px #00000012,0 0px 3px #00000057;
	--tw-shadow-colored: 0 0px 10px var(--tw-shadow-color),0 0px 3px var(--tw-shadow-color);
	-webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
	-o-transition-timing-function: cubic-bezier(.4,0,.2,1);
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	-webkit-transition-duration: .15s;
	-o-transition-duration: .15s;
	transition-duration: .15s;
}

.loginform input:focus-visible,
.loginform input:focus {
	border-width: 2px;
	--tw-border-opacity: 1;
	--tw-text-opacity: 1;
	color: rgb(64 97 228/var(--tw-text-opacity));
	--tw-shadow-color: #fff;
	--tw-shadow: var(--tw-shadow-colored);
	outline: 2px solid rgb(64 97 228/var(--tw-border-opacity));
}



.loginform input::-webkit-input-placeholder,.loginform textarea::-webkit-input-placeholder,
.loginform input::-moz-placeholder,.loginform textarea::-moz-placeholder,
.loginform input:-ms-input-placeholder,.loginform textarea:-ms-input-placeholder,
.loginform input::-ms-input-placeholder,.loginform textarea::-ms-input-placeholder,
.loginform input::placeholder,.loginform textarea::placeholder {
	opacity: 1;
	color: #9ca3af
}


.loginform input:focus::-webkit-input-placeholder,.loginform textarea:focus::-webkit-input-placeholder,
.loginform input:focus::-moz-placeholder,.loginform textarea:focus::-moz-placeholder,
.loginform input:-ms-input-placeholder,.loginform textarea:focus:-ms-input-placeholder,
.loginform input:focus::-ms-input-placeholder,.loginform textarea:focus::-ms-input-placeholder,
.loginform input:focus::placeholder,.loginform textarea:focus::placeholder,
.loginform input:focus-visible::-webkit-input-placeholder,.loginform textarea:focus-visible::-webkit-input-placeholder,
.loginform input:focus-visible::-moz-placeholder,.loginform textarea:focus-visible::-moz-placeholder,
.loginform input:-ms-input-placeholder,.loginform textarea:focus-visible:-ms-input-placeholder,
.loginform input:focus-visible::-ms-input-placeholder,.loginform textarea:focus-visible::-ms-input-placeholder,
.loginform input:focus-visible::placeholder,.loginform textarea:focus-visible::placeholder {
	--tw-border-opacity: 1;
	--tw-text-opacity: 1;
	color: rgb(64 97 228/var(--tw-text-opacity));
	border-color: rgb(64 97 228/var(--tw-border-opacity))
}



.loginform{
	margin:0px auto auto; 
	width: 260px;
}
.loginform .formrow{
	margin:0px 0px 10px;
}
.loginform .formrow label{
	width: 100%;
	padding-right:10px;
    display: block;
}

.loginform .submitrow a{
	display:block;
	margin-top:15px;
	text-align:center;
}



button[type="submit"] {
    cursor:pointer;
	-webkit-appearance: button;
	background-color: initial;
	background-image: none;
	display: inline-block;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	border-radius: 9999px;
	background-image: -webkit-gradient(linear,left top,right top,from(#4061e4), to(#764ae4));
	background-image: -o-linear-gradient(left,#4061e4, #764ae4);
	background-image: linear-gradient(to right,#4061e4, #764ae4);
	padding: 0.75rem 2.75rem 0.875rem;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: 700;
	color: rgb(255 255 255/1);
	border: none;
	width:100%;
}

.justify-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.items-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media (max-width: 800px) {
  font-size: 18px;
}