.intranet-services-title {
	width: 270px;
	@media (max-width: $bp-large) {
		width: 200px;
	}
	@media (max-width: $bp-laptop) {
		width: 100%;
		margin: 0;
	}
}
.intranet-services-title .intranet-filter__icon {
	width: 40px;
	height: 40px;
	z-index: 10;
}
.intranet-services-title h2 {
	@media (max-width: $bp-laptop) {
		padding-left: 50px;
		font-size: 75%;
		padding-top: 8px;
		position: relative;
	}
}
.intranet-services-wrapper {
	display: flex;
	flex-direction: row;
	@media (max-width: $bp-laptop) {
		flex-wrap: wrap;
	}
}
/***********************************************
Intranet Services Nav
***********************************************/

.intranet-services-nav {
	width: 200px;
	&.dei {
		width: 270px;
	}
	flex-shrink: 0;
	margin-bottom: em(25);
	padding-right: 40px;
	@media (max-width: $bp-large) {
		width: 200px;
	}
	@media (max-width: $bp-laptop) {
		width: 100%;
		background-color: $color-background;
		margin-bottom: 10px;
		display: flex;
		flex-direction: column;
		visibility: hidden;
		opacity: 0;
		z-index: 4;
		position: relative;
		transition: opacity .3s 0s, visibiliy 0s .3s;
		height: 0;
		padding-right: 0;
		top: -25px;
	}
}
.intranet-serivices-info-icons {
	margin-left: -7px !important;
}
.js-service-nav-open .intranet-services-nav {
	opacity: 1;
	visibility: visible;
	transition: opacity .3s 0s, visibiliy 0s 0s;
	height: auto;
}
.intranet-services-nav ul {
	@media (max-width: $bp-laptop) {
		margin-top: 0;
	}
	ul {
		margin-top: 0px;
		margin-left: 15px;
	}
}
.intranet-services-nav ul li {
	display: block;
	margin-bottom: 8px;
	a {
		transition: color .3s;
		color: $color-primary;
		font-size: $font-small;
		&:hover {
			color: $color-accent;
		}
	}
	&.current-service-item {
		a {
			color: $color-accent !important;
		}
	}
	@media (max-width: $bp-laptop) {
		width: 100%;
		a {
			padding: 10px 15px;
			width: 100%;
			display: block;
		}
		&.current-service-item {
			a {
				color: white !important;
				background-color: $color-accent;
			}
		}
	}
}

/***********************************************
Intranet Services Container
***********************************************/

.intranet-services-container {
	flex-grow: 1;

	@media (max-width: $bp-laptop) {
		padding-left: 0;
		.intranet-directory-title {
			.right-padding {
				display: none;
			}
			h3 {
				display: none;
			}
			.intranet-serivices-info-icons {
				display: none;
			}
		}
	}
}
.intranet-services-subnav {
	width: 100%;
	background-color: $color-background;
	align-items: center;
	justify-content: flex-start;
	display: flex;
	height: 35px;
}
.intranet-services-subnav {
	li {
		height: 100%;
		display: block;
		a {
			display: flex;
			align-items: center;
			padding: 0 25px;
			color: $color-primary;
			height: 100%;
			font-size: $font-small;
			transition: color .3s;
			&:hover {
				color: $color-secondary;
			}
		}
		&.current-service-subnav {
			a {
				color: white;
				background-color: $color-accent;
				&:hover {
					color: white;
					background-color: $color-accent;
				}
			}
		}
	}
}
.intranet-service-details {
	display: flex;
	flex-direction: row;
	margin-top: 15px;
	@media (max-width: $bp-mobile) {
		margin-top: 0;
	}
	@media (max-width: $bp-large) {
		flex-wrap: wrap;
	}
	article {
		display: block;
		flex-direction: initial;
		line-height: initial;
		ul {
			list-style: initial;
			padding-left: 30px;
		}
	}
}
.intranet-service-agents {
	width: 335px;
	flex-shrink: 0;
	@media (max-width: $bp-large) {
		width: 100%;
		flex-direction: row;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}
.intranet-service-agents .intranet-directory-column {
	width: 100%;
	@media (max-width: $bp-large) {
		width: 49%;
	}
	@media (max-width: $bp-tablet) {
		width: 100%;
	}
	.intranet-directory-title {
		h2, h3 {
			margin-top: 5px; /* added by gavin 4/23 */
			margin-bottom: 5px; /* added by gavin 4/23 */
		}
	}
}
.intranet-service-copy {
	flex-grow: 1;
	padding-left: 20px;
	@media (max-width: $bp-large) {
		padding-left: 0px;
	}
	@media (max-width: $bp-tablet) {
		margin-top: 30px;
	}
}
.intranet-service-agents .intranet-directory-info {
	margin-top: 10px;
}
.intranet-service-agents .intranet-directory-column-content {
	padding: 15px 15px 0;
}
.intranet-service-block-title {
	width: 100%;
	background-color: $color-background;
	align-items: center;
	justify-content: flex-start;
	display: flex;
	height: 35px;
	font-size: $font-small;
	color: $color-primary;
	padding: 0 25px;
	position: relative;
	span {
		position: absolute; 
		right: 10px;
	}
}
.intranet-service-details section {
	padding: em(20);
	p, ul {
		color: $color-primary;
		font-size: $font-small;
		line-height: 1.5;
		margin-bottom: 25px;
	}
	li a {
		color: $color-primary;
		transition: color .3s;
		&:hover {
			color: $color-accent;
		}
	}
	h2, h3 {
		color: $color-secondary;
		margin-bottom: 25px;
		font-size: $font-small;
	}
	
}
.intranet-service-copy .col--1-4 {
	margin-bottom: 0 !important;
	@media (max-width: $bp-mobile) {
		width: 100%;
	}
	@media (max-width: $bp-tablet) {
		width: 49%;
	}
	@media (max-width: $bp-large) {
		width: 25%;
	}
}

.multiselect-container>li.active label {
	color: white !important;
}
.services-filter-icon {
	left: auto;
	right: 30px;
	top: 0;
	position: absolute;
}
.addSection {
	margin-top: 10px;
}