body.has-picture .site-nav::after {
	top: 0;
}

h1#logo.has-logo {
	a {
		margin-top: 20px;
		
		@media(max-width: $very-small-limit) {
			margin-top: 60px;
		}
	}
}

@media($min-desktop-viewport) {
	.site-nav {
		margin-top: -50px;
		z-index: 500;
	}
}

.gru-nav {
	.menu, .submenu {
		&--link {
			font-weight: 500;
			font-size: 1.2rem;
		}
	}

	@media($min-desktop-viewport) {
		display: flex;
		justify-content: center;

		.menu, .submenu {
			background: white;
			&--link {
				font-weight: 500;
				font-size: 1.2rem;
			}
		}

		.menu {
			&--link {
				text-transform: uppercase;
			}
		}

		.submenu {
			border: 2px solid $blue-3;
			&--item{
				margin: 0 10px;

				&:not(:last-child) {
					border-bottom: 1px solid $blue-3;
				}
			}
		}
	}
}

.gru-content {
	div.link-list-cell,
	div.wcsformsofcategorycell {
		position: relative;

		h2:first-child {
			padding-left: 3rem;
		}

		&.has-asset-picture picture {
			position: absolute;
			display: flex;
			align-items: center;
			height: 3.6rem;
			top: 0;
			left: 0.5rem;

			img {
				padding: 0;
				width: 2.1rem;
			}
		}
	}
}

input, input[type="search"], textarea, select {
	&:not([readonly]) {
		&:hover, &:focus {
			background: white;
		}
	}
}

%inverted-button {
	background: $blue-3;
	color: black;
	border: none;

	&:hover {
		background: $blue-2;
		color: black;
	}
}
