/* CSS Document */
.header-search-form {
	/*margin-left: 50px;*/
}

.searchbar {
	margin-bottom: auto;
	margin-top: auto;
	height: 40px;	
	background-color: #ffaf02;
	border-radius: 30px;
	padding: 5px;
}
.search_input {
	color: white;
	border: 0;
	outline: 0;
	background: none;
	width: 0;
	caret-color: transparent;
	line-height: 25px;
	transition: width 0.5s linear;
}
input[type="search"]::placeholder{
	/* Firefox, Chrome, Opera */ 
	text-align: center;
}
.searchbar:hover > .search_input {
	padding: 5px;
	width: 225px;
	caret-color: red;
	transition: width 0.5s linear;
}
.searchbar:hover > .search_icon {
	background: #ffaf02;
	color: #253A83;
	display: flex;
	/*margin-top: -2rem;
	background: white;
	*/
}
button.button.search_icon {
	background-color: transparent;
	border: none;
}

.search_icon {	
	float: right;
	height: 30px;
	width: 30px;	
    /*display: flex;
	justify-content: center;
	align-items: center;	
	*/
	border-radius: 50%;
}
.search_icon > i {
 	font-size: 25px;
	 padding: 2px;
	/*color: white; */
}
.search_icon > i:hover {
	color: white;
}
  /* Better Font Rendering =========== */
/*  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;*/