/******************************************************************

Stylesheet: Login Stylesheet

This stylesheet is loaded is only on the login page. This way you can style
the login page. It won't affect any other page, admin or front-end.

Make sure functions/admin.php is activated in your functions.php file.

This stylesheet is turned off by default.

For more info, check out the codex:
http://codex.wordpress.org/Creating_Admin_Themes

******************************************************************/
/************************************************
Stylesheet: Login Stylesheet
*************************************************/
/*********************
! GENERAL STYLES
*********************/

.login-errors {
    color: #000;
}
.custom-login-page .logo-wrap {
    margin-bottom: 16px;
}

.custom-login-page img.logo{
	max-height: 150px;
}

.login h1 a {
  background: url(/wp-admin/images/w-logo-blue.png?ver=20131202) no-repeat top center;
  background-size: contain;
  width: 326px;
  height: 115px;
  text-indent: -9999px;
  overflow: hidden;
  padding-bottom: 15px;
  display: block; }

/************************************************
Stylesheet: Medium Stylesheet
*************************************************/
.custom-login-page::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0, .4);
}
.custom-login-page {
	height: 100%;
	width: 100%;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.custom-login-page .off-canvas-content {
	background-color: transparent;
}
.login-form-container {
    
    background-color: rgba(255,255,255, .5);
    border-radius: 18px;
}

.custom-login-page .bottom-footer {
	background-color: #FFF;
	position: relative;
}
.custom-login-page .header .menu a {
	color: #FFF;
}
.forgot-password-link {
	color: #1B1B1B;
}
.login-submit input {
	width: 50%;
}
.login-submit {
	text-align: center;
}
.login-submit input {
	background-color: #1b1b1b;
	transition: all .25s ease;
}
.login-submit input:hover {
	background: rgb(33, 153, 232);
}
.forgot-password-link:hover {
	color: rgb(33, 153, 232);
}
#loginform-custom input {
	border-radius: 3px;
}
@media (min-width: 641px) {

	#loginform-custom input {
		height: 50px;	
	}
	.login-remember input {
		height: auto !important;
	}

	.custom-login-page .top-bar-right {
		position: absolute;
		right: 0;
		top: 25px;
	}
	.login-footer .menu li {
		display: inline-block;
	}

}

@media (min-width: 1024px) {
	.custom-login-page .header .menu a {
		font-size: 18px;
	}
	.login-form-container {
		padding: 50px;
		max-width: 60%;
		margin: 180px auto 120px;
	}
}