.rox-search {
	input[type="search"] {
		width: 100%;
		background: #ebebeb;
		font-size: 16px;
		font-weight: 300;
		padding: 15px 35px 15px 17px;
		position: relative;
		z-index: 1;
		&:focus {
			outline: none;
		}
		&::-webkit-search-cancel-button {
			display:none;
		}
	}
	a {
		&.reset,
		&.submit {
			position: absolute;
			display: block;
			height: 45px;
			width: 35px;
			line-height: 25px;
			padding: 14px 0;
			top: 4px;
			right: 6px;
			transition: all 0.3s linear;
			cursor: pointer;
			z-index: 1;
			.rox-icon {
				width: 100%;
				height: 100%;
				display: block;
				margin: -2px 0 0 0;
				padding: 0;
			}
		}
		&.reset {
			display: none;
		}
	}
}
.rox-search-container {
	&.open {
		.rox-search {
			input[type="search"] {
				padding: 15px 80px 15px 17px;
			}
			a {
				&.submit {
					right: 46px;
				}
				&.reset {
					display: block;
					right: 10px;
				}
			}
		}
		.rox-search-results {
			.result-contents { display: block; }
		}
	}
}