/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 13 2026 | 11:26:22 */
/* KICKS fullscreen Flatsome/SearchWP search. */

/* Search trigger inside the left Flatsome mobile menu. */
@media (max-width: 991px) {
	#main-menu .header-search-form,
	.mobile-sidebar .header-search-form,
	.sidebar-menu .header-search-form {
		padding: 14px 18px 12px !important;
	}

	#main-menu .searchform-wrapper,
	.mobile-sidebar .searchform-wrapper,
	.sidebar-menu .searchform-wrapper {
		cursor: text;
	}

	#main-menu .searchform > .flex-row,
	.mobile-sidebar .searchform > .flex-row,
	.sidebar-menu .searchform > .flex-row {
		height: 46px !important;
		border: 1px solid rgba(255, 255, 255, .2) !important;
		border-radius: 999px !important;
		background: rgba(255, 255, 255, .09) !important;
		box-shadow: none !important;
		overflow: hidden;
	}

	#main-menu input.search-field,
	.mobile-sidebar input.search-field,
	.sidebar-menu input.search-field {
		height: 44px !important;
		margin: 0 !important;
		padding: 0 16px !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		color: #fff !important;
		font-size: 15px !important;
	}

	#main-menu input.search-field::placeholder,
	.mobile-sidebar input.search-field::placeholder,
	.sidebar-menu input.search-field::placeholder {
		color: rgba(255, 255, 255, .62) !important;
		opacity: 1;
	}

	#main-menu .ux-search-submit,
	.mobile-sidebar .ux-search-submit,
	.sidebar-menu .ux-search-submit {
		width: 46px !important;
		height: 44px !important;
		min-height: 44px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		color: #fff !important;
	}
}

#search-lightbox {
	width: min(720px, calc(100vw - 40px));
	max-width: none;
	margin: 0 auto;
}

#search-lightbox .searchform-wrapper,
#search-lightbox .searchform {
	width: 100%;
	max-width: none;
}

#search-lightbox .searchform > .flex-row {
	height: 56px;
	border: 1px solid rgba(255, 255, 255, .5);
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 14px 42px rgba(0, 0, 0, .2);
	overflow: hidden;
}

#search-lightbox input.search-field {
	height: 54px !important;
	margin: 0 !important;
	padding: 0 22px !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #111 !important;
	font-size: 17px !important;
	font-weight: 400 !important;
}

#search-lightbox input.search-field::placeholder {
	color: #777773 !important;
	opacity: 1;
}

#search-lightbox .ux-search-submit {
	width: 56px !important;
	height: 54px !important;
	min-height: 54px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #111 !important;
}

#search-lightbox .live-search-results {
	position: relative !important;
	width: 100% !important;
	margin-top: 12px !important;
	border: 0 !important;
	border-radius: 14px;
	background: #fff !important;
	box-shadow: 0 22px 60px rgba(0, 0, 0, .24);
	overflow: hidden;
}

#search-lightbox .autocomplete-suggestions {
	position: static !important;
	width: 100% !important;
	max-height: min(56vh, 455px) !important;
	border: 0 !important;
	background: #fff !important;
	box-shadow: none !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	scrollbar-width: thin;
	scrollbar-color: #b8b8b3 transparent;
}

#search-lightbox .autocomplete-suggestion {
	display: grid !important;
	grid-template-columns: 88px minmax(0, 1fr) auto !important;
	gap: 16px !important;
	align-items: center !important;
	width: 100% !important;
	min-height: 104px !important;
	margin: 0 !important;
	padding: 8px 16px !important;
	border: 0 !important;
	border-bottom: 1px solid #e8e8e4 !important;
	background: #fff !important;
	color: #111 !important;
	font-size: 14px !important;
	line-height: 1.35 !important;
	text-align: left !important;
	white-space: normal !important;
	cursor: pointer;
	transition: background .15s ease;
}

#search-lightbox .autocomplete-suggestion:last-child {
	border-bottom: 0 !important;
}

#search-lightbox .autocomplete-suggestion:hover,
#search-lightbox .autocomplete-selected {
	background: #f5f5f2 !important;
}

#search-lightbox .search-image {
	grid-column: 1;
	width: 88px !important;
	height: 88px !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 5px !important;
	float: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #f3f3f0;
	object-fit: contain;
}

#search-lightbox .search-name {
	grid-column: 2;
	min-width: 0;
	margin: 0 !important;
	color: #111 !important;
	font-size: 15px !important;
	line-height: 1.35 !important;
	font-weight: 500 !important;
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

#search-lightbox .search-name strong {
	font-weight: 700;
}

#search-lightbox .search-price {
	grid-column: 3;
	margin: 0 !important;
	color: #111 !important;
	font-size: 14px !important;
	line-height: 1.3 !important;
	font-weight: 600 !important;
	text-align: right !important;
	white-space: nowrap !important;
}

#search-lightbox .search-price *,
#search-lightbox .search-price .amount,
#search-lightbox .search-price bdi {
	color: #111 !important;
}

@media (max-width: 549px) {
	html.kicks-search-locked,
	body.kicks-search-locked {
		height: 100% !important;
		overflow: hidden !important;
		overscroll-behavior: none;
	}

	body.kicks-search-locked {
		position: fixed !important;
		top: var(--kicks-search-scroll-top, 0) !important;
		left: 0 !important;
		width: 100% !important;
	}

	body.kicks-search-locked .mfp-bg {
		position: fixed !important;
		inset: 0 !important;
		height: var(--kicks-search-viewport-height, 100dvh) !important;
		opacity: .47 !important;
		-webkit-backdrop-filter: blur(2px);
		backdrop-filter: blur(2px);
	}

	body.kicks-search-locked .mfp-wrap {
		position: fixed !important;
		inset: 0 !important;
		height: var(--kicks-search-viewport-height, 100dvh) !important;
		overflow: hidden !important;
		overscroll-behavior: contain;
	}

	body.kicks-search-locked .mfp-container,
	body.kicks-search-locked .mfp-content {
		position: relative !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		vertical-align: top !important;
	}

	body.kicks-search-locked .mfp-close {
		position: fixed !important;
		top: 9px !important;
		right: 9px !important;
		z-index: 10;
		width: 42px !important;
		height: 42px !important;
		color: #fff !important;
	}

	#search-lightbox {
		box-sizing: border-box !important;
		position: absolute !important;
		top: 62px !important;
		left: 50% !important;
		width: calc(100vw - 40px) !important;
		max-width: calc(100vw - 40px) !important;
		margin: 0 !important;
		transform: translateX(-50%) !important;
	}

	#search-lightbox .searchform > .flex-row {
		box-sizing: border-box !important;
		width: 100% !important;
		height: 46px;
	}

	#search-lightbox input.search-field,
	#search-lightbox .ux-search-submit {
		height: 44px !important;
		min-height: 44px !important;
	}

	#search-lightbox input.search-field {
		padding-left: 16px !important;
		font-size: 16px !important;
	}

	#search-lightbox .ux-search-submit {
		width: 46px !important;
	}

	#search-lightbox .live-search-results {
		margin-top: 8px !important;
		border-radius: 0;
		background: transparent !important;
		box-shadow: none;
		overflow: hidden;
	}

	#search-lightbox .autocomplete-suggestions {
		max-height: calc(var(--kicks-search-viewport-height, 100dvh) - 168px) !important;
		padding: 0 1px 4px;
		background: transparent !important;
		scrollbar-width: none;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}

	#search-lightbox .autocomplete-suggestions::-webkit-scrollbar {
		display: none;
	}

	#search-lightbox .autocomplete-suggestion {
		grid-template-columns: 108px minmax(0, 1fr) !important;
		grid-template-rows: auto auto;
		column-gap: 13px !important;
		row-gap: 6px !important;
		min-height: 124px !important;
		margin: 0 0 8px !important;
		padding: 8px !important;
		border: 1px solid rgba(255, 255, 255, .14) !important;
		border-radius: 12px !important;
		background: rgba(20, 20, 20, .76) !important;
		box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
		-webkit-backdrop-filter: blur(14px);
		backdrop-filter: blur(14px);
	}

	#search-lightbox .autocomplete-suggestion:last-child {
		margin-bottom: 0 !important;
		border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
	}

	#search-lightbox .autocomplete-suggestion:hover,
	#search-lightbox .autocomplete-selected {
		background: rgba(36, 36, 36, .9) !important;
	}

	#search-lightbox .search-image {
		grid-row: 1 / 3;
		width: 108px !important;
		height: 108px !important;
		padding: 6px !important;
		border-radius: 8px !important;
		background: rgba(255, 255, 255, .92);
	}

	#search-lightbox .search-name {
		grid-column: 2;
		grid-row: 1;
		font-size: 14px !important;
		line-height: 1.35 !important;
		color: #fff !important;
	}

	#search-lightbox .search-price {
		grid-column: 2;
		grid-row: 2;
		max-width: none;
		font-size: 13px !important;
		line-height: 1.2 !important;
		text-align: left !important;
		white-space: nowrap !important;
		color: rgba(255, 255, 255, .78) !important;
	}

	#search-lightbox .search-price *,
	#search-lightbox .search-price .amount,
	#search-lightbox .search-price bdi {
		color: rgba(255, 255, 255, .78) !important;
	}
}