.twitter-typeahead {width: calc(100% - 4rem);}

/* Do not display auto-complete on small devices */
.tt-menu {
	display: none;
}

@media (min-width: 48em) {
	.tt-menu {
    	background-color: #f3f3f3;
    	color: #292b2c;
    	left: -4rem !important;
    	width: calc(100% + 12rem) !important;
    	padding: 0.5rem 4rem 1.5rem 4rem;
    	border: solid 1px rgba(0, 0, 0, .125);
    	border-radius: .25rem;
	}
}

@media (min-width: 80em) {
	.tt-menu {
    	left: -8rem !important; 
    	width: calc(100% + 20rem) !important; 
    	padding-left:8rem;
    	padding-right: 8rem;
  }
}  
    
.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-size: large;
    font-weight: bold;
    line-height:2;
    text-align: left;
	border-bottom: 0.1875rem solid #AB0C2F;
}

.tt-suggestion {
    cursor: pointer;
    padding-right: 1rem;
    padding-left: 1rem;
    border-left: solid 1px rgba(0, 0, 0, .125);
}

.tt-suggestion h6 {
    font-size: 1rem;
    letter-spacing: 1px;
}

.tt-suggestion:hover {
    background-color: #d7d8d2;
}

.tt-dataset-organic { width: 25%; }
.tt-dataset-people  { width: 40%; }
.tt-dataset-courses { width: 35%; }

.tt-dataset-people .tt-suggestion,
.tt-dataset-courses .tt-suggestion {
    margin-top: .75rem;
    margin-bottom: .75rem;
}

.tt-dataset .media-body,
.tt-dataset .details {
    font-size: 1rem;
    padding-top: .4rem
}

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

.tt-dataset h6 {
    color: #164d6d;
    margin: 0;
}

.tt-dataset-organic, .tt-dataset-people { 
	padding-right: 2rem; 
}
.tt-dataset-course { 
	padding-right: 1rem; 
}

/* adjust for search input */
.search { height: auto !important;}
@media ( min-width: 48em){
.search { overflow: visible; }
}
.search__input { display: inline-block; overflow: visible; }
@media (min-width: 81.25em) {
    .search { margin-left: 5rem; width: calc(100% - 10rem); }
}
.search__container { max-width: 100%; margin-left: 0; margin-right: 0; }