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


/*
Footer
--------------------------------------------
*/

footer.footer { display: flex; justify-content: flex-end; align-items: flex-end; height: 270px; padding: 0 var(--espaco) calc(var(--espaco) * .5); background-color: var(--cor-fundo-claro); }
footer.footer:before { position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background-color: var(--cor-softfocus-escuro); clip-path: polygon(100% 0, 0% var(--altura-corte), 100% var(--altura-corte)); content: ""; }

footer.footer a.logotipo { position: absolute; top: 50%; left: 50%; margin-left: calc(var(--limite) * -.5); transform: translateY(-50%); padding: 12px 0; background-size: 0% 1px; background-image: linear-gradient(var(--cor-primaria), var(--cor-primaria)); }
footer.footer a.logotipo:focus { background-size: 100% 1px; }
footer.footer a.logotipo img + .lazy-carregando { width: 130px; height: 80px; }

footer.footer address { display: flex; flex-direction: column; margin-right: calc(var(--espaco) * .5); font-size: var(--fs-100); font-style: normal; line-height: var(--line-height); color: var(--cor-000a); text-align: right; }
footer.footer address a { display: inline-block; align-self: flex-end; color: var(--cor-000a); }
footer.footer address a[itemprop="telephone"] { font-size: var(--fs-500); font-weight: var(--fw-semibold); line-height: 1.3333em; margin-bottom: 3px; }

footer.footer ul { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; }
footer.footer li { margin: 0 10px; opacity: .5; }
footer.footer li a { display: block; padding: 5px 0; background-image: linear-gradient(var(--cor-000), var(--cor-000)); }
footer.footer li img { filter: invert(1); }

footer.footer .direitos-reservados { position: absolute; bottom: calc(var(--espaco) * .5); left: calc(var(--espaco) * .5); font-size: var(--fs-100); font-style: normal; font-weight: var(--fw-semibold); line-height: var(--line-height); }

footer.footer a.voltar-ao-topo { 
	position: absolute; 
	/*bottom: calc(100% - 110px); 
	right: 50%; 
	margin-right: calc(var(--limite) * -.5); */
	bottom: calc(100% - 50px);
	right: var(--espaco);
	width: 40px; 
	height: 80px; 
	background-image: url(../imagens/voltar-ao-topo.svg); 
	background-position: center top; 
	background-size: auto; 
	transition: height 100ms ease-in-out; 
}
footer.footer a.voltar-ao-topo:hover,
footer.footer a.voltar-ao-topo:focus { height: 100px; }


@media screen and (min-width: 1280px) and (max-width: 1440px) {

	footer.footer { height: 240px; padding-right: calc(var(--espaco) * .6); }

}


@media screen and (min-width: 1280px) and (max-width: 1365px) {

	footer.footer ul { flex-direction: column; }
	footer.footer li a { padding: 7px 0 3px; }

}


@media screen and (min-width: 1024px) and (max-width: 1279px) {

	footer.footer { height: 230px; padding: 0 calc(var(--espaco) * .5) calc(var(--espaco) * .5); }

	footer.footer address strong { display: block; }

	footer.footer ul { flex-direction: column; }
	footer.footer li a { padding: 7px 0 3px; }

}


@media screen and (min-width: 768px) and (max-width: 1279px) {

	footer.footer a.logotipo { width: 110px; }
	footer.footer a.logotipo img + .lazy-carregando { width: 110px; height: 68px; }

	footer.footer ul { flex-direction: column; }
	footer.footer li a { padding: 7px 0 3px; }

}


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

	footer.footer { flex-direction: column; height: 300px; padding: 0 calc(var(--espaco) * .75) calc(var(--espaco) * .75); }
	footer.footer:before { clip-path: polygon(100% 0, 0% var(--altura-corte), 0 100%, 100% 100%); }

	footer.footer a.logotipo { top: 20px; transform: translateY(0); width: 85px; }
	footer.footer a.logotipo img + .lazy-carregando { width: 85px; height: 52px; }

	footer.footer address { margin-right: 5px; margin-bottom: 10px; }
	footer.footer address strong { display: block; }

	footer.footer ul { flex-shrink: 0; }
	footer.footer li a { padding: 7px 0 3px; }

	footer.footer .direitos-reservados { display: none; }

	footer.footer a.voltar-ao-topo { 
		bottom: calc(100% - 50px);
		width: 30px; 
		height: 60px; 
		background-size: 100% auto; 
	}
	footer.footer a.voltar-ao-topo:hover,
	footer.footer a.voltar-ao-topo:focus { height: 75px; }

}