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


/* 
Recorrentes
--------------------------------------------
*/


a.botao {
	display: inline-block; 
	vertical-align: middle;
	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; 
}
a.botao.transparente { 
	color: var(--cor-400);
	border-color: var(--cor-400);
	background-color: transparent;
}
a.botao:hover,
a.botao:focus { color: var(--cor-900); background-color: var(--cor-secundaria); border-color: var(--cor-secundaria); background-size: 0; }
a.botao.invertido { color: var(--cor-900); background-color: var(--cor-secundaria); border-color: var(--cor-secundaria); }
a.botao.invertido:hover,
a.botao.invertido:focus { color: var(--cor-000); background-color: var(--cor-primaria); border-color: var(--cor-primaria); }
a.botao.transparente.alt { color: var(--cor-000); border-color: var(--cor-000); }
a.botao.transparente:hover,
a.botao.transparente:focus { color: var(--cor-000); background-color: var(--cor-primaria); border-color: var(--cor-primaria); }


.categorias { font-size: var(--fs-100); font-weight: var(--fw-medium); line-height: 1.3333em; text-transform: uppercase; color: var(--cor-400); }
.categorias a { display: inline-block; vertical-align: top; }
.categorias a:link,
.categorias a:hover,
.categorias a:focus,
.categorias a:visited,
.categorias a:active { color: var(--cor-400); }


section > header:first-child h3 { font-size: var(--fs-100); font-weight: var(--fw-regular); text-transform: uppercase; text-align: center; margin-bottom: calc(var(--espaco)); }


@media screen and (max-width: 767px) {

	section > header:first-child h3 { line-height: 1.5em; }

}