@font-face {
    font-family: 'Braven';
    src: url('../BravenRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

::selection {
    background-color: var(--e-global-color-secondary);
    color: #fff;
}

.pulsante {
	padding: 12px 24px;
	border: 2px dashed var(--e-global-color-secondary);
	border-radius: 0 20px 0 20px;
	background-color: var(--e-global-color-accent);
	color: var(--e-global-color-secondary);
	display: inline-block;
	margin-top:20px;
	&:hover {
		background-color: var(--e-global-color-secondary);
		color: var(--e-global-color-text);
	}
}

header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	min-height: none;
	> div {
		transition: transform .6s ease-in-out;
	}
}

#logo {
    transition: all .6s ease-in-out;
	width: 100%;
	max-width:180px;
}

@media(max-width: 750px) {
	
	header.scrolled #logo{
		max-width: 100px !important;
	}
}

header.hidden > div {
    transform: translateY(-150%);
}

header.scrolled > *{
    padding-top: 10px;
	padding-bottom: 10px;
}

header.scrolled #logo{
    max-width: 120px;
}

.admin-bar header {
	top: 32px;
}