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


/* 
Header
--------------------------------------------
*/


header.header { position: fixed; z-index: 9; top: 0; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; width: var(--limite); min-height: var(--altura-menu); transform: translateX(-50%); pointer-events: none; }

header.header a.logotipo { opacity: .9; background-size: 0; pointer-events: all; }
header.header a.logotipo:hover,
header.header a.logotipo:focus { opacity: 1; }

header.header a.softfocus { opacity: .9; background-size: 0; pointer-events: all; transition: transform 300ms ease-in-out; }
header.header a.softfocus:hover,
header.header a.softfocus:focus { opacity: 1; }

header.header.alternar a.softfocus { transform: translateY(calc(var(--altura-menu) * -1)); transition-delay: 0; }


@media screen and (min-width: 1366px) and (max-width: 1679px) {

	
}


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

	

}


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

	

}


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

	header.header a.logotipo img { width: 180px; }

}


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

	header.header a.logotipo { overflow: hidden; transition: max-width 100ms ease-in-out; }
	header.header a.logotipo,
	header.header a.logotipo img { width: auto; max-width: 300px; height: 35px; }
	header.header.alternar a.logotipo { max-width: 52px; }

	header.header a.softfocus { display: none; }

}