/*customer-typeahead*/
@media (max-width: 768px) {
	/* Do not display auto-complete on small devices */
	.tt-menu {
		display: none !important;
	}
}

.twitter-typeahead {
	flex-grow: 2;
	width: 50%;
}

.tt-menu {
	background-color: #fff;
	color: #292b2c;
	width: 100% !important;
	padding: .5rem;
	border: solid 1px rgba(0, 0, 0, .125);
	border-radius: .25rem;
	font-size: 1rem;
}

.tt-dataset {
	float: left;
	display: table-cell;
	height: 100%;
}

.tt-dataset:first-child,
.tt-dataset:first-child .tt-suggestion {
	border-left: none;
	padding-left: 0;
}

.tt-dataset h5 {
    font-family: proxima-nova,sans-serif !important;
    font-size: 1rem;
    line-height: 2rem;
    text-transform: uppercase;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    font-weight: bold;
    color: #596781;
    border-bottom: solid 3px #FECE35;
    background: transparent;
    border-left: 0;
    border-right: none;
    border-top: none;
    text-align: center;
}

.tt-suggestion {
	cursor: pointer;
	padding-right: 1rem;
	padding-left: 1rem;
	border-left: solid 1px rgba(0, 0, 0, .125);
	clear:both;
	text-transform: capitalize;
	color: #5A6781;
}

.tt-suggestion.tt-cursor,
.tt-suggestion:hover {
	background-color: #f7f7f7;
}

.tt-dataset-organic {
	width: 25%;
}

.tt-dataset-people {
	width: 40%;
	color: black;
}

.tt-dataset-courses {
	width: 35%;
}

.tt-dataset-people .tt-suggestion,
.tt-dataset-courses .tt-suggestion {
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 10px;
}

.tt-dataset .details {
	line-height: 1rem;
}

.tt-dataset-people img {
	max-width: 64px;
	max-height: 64px;
	width: 64px;
	height: 64px;
	object-fit: cover;
}

.tt-dataset h6 {
    margin: 0;
    font-size: 1rem;
    color: #5A6781;
    font-weight: bold;
}