search.less

@charset "UTF-8";
@import "shared.less";

/* Template overrides */
.embed #visitorChat,
#wdn_search {
	display: none !important;
}

#search_results table,
#search_results td {
	border: 0;
	padding: 0;
}

#searchform {
	text-align: center;
	background: #38431b url(../images/050419.jpg) 50% 50% no-repeat;
	background-size: cover;
}

#search_wrapper {
	display: none;
}

.results-group {

	&:hover {
		background-color: #fff;

		.result-head {
			background-color: @ui09;
		}
	}

	.result-head {
		background-color: mix(@ui09, @page-background, 95%);
		color: #fff;
		position: relative;

		h2 {
			color: inherit;
			margin: 0;
		}
	}
}

.result-tab {
	color: @ui04;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;

	li {
		display: inline;

		&.selected {
			color: #fff;
		}

		a {
			color: inherit;
			border: 0;
		}

		&:before {
			content: '\b7\a0'; /* middle-dot + space */
		}

		&:first-child:before {
			content: none;
		}
	}

	&:after {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 0 6px 6px;
		border-color: transparent transparent #fff;
		bottom: -1.425em;
		left: 0;
		transition: transform 400ms;

		#directory_results & {
			transform: translateX(1.3125em);
		}

		#search_results & {
			&.no-local {
				transform: translateX(2.2812em);
			}

			transform: translateX(1.875em);
		}
	}

	&.state-1:after {
		#directory_results & {
			transform: translateX(7em);
		}

		#search_results & {
			transform: translateX(7.5312em);
		}
	}

}

.search-set, .embed {
	margin: 0;
	background: mix(#fff, @page-background, 95%);
}

.search-results {
	transition: opacity 400ms;
	opacity: 0;

	&.active {
		opacity: 1;
	}

	h3 {
		display: none;
	}
}

.results-group {
	float: left;
	width: 100%;
}

#directory_results {
	> * {
		padding: 1.425em 9.375%;
	}

	@media @bp2 {
		width: 33.3333%;
	}

	.embed & {
		width: 40%;
	}

}

#search_results {
	> * {
		padding: 1.425em 7.812%;
	}

	@media @bp2 {
		width: 66.6667%;

		.result-head {
			border-right: 1px solid @ui09;
		}

		.search-results {
			border-right: 1px solid @ui02;
		}
	}

	.embed & {
		width: 60%;

		.result-head {
			border-right: 1px solid @ui09;
		}

		.search-results {
			border-right: 1px solid @ui02;
		}
	}
}

.google-search {
	display: none;
}

/* Directory Styles */
#ppl_results {
	h3, h4, .result_head {
		display: none;
	}

	.pfResult {
		padding: 0;
		list-style: none;
	}

	.ppl_Sresult, .dep_result {
		margin: 1em 0;
	}

	.cInfo {
		display: none;
	}

	.overflow {
		display: flex;

		> .profile_pic {
			width: 40px;
			min-width: 40px;
			margin-right: 1em;
		}

		> .recordDetails {
			flex: 1 1 auto;
			align-self: center;
		}

		.photo {
			border-radius: 50%;
			margin-top: 0.375em;
			width: 100%;
			height: 40px;
			object-fit: cover;
		}
		.roles {
			padding: 0;
			margin: 0;
			list-style: none;

			li {
				margin-bottom: 0.618rem;

				&:last-child {
					margin-bottom: 0;
				}
			}

			.title,
			.organization-unit {
				display: block;
			}

			.organization-name {
				display: none;
			}
		}
	}

	.fn {
		font-size: 1.128em;
		font-weight: bold;
	}

	.given-name {
		margin-left: 1em;
		font-size: 1rem;
		text-transform: uppercase;
		color: @ui08;
	}
}

[data-uid="kfarrell2"] .given-name {
	display: none;
}