.search-form {
	&,
	.cherry-search &.cherry-search__form {
		display: flex;
		align-items: flex-end;
		margin: 0;

		.site-header & {
			align-items: center;
		}
		.business & {
			transform: translateY(-120%);
		}
	}

	&__field-icon {
		display: none;
	}

	&__input-wrap {
		display: flex;
		align-items: center;
		margin: 0 10px 0 0;
		padding-bottom: 12px;
		min-width: 120px;
		flex-basis: 120px;

		label {
			margin-right: 8px;
			font-weight: 700;
			flex-shrink: 0;
			line-height: 1;

			&.screen-reader-text {
				clip: auto;
				position: static !important;
				height: auto;
				width: auto;
				overflow: visible;
			}
		}
		&, input[type='search'] {
			@include font-size(14/16);
			line-height:1.7;
			font-style: normal;
		}
		input[type='search'],
		.cherry-search__field.search-field[type="search"] {
			padding: 0;
			border: none;

			.site-header & {
				padding: 0;
			}
			&:focus {
				border: none;
			}
		}
		.site-header & {
			align-items: center;
			padding-bottom: 0;
		}
	}
	&__submit {
		flex: none;
		width: 42px;
		height: 42px;
		margin: 0;
		padding: 0;
		border-radius: 0;

		.sidebar &,
		.footer-area:not(.footer-area--fullwidth) &,
		.tm_pb_column &,
		.sidebar-1-4 .sidebar & {
			padding: 0;
		}

		i {
			@include font-size(26/16);
			line-height:42px;

			.header-search & {
				@include font-size(28/16);
				line-height:1.2;
			}
		}

		.site-header &,
		.site-header .invert & {
			padding: 0;

			&:before {
				content: none;
			}
		}
	}
	&__toggle {
		@include font-size(28/16);
		font-family:'Material Icons';

		&:before {
			content: '\E8B6';
		}
	}
	&__close {
		@include font-size(28/16);
		font-family:'Material Icons';
		margin-left: 16px;

		&:before {
			content: '\E5CD';
		}
		&:after {
			left: -16px;
		}
	}
}

.cherry-search form.cherry-search__form.search-form button.search-submit {
	flex: none;
	min-width: 42px;
	height: 42px;
	margin: 0;
	padding: 0 5px;
	border-radius: 0;

	.cherry-search__icon {
		@include font-size(26/16);
		line-height: 38px;
	}

	.site-header &,
	.site-header .invert & {
		padding: 0;

		.cherry-search__icon,
		.cherry-search__submite_text {
			display: none;
		}

		&:before {
			content: '\E8B6';
			font-family:'Material Icons';
			@include font-size(28/16);
			line-height: 1.2;
		}
	}
}
.cherry-search .cherry-search__results-list {
	margin-top: 5px;
}