/* Add here all your CSS customizations */

/*
 * Header (desktop): o tema só define .logo-container em viewport mobile; no desktop o
 * container colapsa (altura 0) por conter só .logo com float, e o logo “sobe” fora da barra.
 */
@media only screen and (min-width: 768px) {
	.header::after {
		content: "";
		display: table;
		clear: both;
	}

	.header .logo-container {
		position: relative;
		float: left;
		height: 60px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		padding-left: 15px;
		padding-right: 15px;
	}

	.header .logo-container .logo {
		float: none;
		margin: 0;
		display: flex;
		align-items: center;
		line-height: 1;
	}

	.header .logo-container .logo img {
		display: block;
		max-height: 35px;
		width: auto;
		height: auto;
	}
}