/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */

.search {
	position: relative;
	width: 100%;
	max-width: 588px;

	.form-control {
		width: 100%;
		height: 37px;
		background: rgba(147, 2, 61, .49);
		color: $white;
		border: 1px solid transparent;
		outline: 0;
		padding: 0 10px 0 41px;
		transition: border-color .3s;
		font-size: 17px; 

		&::placeholder {
			color: $white;
		}

		&:focus {
			box-shadow: none;
			border-color: $white;
		}
	}

	button {
		width: 37px;
		height: 37px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		border: 0;
		outline: 0;
		color: $white;
		padding: 0;

		svg {
			width: 18px;
			height: 18px;
		}
	}
}