/* RedRhino Custom Login Styles */
/* Creates a branded login page for the client */

/* define fonts here using @font-face */
/* these fonts will be used on the login page elements */

body.login {
	/* set background-color and font-family */
	background-color: #E4E5F3;
  }
  
  .login h1 a {
	width: 250px;
	background-size: contain;
  
	/* set width, background-image, and background-size */
	background-image: url(../RK_Logo.svg);
	background-position: center;
	background-repeat: no-repeat;
  }
  
  /*Labels*/
  
  .login label {
	font-size: 1rem;
	/* text-transform: uppercase; */
  
	/* set color and font-family */
	color: #001E62; /* site's primary color */
	font-weight: 500;
  }
  
  /*Inputs*/
  
  .login input[type='text'],
  .login input[type='password'] {
	border-radius: 4px;
	background: rgba(181, 183, 220, 0.2);
	color: #001E62;
	border: 1px solid #001E62;
	text-transform: none;
	margin-bottom: 25px;
	height: 47px;
	line-height: 47px;
	padding: 0 18px;
	-webkit-box-shadow: none;
	box-shadow: none;
  
	/* set background, color, and font-family */
  }
  .login input[type='text']:focus,
  .login input[type='password']:focus,
  .login input[type='checkbox']:focus {
	-webkit-box-shadow: 0px 0px 2px 2px #2DC9D7;
	box-shadow: 0px 0px 2px 2px #2DC9D7;
  
	/* set border-color */
  }
  
  .forgetmenot {
	margin-bottom: 1rem !important;
  }
  
  /*Login Button*/
  
  .login .button-primary {
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 2rem;
	border: none;
	border-color: none;
	text-shadow: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	box-shadow: none;
	line-height: 2rem;
  
	/* set background, color, and font-family */
	padding: 0.75rem 1.25rem !important;
	height: auto !important;
	width: 80%;
	margin: 0 auto;
	display: block;
	float: none;
	background-color: #485CC7;
	color: #ffffff;
  }
  
  .login .button-primary:hover,
  .login .button-primary:active,
  .login .button-primary:focus {
	box-shadow: none;
  
	/* set background, color, and font-family */
	background-color: #001E62;
  }
  
  .login .button-primary:active {
	/* set background */
  }
  
  .login .button-primary:focus {
	/* set background */
  }
  
  .login #backtoblog a,
  .login #nav a {
	/* set color */
  }
  
  .login #nav a,
  .login #backtoblog a {
	/* set color */
  }
  .login #nav a:hover,
  .login #backtoblog a:hover {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
  
	/* set color */
  }
  .login #login_error,
  .login .message {
	/* set background and color */
  }
  .login .message {
	/*set border-left to be a success color (4px solid) */
  }
  .login #login_error {
	/*set border-left to be an error color (4px solid) */
  }
  .login #login_error strong {
	/* set color and font */
  }
  .login input[type='checkbox']:checked:before {
	/* set color */
  }