/*
 ************************************************************
 *
 * FORM
 *
 ************************************************************
 *
 * ----------------------------------------------------------
 *
 * SEARCH
 *
 * ----------------------------------------------------------
 *
 * - WRAP
 */

.form-search form
{
	position: relative;
	width: 100%;
}

.form-search input
{
	margin: 0;
}

/*
 * - INPUT
 */

.form-search input.keyword
{
	width: 100%;
	height: 44px;
	padding: 0;
	padding-left: 44px;
	padding-right: 16px;
	border-radius: 44px;
}

/*
 * - BUTTON
 */

.form-search input.button
{
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 0;
	font-size: 0;
	border: none;
	background-color: transparent;
	background-image: url('../icon/misc/search.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
}

.blog-search .form-search input.keyword
{
	height: auto;
	line-height: 1.4;
	padding: 16px;
	padding-left: 40px;
}

.blog-search .form-search input.button
{
	height: 100%;
	background-size: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z' fill='%23b8bcc8'/%3E%3C/svg%3E");
}