%title {
	margin-bottom: 1em;
	&::before {
		content: "";
		width: 0.7em;
		height: 0.7em;
		border: 0.7em solid transparent;
		border-top-color: $green;
		position: absolute;
		top: 100%;
	}
}

#logo.has-logo {
	text-align: center;
	padding-left: 0px;
	a {
		@media ($max-mobile-viewport) {
			margin-top: 20px;
		}
		min-width: 215px;
		height: 85px;
	}
}

div.gru-nav > ul > li {
	a {
		text-transform: uppercase;
		color: $nav-color;
		font-weight: bold;
		font-size: 0.8em;
	}

	@media ($min-desktop-viewport) {
		a {
			padding-top: 1.1em;
			padding-bottom: 1.1em;
		}
		li:first-child {
			margin-top: 0.5em;
		}

		li:last-child {
			margin-bottom: 0.5em;
		}

		ul {
			padding-right: 1em;
			padding-left: 1em;

			a {
				font-weight: normal;
			}

			> li:hover a {
				color: black;
				font-weight: bold;
				background: white;
				font-size: 0.85em;
				border-top: 1px solid black;
				border-bottom: 1px solid black;
			}
		}
	}
}

@media ($max-mobile-viewport) {
	div.gru-nav-wrapper {
		margin-top: 1em;
		background: $dark-gray;
	}

	div.gru-nav ul {
		padding-left: 1em;
		padding-right: 1em;
		a {
			border-bottom: 2px solid $light-gray;
		}
	}
}

.gru-content div.cell.has-asset-picture picture img {
	width: 100%;
}

%cell-links-list {
	& > li > a:hover {
		border-left: 5px solid $green;
	}
}

div.cell.text-cell {
	h1, h2, h3, h4 {
		color: $primary-color;
		margin-top: 1.2rem;
		margin-bottom: 1rem;
	}

	h1 {
		font-size: 2.25rem;
	}

	h2 {
		font-size: 1.7rem;
	}
	h3 {
		font-size: 1.3rem;
	}

	h4 {
		font-size: 1.1rem;
	}
}

.form-content--body {
	input, input[type="search"], textarea, select {
		background: $xlight-gray;
	}
}

#footer-wrapper {
	h1,h2,h3 {
		color: $title-color;
	}
	a:hover {
		color: white;
		text-decoration: none;
	}
}
