/*
 * Ripple effect
 */
.ripple-container {
	display: block;
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 !important;
	z-index: 0 !important;
	overflow: hidden;
	border-radius: inherit;
	pointer-events: none;
}

.ripple {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	margin-top: -10px;
	border-radius: 100%;
	transform: scale(1);
	opacity: 0;
	background-color: currentColor;
	pointer-events: none;
}

.ripple.ripple-on {
	transition: transform .4s cubic-bezier(.4, 0, .2, 1);
	opacity: .1;
}

.ripple.ripple-out {
	transition: opacity .2s linear !important;
	opacity: 0 !important;
}

/* Search Fullscreen */
.w-search.layout_fullscreen .w-search-form {
	background: none !important;
}

.w-search-background {
	display: none;
	position: fixed;
	z-index: 99;
	border-radius: 100%;
	transform: scale(1);
	opacity: 0;
	pointer-events: none;
}

.w-search-background.overlay-on {
	transition: opacity .25s, transform .5s cubic-bezier(.4, 0, .2, 1);
	opacity: 1;
}

.w-search-background.overlay-out {
	transition: opacity .5s, transform .5s cubic-bezier(.4, 0, .2, 1);
}

.w-search-background.mobilefocus {
	display: none !important;
}