/*
Theme Name: Softfocus
Theme URI:	https://softfocus.com.br/
Author: Rafael Forcadell
Version: 1.0
*/


/*
Formulários
--------------------------------------------
*/

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active { /*-webkit-box-shadow: 0 0 0px 1000px var(--cor-primaria) inset;*/ transition: background-color 9999s; transition-delay: 9999s; }
input:-webkit-autofill { -webkit-text-fill-color: var(--cor-900) !important; }


/*
Select
--------------------------------------------
*/





/*
Submit
--------------------------------------------
*/

button[type=submit] {
	display: inline-block; 
	vertical-align: middle;
	font-family: var(--ff);
	font-size: var(--fs-300); 
	font-weight: var(--fw-medium); 
	line-height: 1em; 
	color: var(--cor-000);
	border: 1px solid var(--cor-primaria); 
	border-radius: 2em;
	padding: .7em 1.4em .8em;
	background-color: var(--cor-primaria);
	transition: all 100ms ease-in-out;
	transition-property: color, border-color, background-color;
	cursor: pointer; 
}
button[type=submit].transparente { 
	color: var(--cor-400);
	border-color: var(--cor-400);
	background-color: transparent;
}
button[type=submit]:hover,
button[type=submit]:focus { color: var(--cor-900); background-color: var(--cor-secundaria); border-color: var(--cor-secundaria); background-size: 0; }
button[type=submit].invertido { color: var(--cor-900); background-color: var(--cor-secundaria); border-color: var(--cor-secundaria); }
button[type=submit].invertido:hover,
button[type=submit].invertido:focus { color: var(--cor-000); background-color: var(--cor-primaria); border-color: var(--cor-primaria); }
button[type=submit].transparente.alt { color: var(--cor-000); border-color: var(--cor-000); }
button[type=submit].transparente:hover,
button[type=submit].transparente:focus { color: var(--cor-000); background-color: var(--cor-primaria); border-color: var(--cor-primaria); }


/*
Inválidos
--------------------------------------------
*/

.campo.invalido small strong { padding-left: 23px; margin-right: 5px; animation: piscar 150ms linear; animation-iteration-count: 7; }
.campo.invalido small strong:before { position: absolute; top: 50%; left: 0; width: 14px; height: 12px; transform: translateY(-50%); background-image: url(../imagens/formularios/invalido.svg); background-position: center; background-size: contain; content: ""; }