/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 16 2023 | 21:07:14 */
/*
container that holds both the searchbar and the results list
*/
#algolia-search-container {
	position: relative;
	width: 100%;
	max-width: 500px;
	padding: 0px 28px;
	margin: 0 auto !important;
	z-index: 2;
}

/*
container that holds the main input with search icon
*/
#searchbox {
	width: -webkit-fill-available;
	width: -moz-available;
}

/*
this is the search result list that pops up

max-width should be 60px less than the max-width of the #algolia-search-container
for proper fitting
*/
#hits {
	background-color: white;
    position: absolute;
    width: 100%;
    max-width: 400px; 
    z-index: 2;
    overflow: hidden;
	box-shadow: 0 20px 20px 0px rgba(0,0,0,0.05);
}


/*
this is the search icon
*/
.ais-SearchBox-img {
	height: 28px;
	width: 28px;
	object-fit: cover;
	margin-right: 12px !important;
}


/*
this is the actual text input area itself
*/
.ais-SearchBox-input {
	border: none !important;
	padding: 0px 5px 0 0 !important;
	width: -webkit-fill-available;
	width: -moz-available;
	font-family: "CerebriSansPro";
	font-size: 16px;
	background-color: #F7FAFC;

}

/*
this is the text input area when the user has clicked into it
*/
.ais-SearchBox-input:focus {
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}

/*
this is the text input area when the user has clicked into it
*/
#ais-input-container {
	display: flex;
	align-items: center;
	background-color: #F7FAFC;
	padding: 10px 10px;
	border: 0px solid #0066FF !important;
	border-radius: 28px;
}

/*
this is a search result item
*/
.ais-Hits-item {
	display: block;
	width: 100%;
	padding: 18px;
	font-size: 16px;
	font-family: 'CerebriSansProBold';
	color: #2C74F6 !important;
	font-weight: 800;
	background-color: #fff;
	transition: all 0.2s linear;
}

/*
styles to the search result item when mouse hovers on it
*/
.ais-Hits-item:hover {
	background-color: #eee;
	cursor: pointer;
	text-decoration: none;
	text-transform: none;
}

/*
the search result item's company name
*/
.ais-Hits-item-description {
	font-weight: 300;
	margin-left: 6px !important;
	color: #828282 !important;
	font-family: 'CerebriSansPro';
}

/*
styles for search result list for mobile devices
*/
@media (max-width: 660px) {
  	#hits {
		max-width: calc(100% - 60px);
	}
}