/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

:root {
	--azul: #1E4A8F;
	--naranja: #ED894A;
	--amarillo: #EEB64E;
	--morado: #B65BC7;
	--verde: #80D95C;
	--amarilloF: #FFF2C8;
	--blancoF: #FFF7E0;
	--gris: #707070;
	--grisF: #f4f4f4;
}
body.login {
	background: var(--blancoF) !important;
}
.login form, .login #login_error, .login .message, .login .success, form#lostpasswordform {
border-radius: 15px !important;
}
.login #login_error, .login .message, .login .success {
	background-color: var(--naranja) !important;
    border: unset !important;
    padding: 15px 20px !important;
    box-shadow: unset !important;
	color: white !important;
	line-height: 1.3 !important;
}
.login form {
    border: unset !important;
    box-shadow: unset !important;
    border-radius: 1px !important;
	margin-bottom: 30px !important;
}
.login label {
    color: var(--gris) !important;
    font-weight: 600 !important;
	width: 100% !important;
}
.login form .input, .login form input[type=checkbox], .login input[type=text] {
	border-radius: 30px !important;
    border: 2px solid var(--azul);
	padding: 0 20px;
}
input#wp-submit {
	border-radius: 30px !important;
    padding: 10px 30px !important;
    line-height: 1.3 !important;
    background-color: var(--morado) !important;
    border: unset !important;
    font-weight: 600 !important;
}
input#wp-submit:hover {
	background-color: var(--verde) !important;
}
.login .button-primary {
    float: unset !important;
}
p.submit, .login label, .login form .input, .login p#backtoblog {
    text-align: center !important;
}
.login p#backtoblog {
	font-size: 14px !important;
}
.login p#backtoblog a {
    background-color: var(--azul);
    padding: 10px 20px;
    border-radius: 30px;
    color: white !important;
    font-weight: 600 !important;
}
.login p#backtoblog a:hover {
	background-color: var(--naranja);
}
.login p#backtoblog a, input#wp-submit {
	transition: all .3s;
}
.language-switcher, .login p#nav {
	display: none;
}
.login p#login-message a {
    color: white !important;
    font-weight: 600 !important;
}
.login p {
	font-size: 14px !important;
}