@charset "UTF-8";

/*
Title: WordPress Style Login
Description: Colorado State University College of Liberal Arts login CSS
Site: https://www.libarts.colostate.edu
Version: 1.2.0
*/

@media only screen and (min-width: 0px) {
	html {
		-webkit-perspective:900px;
		-moz-perspective:900px;
		-ms-perspective:900px;
		-o-perspective:900px;
		perspective:900px;
	}
	html, body {
		height:auto;
		min-height:100%;
		background-color:#1E4D2B;
	}
}

a.skip-link:focus {
	position: absolute;
	z-index: 100000;
	top: 4px;
	left: 5px;
	border-radius: 3px;
	padding: 5px;
	display: block;
	width: auto;
	height: auto;
	clip: auto;
	clip-path: none;
	font-weight: bold;
	line-height: 32px;
	text-decoration: none;
	text-transform: none;
	color: #1E4D2B;
	background-color: #fff;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}


#login {
	position:relative;
	padding:0;
	background-color:transparent;
}

#login h1 {
	display:none;
}

#login h1 a {
	background-image: url('../../cla-master/images/cla-horizontal-white-full.png');
	background-size:contain;
	width:240px;
	height:200px;
	-webkit-animation:fade-in 2000ms;
	animation:fade-in 2000ms;
}

#login a {
	color:#C4D92E;
}
#login a.button {
	border-color:#CFFC00;
	color:#CFFC00;
}

#cla-site-name {
	position:relative;
	z-index:1;
	margin-top:1em;
	margin-bottom:0;
	padding:24px 24px 12px 24px;
	color:#fff;
	line-height:1.4;
}

#login .message,
#login #login_error {
	padding:12px 24px;
	text-align:center;
}

#loginform,
.nologin-message,
.login .admin-email-confirm-form {
	margin-top:0;
	padding:12px 24px;
	border:none;
	border-radius:10px;
	background-color:transparent;
	box-shadow:none;
	overflow: auto;
}

.maintenance-mode #loginform > p,
.maintenance-mode #loginform > .user-pass-wrap {
	display:none;
}

.login form p {
	display:block;
	clear:both;
	color:#bbb;
}
.login form .input,
.login input[type=text] {
	padding:5px;
	color:#1E4D2B;
	background-color:#fff;
	border:none;
	border:1px solid #1E4D2B;
	box-shadow:none;
}

.wp-core-ui .button-primary {
	background:#1E4D2B;
	border-color:#1E4D2B;
	box-shadow:none;
}
.wp-core-ui .button-primary:visited {
	background:#CFFC00;
	border-color:#CFFC00;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:active,
.wp-core-ui .button-primary:focus  {
	background:#82C503;
	border-color:#82C503;
  color:#1E4D2B;
}

.login label,
.login #backtoblog a,
.login #nav a,
.login h1 a,
#login form #cla-login-message,
#login p {
	color:#FFFFFF;
}

.login #backtoblog a:hover,
.login #nav a:hover,
.login h1 a:hover {
	color:#e4fff0;
}

#login form #cla-login-maintenance-mode-message {
	margin:0 -24px 12px -24px;
	border-left:4px solid #fc0;
	padding:12px 24px;
	display:block;
	color:#444;
	background-color:#fff;
}

#login form #cla-login-message {
	margin-bottom:1em;
}

#rememberme {
	border:1px solid #006225;
	background-color:transparent;
}

#cla-legacy-login-button {
	width:100%;
	float:none;
}
#cla-legacy-login-description {
	margin-top: 1em;
	color: #fff;
}

#wp-submit {
	display:block;
	clear:both;
	width:100%;
	height:auto;
	padding:1em;
	margin:1em 0 16px 0;
	color:#e4fff0;
	text-shadow:none;
	box-shadow:none;
}

.login #nav {
	display:none;
}
.login #backtoblog {
	margin:0px;
	text-align:center;
	background-color:transparent;
	padding:12px 24px 24px 24px;
}
#wp-auth-check {
	padding:0px;
}
#login .shibboleth-or {
	margin-top:16px;
}
.shibboleth-wrap {
	position:relative;
	bottom:initial;
	padding:0;
	margin:0;
	clear:both;
}
#login a.shibboleth-button {
	padding:1em;
	min-height:32px;
	color:#1E4D2B;
	background-color:#CFFC00;
}
#login a.shibboleth-button:focus,
#login a.shibboleth-button:hover {
	background-color:#82C503;
}


@-webkit-keyframes fade-in {
	0% {opacity:0;}
	20% {opacity:0;}
	100% {opacity:1;}
}
@keyframes fade-in {
	0% {opacity:0;}
	20% {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes zoom-in {
	0% {-webkit-transform:translateZ(-20000px); opacity:0;}
	100% {-webkit-transform:translateZ(0px); opacity:1;}
}
@keyframes zoom-in {
	0% {-moz-transform:translateZ(-20000px); -ms-transform:translateZ(-20000px); -o-transform:translateZ(-20000px); transform:translateZ(-20000px); opacity:0;}
	100% {-moz-transform:translateZ(0px); -ms-transform:translateZ(0px); -o-transform:translateZ(0px); transform:translateZ(0px); opacity:1;}
}
@-webkit-keyframes drop-in {
	0% {-webkit-transform: translateY(-100%); opacity:0;}
	50% {-webkit-transform: translateY(-100%); opacity:0;}
	100% {-webkit-transform: translateY(0%); opacity:1;}
}
@keyframes drop-in {
	0% {-moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity:0;}
	50% {-moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity:0;}
	100% {-moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity:1;}
}
@-webkit-keyframes spin {
	0% {-webkit-transform: rotateY(0deg);}
	90% {-webkit-transform: rotateY(0deg);}
	100% {-webkit-transform: rotateY(360deg);}
}
@keyframes spin {
	0% {-moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg);}
	90% {-moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg);}
	100% {-moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);}
}



@media (min-width:768px) {
	body {
		position:absolute;
		top:0;
		right:340px;
		bottom:0;
		left:20px;
		background-image: url('../../cla-master/images/cla-horizontal-white-full.png?v=3');
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
	}

	.login #login {
		position:absolute;
		top:0;
		right:-340px;
		padding-top:60px;
		bottom:0;
		width:320px;
		background-color:#006144;
		border-left: solid 1px #000;
	}
	.login #login::before {
		content:"";
		position:absolute;
		right:0;
		top:50px;
		width:100vw;
		height:1px;
		background-color:#000;
	}
	.login #login::after {
		content:"";
		position:absolute;
		left:-8px;
		top:43px;
		border-radius:8px;
		width:15px;
		height:15px;
		background-color:#008FB3;
	}

	.login form {
		background-color:#006144;
	}

	#login form #cla-login-maintenance-mode-message {
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:0;
		border-left:4px solid #fc0;
	}
}

@media (min-width:1110px) {
	body {
		background-size:initial;
	}
}