// Variables used in the theme

%font {
	font-family: 'Manrope', sans-serif;
}

#header-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	@media (max-width: 767px) {
		display: block;
		text-align: center;
	}
	button:not(.menu-toggle) {
		padding: 0;
		border: 0;
		background: none;
		margin-left: auto;
		color: var(--accent);
		span {
			font-size: 2em;
			width: 100%;
			height: auto;
		}
	}
	.site-title {
		margin: 0;
		a {
			text-decoration: none;
		}
	}
	.site-description {
		margin: 0;
	}
}

#masthead {
	img {
		width: 100%;
		@media (max-width: 991px) {
			margin: 2em auto 1em;
		}
	}
	&.banner {
		#header-wrapper {
			text-align: center;
			padding: 6em 0;
			& > div {
				z-index: 9;
			}
		}
	}
}