.algolia-autocomplete {
	z-index: 101 !important;
	border-top: 1px solid #E2E6F0;
}
.aa-dropdown-menu {
	/* we set the width in JS */
	font-family: sans-serif;
	background-color: #fff;
	border-top: none;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: 0 1px 2px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35);
}

.aa-dropdown-menu:after {
	content: " ";
	display: block;
	clear: both;

}

.aa-dropdown-menu .aa-input, .aa-dropdown-menu .aa-hint {
	width: 100%;
}
.aa-dropdown-menu .aa-hint {
	color: #999;
}

/* Font */
.aa-dropdown-menu {
	color: #1a1a1a;
	font-size: 12px;
}

.aa-dropdown-menu a {
	font-size: 12px;
	color: #1a1a1a;
	font-weight: normal;
	text-decoration: none;
}
.aa-dropdown-menu a:hover {
	text-decoration: none;
}

/* Header */
.aa-dropdown-menu .autocomplete-header {
	margin: 0 61px;
	border-bottom: 1px solid #E2E6F0;
}

.aa-dropdown-menu .autocomplete-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding: 24px 0 8px 0;
}
.autocomplete-header-title {
	color: var(--Text-Text-Disabled, #9096AF);

	/* V2/Label/Label M */
	font-family: Lato;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; /* 150% */
}

.aa-dropdown-menu .autocomplete-header-more a {
	color: var(--Text-Text-Primary, #343457);

	/* New/Text Links/Text Link Medium */
	font-family: Lato;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 19.6px */
	text-decoration-line: underline;
}

/* .aa-dropdown-menu .autocomplete-header-more a:hover {
	color:  rgba(0,0,0,.4);
} */

/* Suggestion */

.aa-dropdown-menu .aa-suggestion {
	padding: 8px 0;
	margin: 0 41px;
}



.aa-dropdown-menu .aa-suggestion:hover {
	background: var(--Border-Border-Secondary, #EFF1F7) !important;
}

.aa-dropdown-menu .aa-suggestion:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}



.aa-suggestion .suggestion-post-attributes {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    max-width: 100%;
    overflow: hidden;
	flex-wrap: wrap;
}

.aa-suggestion .suggestion-post-title {
    flex-grow: 1; /* Allows the title to take up as much space as available */
    white-space: normal; /* Allow wrapping */
    overflow-wrap: break-word; /* Breaks words to prevent overflow */
}

.aa-suggestion .suggestion-root-term {
    white-space: nowrap; /* Keeps the term in a single line */
}

.suggestion-root-term {
	color: var(--Text-Text-Disabled, #9096AF);
    font-family: Lato;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    background: #EFF1F7;
    padding: 2px 8px;
    border-radius: 40px;
}

.aa-dropdown-menu .aa-suggestion em {
	color: #405DFF !important;
	font-family: Lato;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}

.aa-dropdown-menu .aa-suggestion .suggestion-post-content em {
	font-weight: 400;
}

.aa-dropdown-menu .aa-suggestion .suggestion-post-title {
	display: block;
	color: var(--Text-Text-Secondary, #4B506B);
	font-family: Lato;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
}

.aa-dropdown-menu .aa-suggestion .suggestion-post-content {
	color: #63676d;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.aa-dropdown-menu .aa-suggestion .suggestion-post-content em {
	padding: 0 0 1px;
	background: inherit;
	color: inherit;
}

.aa-dropdown-menu .aa-suggestion.aa-cursor {
	background-color: #f9f9f9;

}

.aa-dropdown-menu a.suggestion-link {
	display: flex;
	align-items: center;
}

.aa-dropdown-menu a.suggestion-link.user-suggestion-link {
	line-height: 32px;
}


.aa-dropdown-menu a.suggestion-link svg {
	vertical-align: middle;
	fill: rgba(0,0,0,.3);
	float: left;
}

.aa-dropdown-menu .suggestion-post-thumbnail {
	float: left;
	margin-right: 8px;
	margin-left: 30px;
	border-radius: 3px;
	width: 16px;
	height: 16px;
}

.aa-dropdown-menu .suggestion-user-thumbnail {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 16px;
	width: 32px;
	height: 32px;
}

/* Footer */
.aa-dropdown-menu .autocomplete-footer-branding {
	padding: 15px 14px 0px;
	float: right;
	color: rgba(0,0,0,.3);
	margin-bottom: 7px;
}

/* Clearfix */
.aa-dropdown-menu .clear {
	clear: both;
	display: none;
}

.clear::after {
    content: "";
    display: block;
    clear: both;
}


/* Empty */
.autocomplete-empty {
	clear: both;
	padding: 15px;
}

.autocomplete-empty .empty-query {
	font-weight: bold;
}


/* Opacity overlay style */
.opacity-overlay {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(52, 52, 87, 0.3);
    z-index: 100; 
}


/* When active-search class is added to body, show the overlay */
body.active-search .opacity-overlay {
    display: block;
}
search #searchform {
    position: relative;
}
/* Ensure search bar is above the overlay */
body.active-search search #searchform {
    z-index: 101!important;
}
@media screen and (max-width: 769px) {
	.aa-dropdown-menu .suggestion-post-thumbnail {
		margin-left: 0;
	}	
	.aa-dropdown-menu .aa-suggestion {
		margin: 0 10px;
	}
	.aa-dropdown-menu .autocomplete-header {
		margin: 0 10px;
	}
}