.tt-input,
.tt-hint {
	border:var(--brd);
	border-radius:var(--radius);
	height:100%;
	padding:var(--base-padding) var(--base-margin);
	font-size: calc(1.375 * var(--base-rem));
	line-height: calc(1.475 * var(--base-rem));
	outline: none;
	width: 100%;
}

.tt-input {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-menu {
	background-color: #fff;
	border:var(--brd);
	border-radius:var(--radius);
	box-shadow:var(--ds-lg-dkr);
	left:auto!important;
	letter-spacing: 0.0375rem;
	max-width: 600px;
	min-width:360px;
	padding:0;
	right:0!important;
	width:600px;
}

.tt-suggestion {
	border-bottom: var(--brd);
	box-shadow: var(--ds-sm-lt);
	display: flex;
	font-size: calc(var(--base-rem) * 1.5);
	font-family: 'Roboto Slab';
	padding: var(--base-padding) var(--base-margin);
	text-shadow: var(--ds-sm);
}

.tt-suggestion.tt-cursor, .tt-suggestion:hover { 
    color: #fff!important;
    background-color: #0097cf;

}


.tt-img-wrapper {
	border: 0;
	border-radius: var(--radius);
	max-width: 175px;
	overflow: hidden;
	margin: var(--base-padding) var(--base-margin) var(--base-margin);
	padding: 0;
	width: 175px;
	box-shadow: var(--ds-dkst);
	max-height: 120px;
	width: auto;
	text-align: center;
}
.ta_image {
	height: 100%;
	width: auto;
}

.tt-suggestion .menu-text {
	display: block;
	color: #333;
	padding: var(--base-padding);
}

.tt-highlight {
	position: relative;
	background-color: rgba(251, 247, 25, 0.375);
	padding: 0 0.25rem;
	margin: auto -.25rem;
}

.show-all a {
	align-items: center;
	background-color: var(--bs-info);
	border: var(--brd-dk);
	border-radius: 0 0 var(--radius) var(--radius);
	color: white!important;
	display: flex;
	flex: 1 1 auto;
	font-size: 1.5em;
	font-weight: 600;
	height: 45px;
	justify-content: center;
	margin-top: var(--base-margin);
	text-shadow: var(--ds-sm-dkst);
	width: 100%;
}

@media (max-width:992px) {
	.tt-menu {
		padding: 0;
		position: absolute!important;
		max-width: calc(100vw - calc(1rem * 1.5));
    	}
	.tt-menu.tt-open {
		top:auto!important;
		bottom:100%!important;
		left:0!important;
	}
	.tt-img-wrapper {
	    border: 0;
	    border-radius: var(--radius);
	    box-shadow: var(--ds-dkst);
	    margin: var(--base-padding) var(--base-margin) var(--base-margin);
	    max-width: 100px;
	    overflow: hidden;
	    padding: 0;
	    width: 100%;
	}
	.tt-suggestion .menu-text {
		display: block;
		color: #333;
		font-size: 1.2rem;
		max-width: 250px;
		padding: var(--base-padding);
	}
	.show-all a {
	    align-items: center;
	    background-color: var(--bs-info);
	    border: var(--brd-dk);
	    border-radius: 0 0 var(--radius) var(--radius);
	    color: white!important;
	    display: flex;
	    flex: 1 1 auto;
	    font-size: 1.15rem;
	    font-weight: 600;
	    height: 45px;
	    justify-content: center;
	    margin-top: var(--base-margin);
	    text-shadow: var(--ds-sm-dkst);
	    width: 100%;
	}

}