/**
Theme Name: Agência Boz
Author: Agência Boz
Author URI: https://agenciaboz.com.br/
Description: Especializada em Business e Comunicação Ampliada, trabalhamos a forma como o cliente se comunica e a imagem pela qual o target o enxerga, primando sempre em aumentar o Brand Equity.

Utilizamos meios simples e comuns até os mais diferenciados e inovadores para o impacto de informações, buscando a solução de comunicação e negócio mais adequada para o alcance de resultados.
Version: 2.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: agencia-boz
Template: hello-elementor
*/
/* Mobile, 767px and down */
@media only screen and (max-width: 767px) {
			:root{
		--login-size:5vw;
	}
}

/* Tablet, between 768px and 1024px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
			:root{
		--login-size:20vw;
	}
}

/* Desktops, 1024px and up */
@media only screen and (min-width: 1024px) {
		:root{
		--login-size:40vw;
	}
}
:root{
	--logo-aspect-ratio: 3 / 1;
    --custom-border: 0.5rem;
	--button-size:clamp(0.64rem, 0.5872rem + 0.169vw, 0.79rem);
    --logo-height: auto;
    --font-family: Montserrat;
    --font-size: clamp(0.889rem, 0.9203rem + -0.1003vw, 0.8rem);
    --body-background-color: #00afef;
    --login-background-color: #fff;
    --input-background-color: #6C3618;
    --button-background-color: #e73330;
    --button-text-color: #fff;
    --button-background-hover: #145696;
    --text-outside-login: #6C3618
;	
}
body.login {display: flex;align-items: center;background: url(http://babuskaalimentos.com.br/wp-content/uploads/2026/06/Peca-1-Stories.webp);background-size:50%;background-position:center center;background-repeat:repeat;}    
body.login div#login {width: 100%; margin: auto var(--login-size)}
body.login div#login h1 {}
body.login div#login h1 a {	background-image: url('/wp-content/uploads/2026/06/Logo.webp');background-size: contain;width: 100%;height: var(--logo-height);
    aspect-ratio: var(--logo-aspect-ratio);}
body.login div#login form#loginform,form#lostpasswordform {background-color: var(--login-background-color);border-radius: var(--custom-border);border:solid var(--text-outside-login);border-width: 0 0 5px 0;}
body.login div#login form#loginform p {font-family:var(--font-family);font-size:var(--font-size);}
body.login div#login form#loginform label, .login label {color:var(--input-background-color);font-family:var(--font-family);font-size:var(--font-size);}
body.login div#login form#loginform input {color:var(--input-background-color)!important;font-family:var(--font-family);font-size:var(--font-size);}
body.login div#login form#loginform input#user_login, .login form .input, .login input[type=password], .login input[type=text] {color:var(--login-background-color);font-family:var(--font-family);font-size:var(--font-size);}
body.login div#login form#loginform input#user_pass {color:var(--login-background-color);font-family:var(--font-family);font-size:var(--font-size);}
input, select, textarea { border: 1px solid var(--input-background-color); }
body.login div#login form#loginform p.forgetmenot {}
body.login div#login form#loginform p.forgetmenot input#rememberme {}
body.login div#login form#loginform p.submit {}
body.login div#login form#loginform p.submit input#wp-submit,.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {background-color: var(--button-background-color);color:var(--button-text-color)!important;border-radius: var(--custom-border);border:none;padding: calc(var(--button-size) / 2) var(--button-size) calc(var(--button-size) / 2) var(--button-size); font-size:var(--font-size);width:100%;font-weight:400;}
body.login div#login form#loginform p.submit input#wp-submit:hover{background-color:var(--button-background-hover);}
body.login div#login p#nav {color:var(--text-outside-login);font-family:var(--font-family);font-size:var(--font-size);text-align: center;}
body.login div#login p#nav a {color:var(--text-outside-login);font-family:var(--font-family);font-size:var(--font-size);}
body.login div#login p#backtoblog {color:var(--text-outside-login);font-family:var(--font-family);font-size:var(--font-size);text-align: center;}
body.login div#login p#backtoblog a {color:var(--text-outside-login);font-family:var(--font-family);font-size:var(--font-size);}
.wp-core-ui .button:hover, .wp-core-ui .button-secondary:hover{background-color:var(--button-background-hover);}
.wp-core-ui .button, .wp-core-ui .button-secondary{color:var(--login-background-color)!important;}
#language-switcher{display:none;}	
.login form .input, .login input[type=password], .login input[type=text]{border-radius: var(--custom-border);}
.notice.notice-info.message{color:var(--input-background-color);background-color: var(--login-background-color);border-radius: var(--custom-border);border:solid var(--text-outside-login);border-width: 0 0 5px 0;}
a:active, a:focus { outline: inherit !important; border: inherit !important; -moz-outline-style: inherit !important; } a:focus { outline: inherit !important; } *:focus { outline: inherit !important; border-color: inherit !important; box-shadow: inherit !important;}