.search-form {
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	position: relative;

	.site-header & {
		flex-flow: row nowrap;
		align-items: center;
		position: absolute;
		z-index: -1;
		top: -999em;
		left: 25px;
		right: 60px;
		margin: 0;
		opacity: 0;
		transform: translateY(-100%);
		transition: opacity .3s ease-out, transform .3s ease-out;
	}

	.site-header.search-active & {
		top: 50%;
		opacity: 1;
		visibility: visible;
		z-index: 3;
		transform: translateY(-50%);
	}
	.site-header .mobile-panel & {
		left: 25px;
	}

	&__toggle {
		font-size: 14px;
		cursor: pointer;
		transition: all .3s ease-out;
		position: relative;
		display: inline-block;

		&:before {
			content: '\ea66';
			@include nucleo-mini-icon();
		}
		.site-header.search-active & {
			opacity: 0;
			visibility: hidden;
			transform: translateY(20px);
		}
	}
	&__close {
		font-size: 14px;
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 25px;
		transform: translateY(-150%);
		opacity: 0;
		margin-left: 25px;
		visibility: hidden;

		&:before {
			content: '\ea5c';
			@include nucleo-mini-icon();
		}
		.site-header.search-active & {
			transition: all .5s ease-out;
			transform: translateY(-50%);
			opacity: 1;
			visibility: visible;
		}
		.site-header .mobile-panel & {
			right: 20px;
		}
	}
	&__input-wrap {
		position: relative;
		flex: 5 1 185px;
		min-width: 185px;

		.sidebar-1-4 .sidebar & {
			@include media-breakpoint-up(md) {
				flex: 5 1 150px;
				min-width: 150px;
			}
		}
		.site-header & {
			margin: 0;
			min-width: 0;
			flex: 1 1 auto;

			&:before {
				@include nucleo-mini-icon();

				content: '\ea66';
				position: absolute;
				left: 8px;
				top: 50%;
				transform: translateY(-50%);
				z-index: -1;
				font-size: 14px;
			}
		}
	}
	&__field[type='search'] {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-width: 50px;

		.site-header & {
			padding: 17.5px 20px 17.5px 25px;
			background: none;
			border: none;
			box-shadow: none;
			@include media-breakpoint-up(md) {
				padding: 17.5px 20px 17.5px 35px;
			}

			&:focus {
				background: none;
				border: none;
				box-shadow: none;
			}
		}
		.widget_search & {
			padding-right: 45px;
			height: 45px;
		}
	}
	&__submit {
		z-index: 1;
		padding-left: 30px;
		padding-right: 30px;
		flex: 1 0 auto;

		@include media-breakpoint-only(xs) {
			padding-left: 15px;
			padding-right: 15px;
		}
		.sidebar & {
			padding-left: 13px;
			padding-right: 13px;
		}
		.page-content & {
			max-height: 45px;
			padding-top: 0;
			padding-bottom: 0;
			line-height: 40px;
		}
		.widget_search & {
			position: absolute;
			top: 0;
			right: 0;
			text-indent: -9999em;
			width: 45px;
			height: 45px;
			padding: 0;

			&,
			&.btn {
				background: none;
				border: none;
				box-shadow: none;

				&:active,
				&:hover {
					box-shadow: none;
					background: none;
				}
			}
			&:after {
				@include linear-icon();

				content: '\e922';
				text-indent: 0;
				position: absolute;
				top: 0;
				left: 0;
				width: 45px;
				height: 45px;
				line-height: 45px;
				font-size: 18px;
			}
		}
		.footer-area:not(.footer-area--fullwidth) & {
			@include media-breakpoint-up(sm) {
				padding-left: 15px;
				padding-right: 15px;
			}
		}
		.sidebar-1-4 .sidebar & {
			@include media-breakpoint-up(md) {
				padding-left: 15px;
				padding-right: 15px;
			}
		}
		.site-header .search-form & {
			background: none !important;
			border: none !important;
			box-shadow: none !important;
			line-height: 1;
			flex: 0 0 auto;
			padding: 0;
			position: relative;
			top: 1px;
			font-weight: 300;
			border-radius: 0;
		}
	}
}
.cherry-search-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	z-index: -1;
	.sidebar &,
	.footer-area-wrap & {
		z-index: 1;
		position: relative;
		.cherry-search {
			.cherry-search__form {
				.cherry-search__field {
					height: 40px;
				}
				button.search-submit {
					@include btn();
					padding: 0 !important;
					position: absolute;
					background-color: transparent;
					top: 50%;
					transform: translateY(-50%);
					right: 15px;
					.cherry-search__icon {
						font-size: 18px;
					}
					.cherry-search__submite_text {
						font-size: 0;
					}
				}
			}
			.show {
				overflow-y: auto;
				max-height: 500px;
				z-index: 3;
				padding-right: 10px;
				padding-left: 10px;
				border: none;
				c
				ul {}
				.cherry-search__results-item {
					border-top: none;
					border-bottom: 1px solid #ccc;
					a {
						padding: 10px 0;
					}
					&:hover {
						background-color: transparent;
					}
				}
				.cherry-search__more-button {
					@include btn();
					margin: 10px 10px 10px 0 !important;
					text-align: center;
					border-radius: 20px;
				}
			}
		}
	}
	.shop-sidebar.sidebar & {
		.cherry-search {
			.cherry-search__form {
				button.search-submit {
					top: 40%;
				}
			}
		}
	}
	.cherry-search {
		.header-search & {
			.cherry-search__form {
				.cherry-search__label {
					&:before {
						content: '\e922';
						@include linear-icon();
						position: absolute;
						left: 10px;
						top: 50%;
						transform: translateY(-50%);
						font-size: 16px;
						color: #eee;
						
					}
				}
			}
			.show {
				border: none;
				padding-left: 30px;
				padding-right: 30px;
				ul {}
				.cherry-search__results-item {
					border-top: none;
					border-bottom: 1px solid #ccc;
					a {
						padding: 20px 0;
					}
					&:hover {
						background-color: transparent;
					}
				}
				.cherry-search__more-button {
					@include btn();
					margin: 10px 10px 10px 0;
					text-align: center;
					border-radius: 20px;
				}
			}
		}
		.cherry-search__form {
			button.search-submit {
				@include btn();
				padding: 13px 26px !important;
			}
		}
		.cherry-search__results-list {
			top: 40px;
		}
	}
}