/********************************************************************
	Custom Login Form CSS
********************************************************************/

/* Login Screen
--------------------------------------------- */
body.login {
	background: #FFF;
}

#login{
	padding: 10% 0 0 0;
}

.login a {
	color: #e1392c;
}

.login #backtoblog a:hover {
	color: #333;
}

.login h1 a{
	background-image: url("../images/dd-logo-text-outline.svg") !important;
  background-size: contain !important;
  background-position: center !important;
	background-repeat: no-repeat !important;
  width: 100% !important;
  height: 78px !important;
  margin: 0 auto !important;
}

.login form {
	border: none !important;
	background: #fff !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.login form .forgetmenot {
  font-weight: 400;
  float: left;
  margin-bottom: 0;
  text-align: center;
  width: 100%;
}

.login #backtoblog, .login #nav{
	padding: 0 !important;
}

.login #nav{
	margin: 18px 0 !important;
}

#nav a{
	background: rgba(0,0,0,0);
	border: solid 1px rgba(0,0,0,.2);
	display: block;
	width: 100%;
	text-transform: uppercase;
	text-align: center;
	padding: 14px 0;
	font-weight: 600;
}

#nav a:hover{
	background: #e1392c;
	border: solid 1px rgba(0,0,0,0);
	color: #fff !important;
}

#backtoblog a{
	display: block;
	width: 100%;
	text-align: center;
}

.login label {
  color: #1d2846 !important;
  font-size: 14px !important;
}

.login form .input, .login input[type="text"] {
	background: #FFF !important;
	border-radius: 8px !important;
	margin-top: 4px !important;
}

.login .button.wp-hide-pw {
	top: 11px;
}

#wlcms-login-wrapper #login #nav a, #wlcms-login-wrapper #login #backtoblog a {
  color: #A82B31 !important;
}

#wlcms-login-wrapper input.button-primary, #wlcms-login-wrapper button.button-primary, #wlcms-login-wrapper a.button-primary {
  background: #7d7e7d; /* Old browsers */
  background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
  background: linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
  border-color: #0e0e0e !important;
  color: #FFFFFF !important;
  font-weight: bold !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3) !important;
}

.login form .input, .login input[type=text] {
	padding: 10px !important;
}

.login form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary.hover,
.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary:hover{
	color: #fff !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce2703+0,fa5429+100 */
	background: #333 !important; /* Old browsers */
	text-shadow: none !important;
	box-shadow: none !important;
	border: solid 1px rgba(255,255,255,1) !important;
}

.wp-core-ui .button-primary{
	text-shadow: none;
  background: #e1392c;
	border-radius: 4px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition:    all 0.4s ease-in-out;
	-ms-transition:     all 0.4s ease-in-out;
	-o-transition:      all 0.4s ease-in-out;
	transition:         all 0.4s ease-in-out;
  border: solid 1px rgba(255,255,255,1);
  border-radius: 0px !important;
  box-shadow: none;
  text-transform: uppercase;
  font-size: 1.0rem;
  padding: 10px 26px !important;
  height: auto !important;
}

.login .button-primary {
  float: left;
  display: block !important;
  margin-top: 20px;
  width: 100%;
}

/* Message
--------------------------------------------- */

.login #login_error, .login .message {
  border-left: none;
  text-align: center;
}

/* Input Fields
--------------------------------------------- */