/**
 * Custom login form css
 *
 * @package 	WordPress
 * @subpackage 	Bootstrap 4.0.0
 * @autor 		Babobski
 */

body.login {
	background-image: radial-gradient(circle, #0b7c96, #07697e, #055668, #034352, #02323d) !important;
}

.login h1 a {
	background-image: url('/wp-content/uploads/2018/08/pryor_chile_logotipo.svg') !important;
	width: 100% !important;
	-webkit-background-size: contain;
	background-size: contain;
}

.login label {
	font-size: 12px;
	color: #555555;
}

.login input[type="text"] {
	background-color: #ffffff;
	border-color: #dddddd;
	-webkit-border-radius: 4px;
}

.login input[type="password"] {
	background-color: #ffffff;
	border-color: #dddddd;
	-webkit-border-radius: 4px;
}

.login .button-primary {
	float: right;
	background: rgb(18, 18, 18);
	color: #ffffff;
	-webkit-border-radius: 4px;
	border: 1px solid rgb(18, 18, 18);
	text-shadow: none;
	box-shadow: none;
	padding: 0px 23px 2px !important;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}

.login .button-primary:hover,
.login .button-primary:active {
	background: rgb(40, 40, 40);
	color: #fff;
	border-radius:25px !important;
	border: 1px solid rgb(40, 40, 40);
}

.login form{
	border-radius:25px !important;
}

.login input[type="text"], .login input[type="password"]{
	border-radius: 25px !important;
}

.login #backtoblog a, .login #nav a, .login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover{color:#fff !important;}