/* Var Definitions */
.searchField {
	--element-radius: var(--border-radius, 10px);
	--button-radius: var(--border-radius-small, 5px);
}

.searchField {
	display: -webkit-box; display: flexbox; display: box; display: -ms-flex; display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	vertical-align: middle;
	max-width: 100%;
}

.searchField .altInput,
.searchField .searchbutton {
	border: 1px solid #a6a6a6;
	vertical-align: top;
	display: inline-block;
	line-height: 18px;
	box-shadow: none;
	background-color: rgba(255,255,255,0.8);
}
.searchField .altInput {
	height: 30px;
	border-right: none;
	padding: 5px;
	border-radius: var(--button-radius) 0 0 var(--button-radius);
	font-size: 90%;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
.searchField .searchbutton {
	display: flex;              
	justify-content: center;   
	align-items: center;   
	font-size: 100%;
	color: #fff;
	border-left: none;
	border-radius: 0 var(--button-radius) var(--button-radius) 0;
	text-decoration: none;
	background-color: var(--logo-color-1);
	transition: filter 0.2s ease;
}
.searchField .searchbutton:hover {
	filter: brightness(1.2);
}
.searchField img{
	padding: 6px;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}