/* search-autocomplete
--------------------------------------------------------------- */

.search-autocomplete {

	margin-top: 15px;
	border-top: 1px solid #e5e5e5;
	
	@media only screen and (max-width: @screen__m) {
		left: 0;
		margin-top: 0;
		top: 64px;
	}
	
	@media only screen and (max-width: @screen__s) {
		margin-top: 0;
	}
	
	ul {
		li {
		    font-size: 18px;
		    color: #444;
		    
		    .amount {
			    font-size: 14px;
			    color: #999;	
		    }
		    
			&:hover,
			&:focus,
			&.selected,
			&:hover .amount,
			&:focus .amount,
			&.selected .amount {
			    background: @blue-secondary !important;
			    color: #fff;
			}
		    
		}
	}
	
}