.site-border {
	&--top {
		height: 9px;
		position: fixed;
		top: 70px;
		left: 0;
		right: 0;
		background-color: white;
		border-bottom: $border-default;
		z-index: 3;
	}
	&--left {
		position: fixed;
		top: 78px;
		left: 0;
		bottom: 8px;
		background-color: white;
		border-right: $border-default;
		width: 9px;
		z-index: 4;
		transition: left .3s .2s ease-out;
	}
	&--right {
		position: fixed;
		top: 78px;
		right: 0;
		bottom: 8px;
		background-color: white;
		border-left: $border-default;
		width: 9px;
		z-index: 4;
	}
	&--bottom {
		height: 9px;
		position: fixed;
		bottom: 0px;
		left: 0;
		right: 0;
		background-color: white;
		border-top: $border-default;
		z-index: 3;
	}

	.intranet & {
		&--top {
			top: 107px;
			left: 0;
			right: 0;
			background-color: white;
			border-bottom: $border-default;
			z-index: 3;
		}
		&--left {
			position: fixed;
			top: 115px;
			left: 0;
			bottom: 8px;
			background-color: white;
			border-right: $border-default;
			width: 9px;
			z-index: 4;
			transition: left .3s .2s ease-out;
		}
		&--right {
			position: fixed;
			top: 115px;
			right: 0;
			bottom: 8px;
			background-color: white;
			border-left: $border-default;
			width: 9px;
			z-index: 4;
		}

		@media screen and (min-width: $bp-laptop) {
			&--top {
				top: 115px;
			}
			&--left {
				top: 123px;
			}
			&--right {
				top: 123px;
			}
		}
	}
}

.js-nav-open .site-border--left {
	left: 250px;
	transition: left .3s 0s ease-out;
}