@import '../includes/fonts/roboto';

a {
	color: #d29340;
	&:hover {
		color: #9c6825;
	}
}

#logo a {
	background: url('img/logo.png') no-repeat;
	background-size: contain;
	background-color: transparent;
	height: 215px;
	display: block;
	text-indent: -9999px;
}

div#header-wrapper {
	border-top: 30px solid $secondary-color;
}

div#toplinks {
	top: -30px;
	border: 0;
	box-shadow: none;
	background: transparent;
	a {
		color: white;
	}
}

div.buttons.submit {
	display: flex;
	justify-content: space-between;
	div.submit-button {
		order: 3;
		flex-grow: 1;
		div {
			float: right;
			button {
				background-color: #f02d74;
			}
		}
	}
}

#footer {
	div.cell {
		padding: 0 40px 0 10px;
	}
	h2:first-child {
		font-size: 1.25rem;
		top: -1px;
		left: -1px;
		padding-top: 5px;
		position: relative;
	}
	h2:after {
		content: "";
		width: 5rem;
		height: 2px;
		background-color: $primary-color;
		position: absolute;
		top: -1px;
		left: 0;
	}
	p {
		margin: auto;
		font-size: 1.067rem;
	}
	a {
		color: #ffffff;
	}
}

@media screen and ($max-mobile-viewport) {
	#header #top #logo a {
		height: 75px;
		width: 100%;
		background-position: 0 50%;
	}
}
