body {
	font-weight: 300;
}

div#header {
	padding: 0;
	height: 190px;
	#logo a {
		color: $dark-blue;
		font-family: Lato;
		font-size: 2.875rem;
		font-weight: 500;
		height: 133px;
		line-height: 92px;
		margin-top: 28px;
		padding-left: 137px;
		padding-top: 4px;
		text-indent: 0;
		&:hover {
			text-decoration: none;
		}
	}
}

%title {
	text-transform: uppercase;
	font-weight: 300;
}

div#tracking-code h3 {
	margin-bottom: 1.25rem;
}

.form-content--title,
div#rub_service h2 {
	font-size: 1.875rem;
	color: $primary-color;
	background: transparent;
}

div#toplinks {
	margin-right: 50px;
	word-spacing: 1em;
	a {
		@extend %button;
		margin-right: 0;
		background: $secondary-color;
		border-radius: 5px;
		display: inline-block;
		margin-top: 15px;
		span,span.connected-user {
			padding: 0;
		}
		&:hover {
			background: $primary-color;
		}
	}
}

div#header-wrapper::after {
	background: $primary-color;
	content: '';
	height: 50px;
	position: absolute;
	top: 158px;
	transform: rotate(-1deg);
	width: 100%;
	z-index: -1;
}

.site-nav {
	position: sticky;
	top: 0;
	z-index: 1000;
	margin-bottom: 1.875rem;

	ul {
		margin: 0;
	}
}

div.gru-nav > ul > li {
	> a {
		font-size: 1.25rem;
		font-weight: 300;
		text-transform: uppercase;
		transition: 0.4s;
		border-top: 3px solid transparent;
		padding: 0.2em 20px 0.5em 20px;
		&:hover {
			border-top: 3px solid $light-blue;
		}
	}
	ul {
		padding: 0 1rem;
		a {
			border-bottom: 1px dotted $primary-color;
		font-size: 1rem;
			font-weight: 400;
			padding: 0.75rem 0 0 0.125rem;
			&:hover {
				color: $secondary-color;
			}
		}
	}

}

body.has-header-background .site-header {
	background-size: auto;
}

#footer-wrapper {
	position: relative;
	&::before {
		background: $primary-color;
		content: '';
		height: 50px;
		position: absolute;
		top: -30px;
		transform: rotate(-1deg);
		width: 100%;
		z-index: -1;
	}
	margin-top: 6.25rem;
	background: url(img/footer-background.png) $primary-color no-repeat;
	background-position: bottom;
	min-height: 300px;
}

div.back-top {
	font-size: 1.25rem;
}

.gru-content div.wcsformsofcategorycell.has-asset-picture picture img {
	padding: 0;
}

div.cell.text-cell {
	h1, h2, h3, h4 {
		font-weight: 300;
		text-transform: uppercase;
		color: $primary-color;
	}
}

input, input[type="search"], textarea, select {
	transition: none;
}

@media ($max-mobile-viewport) {
	#logo {
		padding-left: 10px;
	}
	#logo a {
		text-indent: -50000px;
	}

	div#toplinks {
		margin-right: 5px;
		margin-left: 90px;
	}
	.site-nav {
		li > a {
			background: $secondary-color;
			margin: 0.1rem 0;
		}
	}
	#nav-wrapper {
		height: $nav-menu-side;
		background: $primary-color;
	}
	div.gru-nav {
		ul > li {
			padding-top: 0;
			ul {
				padding: 0;
				li a {
					padding: 0.75em 20px;
				}
			}
		}
		.gru-nav-button {
			position: relative;
			top: 0;
			float: right;
			margin-right: 10px;

			&, &.toggled {
				span.icon-bar {
					background-color: $secondary-color;
				}
			}
		}
		.gru-nav-button + ul {
			max-width: calc(100vw - #{$nav-menu-side});
			&::before {
				content: none;
			}
		}
	}
}
