/**
 *	Styling the Header of the site
 */
#masthead {
	font-size: 1rem;
	.mobile-nav-btn-sticky {
		display: none;
	}
}
.top-bar {
	background-color: $primary;
	align-items: center;
	justify-content: center;
	padding: 0.4em 0;
	button {
		background: none;
		color: white;
		border: 0;
		font-size: 1.5em;
		padding: 0;
		margin: .5em 1em;
	}
}

#header-image {
	position: relative;
	#masthead.default & {
		height: 700px;
		#oro_header_title {
			margin: 0;
			@extend %bold;
			@media (min-width: 768px) {
				font-size:4rem;
			}

		}
		#header_content_wrapper {
			position: absolute;
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 150px 10%;
			width: 100%;
			height: 100%;
		}
	}
	height: 400px;
	color: white;
	&:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,.3);
		z-index: 0;
	}
	.entry-header, .page-header {
		position: relative;
		z-index: 1;
		padding-top: 5em;
		text-align: center;
		.entry-title {
			margin: 0;
		}
	}
	.oro-content-svg {
		position: absolute;
		margin-bottom: -1px;
		bottom: 0;
		width: 100%;
	}
}

.site-branding {
	margin-left: 1em;
	.site-title {
		margin: 0;
	}
	.site-description {
		margin-bottom: 0;
	}
	img.custom-logo {
		max-height: 60px;
		width: auto;
	}
}
