/**
 * SABRE
 *
 * This file adds custom styles to the login page.
 *
 * @package SABRE
 * @author  SABRE
 * @license GPL-2.0-or-later
 * @link    https://sabre.com
 */

body {
	background: #f0f0f0;
	background-size: cover;
	height: 100%;
}

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

.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover,
.login #backtoblog a:focus, .login #nav a:focus, .login h1 a:focus {
	color: #05aad6;
}

.login h1 a {
  background-image: url('../../images/logo.svg');
  background-size: auto auto;
  width: 100%;
  background-position: center center;
}

.login .message {
	border: 1px solid #05aad6;
	box-shadow: none;
	border-left: 4px solid #05aad6;
	background: #fff;
}

/*.login form {	
	box-shadow: none;
}*/

.login .button-primary {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5cc6cd+0,05aad6+53,3054a5+100 */
	background: #333;
	text-transform: uppercase;
	font-weight: 700;
	border: 0px none;
	padding: 5px 10px !important;
	padding: 0.5rem 1rem !important;
	height: auto !important;
	line-height: 1 !important;
	text-shadow: none;
	box-shadow: none;
}

.login .button-primary:hover,
.login .button-primary:active,
.login .button-primary:focus {
	background: #0073e5;
}

.login form .input, 
.login input[type="text"] {
	background: #f1f1f1;
	border: 1px solid #C9C9C9;
}

.login input[type="text"]:focus,
.login input[type="text"]:focus,
.login input[type="search"]:focus,
.login input[type="radio"]:focus,
.login input[type="tel"]:focus,
.login input[type="time"]:focus,
.login input[type="url"]:focus,
.login input[type="week"]:focus,
.login input[type="password"]:focus,
.login input[type="checkbox"]:focus,
.login input[type="color"]:focus,
.login input[type="date"]:focus,
.login input[type="datetime"]:focus,
.login input[type="datetime-local"]:focus,
.login input[type="email"]:focus,
.login input[type="month"]:focus,
.login input[type="number"]:focus,
.login select:focus,
.login textarea:focus {
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
}

.login label {
	color: #7a7a7a;
}