/*

 * Ripple effect

 */

.ripple-container {

	display: block;

	position: absolute !important;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	padding: 0 !important;

	animation: none !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 0.4s cubic-bezier(.4,0,.2,1);

		opacity: 0.1;

		}

	.ripple.ripple-out {

		transition: opacity 0.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;

	background: var(--color-content-bg-grad);

	}

.w-search[style*="--inputs-background"] .w-search-background {

	background: var(--inputs-background);

	}

.w-search-background.overlay-on {

	transition: opacity 0.25s, transform 0.5s cubic-bezier(.4,0,.2,1);

	opacity: 1;

	}

.w-search-background.overlay-out {

	transition: opacity 0.5s, transform 0.5s cubic-bezier(.4,0,.2,1);

	}

.w-search-background.mobilefocus {

	display: none !important;

	}