/* Net-ID
----------------------------------*/

.wda-NetidLogin{
	margin-top: 33px;
}

@media screen and (max-width: 719px){
	.wda-NetidLogin{
		margin-top: 0;
	}
}

/* Divider
----------------------------------*/

.wda-LoginDivider{
	color: #888;
	height: 156px;
	position: relative;
	width: 25px;
}

.wda-LoginDivider:before{
	background-color: #ddd;
	content: '';
	height: 100%;
	left: 12px;
	position: absolute;
	top: 0;
	width: 1px;
}

.wda-LoginDivider span{
	background-color: #f2f2f2;
	display: inline-block;
	margin-top: 53px;
	padding: 0 2px;
	position: relative;
}

@media screen and (max-width: 719px){
	.wda-LoginDivider{
		height: auto;
		text-align: center;
		width: auto;
	}

	.wda-LoginDivider:before{
		height: 1px;
		left: 0;
		top: 10px;
		width: 100%;
	}

	.wda-LoginDivider span{
		margin-top: 0;
	}
}

/* Email
----------------------------------*/

.wda-EmailLogin{
	/* Added as the drupal login just links to seperate page */
	margin-top: 33px;
}

@media screen and (max-width: 980px) {
	.wda-EmailLogin{
	}
}

@media screen and (max-width: 719px){
	.wda-EmailLogin{
	}
}

.wda-EmailLogin input[type="text"],
.wda-EmailLogin input[type="email"],
.wda-EmailLogin input[type="password"]{
	font-size: 16px;
	height: 36px;
	padding: 8px;
}

.wda-EmailLogin-inner{
	position: relative;
}

.wda-EmailLogin-toggle{
	position: absolute;
	top: 33px;
	width: 100%;

	opacity: 0;
	visibility: hidden;

	transition: opacity 0.3s;
}

.wda-EmailLogin.is-collapsed .wda-EmailLogin-toggle{
	opacity: 1;
	visibility: visible;
}

.wda-EmailLogin-form{
	opacity: 1;
	visibility: visible;

	transition: opacity 0.3s;
}

.wda-EmailLogin.is-collapsed .wda-EmailLogin-form{
	opacity: 0;
	visibility: hidden;
}




.wda-EmailLogin-standalone-form,
.wda-PasswordReset-standalone-form{
	max-width: 550px;
}


.wda-EmailLogin-standalone-form  .wda-EmailLogin,
.wda-PasswordReset-standalone-form  .wda-EmailLogin
{
	margin-top: 0;
}

.wd-l-Container .wda-EmailLogin-standalone-form .wda-EmailLogin label[for="edit-name"],
.wd-l-Container .wda-EmailLogin-standalone-form .wda-EmailLogin label[for="edit-pass"],
.wd-l-Container .wda-PasswordReset-standalone-form .wda-EmailLogin label[for="edit-name"]
{
	display: none;
}

.wd-l-Container .wda-EmailLogin-standalone-form .wda-EmailLogin input[type="text"],
.wd-l-Container .wda-EmailLogin-standalone-form .wda-EmailLogin input[type="email"],
.wd-l-Container .wda-EmailLogin-standalone-form .wda-EmailLogin input[type="password"],
.wd-l-Container .wda-PasswordReset-standalone-form .wda-EmailLogin input[type="text"]{
	font-size: 16px;
	height: 36px;
	padding: 8px;
	width: 100%;
}




/* Grids
----------------------------------*/

.wda-LoginBox--email{
	max-width: 300px;
	padding: 40px;
}

.wda-LoginBox .wd-Grid{
	display: table;
}

.wda-LoginBox .wd-Grid-cell--1,
.wda-LoginBox .wd-Grid-cell--2,
.wda-LoginBox .wd-Grid-cell--3{
	display: table-cell;
}

.wda-LoginBox .wd-Grid-cell--1,
.wda-LoginBox .wd-Grid-cell--3{
	width: 48%;
}

.wda-LoginBox .wd-Grid-cell--2{
	width: 4%;
}


.wda-LoginBox .wd-Grid-cell--2{
	width: 40px;
}

@media screen and (max-width: 719px){
	.wda-LoginBox--email{
		padding: 20px;
	}

	.wda-LoginBox .wd-Grid{
		display: inherit;
	}

	.wda-LoginBox .wd-Grid-cell--1,
	.wda-LoginBox .wd-Grid-cell--2,
	.wda-LoginBox .wd-Grid-cell--3{
		display: inherit;
		width: inherit;
	}
}