/**
 * Header search — weldcom.vn style
 */

.header-search-form,
.header-search-form .header-search-form-wrapper,
.header-search-form .searchform-wrapper {
	width: 100%;
	max-width: 100%;
}

.header-search-form .searchform-wrapper {
	margin: 0;
}

.header-search-form .wh-searchform-row {
	display: flex;
	align-items: stretch;
	flex-wrap: nowrap;
	border: 1px solid #d5d5d5;
	background: #fff;
}

.header-search-form .wh-searchform-btn {
	flex: 0 0 auto;
}

.header-search-form .wh-searchform-field {
	flex: 1 1 auto;
	min-width: 0;
}

.header-search-form .wh-searchform-btn .ux-search-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 33px;
	min-width: 33px;
	height: 33px;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	background-color: #fed640!important;
	color: #fff !important;
	box-shadow: none !important;
	line-height: 1;
}



.header-search-form .wh-searchform-btn .icon-search {
	font-size: 16px;
	color: #fff;
}

.header-search-form .wh-searchform-field .search-field {
	width: 100%;
	height: 33px;
	margin: 0;
	padding: 0 12px;
	border: none;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	font-size: 13px;
	color: #333;
}

.header-search-form .wh-searchform-field .search-field::placeholder {
	color: #999;
	opacity: 1;
}

.header-search-form .wh-searchform-field .search-field:focus {
	outline: none;
	box-shadow: none;
}

.mobile-sidebar .wh-searchform-row,
.off-canvas .wh-searchform-row {
	border: 1px solid #d5d5d5;
}