/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 23 2026 | 12:28:43 */

/* Search wrapper */
.custom-search {
	position: relative;
	z-index: 999999;
}

/* Search input (works for all search boxes) */
#ufs-live-search, #page-live-search, #reading-live-search {
	width: 100%;
	padding: 14px 16px 14px 40px;
	border: 1px solid #fff;
	background: transparent;
	color: #fff !important;
	font-size: 16px;
	outline: none;
	font-family: "Fat Frank", Sans-serif;
	font-weight: 500;
}

/* Placeholder */
#ufs-live-search::placeholder, #page-live-search::placeholder, #reading-live-search::placeholder {
	color: #fff;
	opacity: 1;
}

/* Search results dropdown */
#ufs-search-results, #page-search-results, #reading-search-results {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #1a1a1a;
	z-index: 999;
	max-height: 300px;
	overflow-y: auto;
}

/* Search items */
.search-item {
	display: block;
	padding: 12px 14px;
	color: #fff;
	text-decoration: none;
	font-family: "Fat Frank", Sans-serif;
	font-size: 14px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	transition: all .2s ease;
}

.search-item:hover {
	background: #ff7a00;
	color: #fff;
}

/* View all button */
.search-view-all {
	display: block;
	padding: 12px 14px;
	background: #ff7a00;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	font-family: "Fat Frank", Sans-serif;
}

.search-view-all:hover {
	background: #ff8f1f;
}

/* Search icon */
.search-icon {
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	border: 2px solid #fff;
	border-radius: 50%;
}

.search-icon::after {
	content: "";
	position: absolute;
	width: 8px;
	height: 2px;
	background: #fff;
	bottom: -4px;
	right: -6px;
	transform: rotate(45deg);
}

@media (max-width:767px) {
	/* Search wrapper */
	.custom-search {
		position: relative;
		z-index: 999999;
	}
	
	/* Search input (desktop + mobile) */
	#ufs-live-search, #page-live-search, #reading-live-search, #ufs-live-search-mobile, #page-live-search-mobile, #reading-live-search-mobile {
		width: 100%;
		padding: 14px 16px 14px 40px;
		border: 1px solid #fff;
		background: transparent;
		color: #fff !important;
		font-size: 16px;
		outline: none;
		font-family: "Fat Frank", Sans-serif;
		font-weight: 500;
	}
	
	/* Placeholder */
	#ufs-live-search::placeholder, #page-live-search::placeholder, #reading-live-search::placeholder, #ufs-live-search-mobile::placeholder, #page-live-search-mobile::placeholder, #reading-live-search-mobile::placeholder {
		color: #fff;
		opacity: 1;
	}
	
	/* Search results dropdown */
	#ufs-search-results, #page-search-results, #reading-search-results, #ufs-search-results-mobile, #page-search-results-mobile, #reading-search-results-mobile {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: #1a1a1a;
		z-index: 999;
		max-height: 300px;
		overflow-y: auto;
	}
	
	/* Search items */
	.search-item {
		display: block;
		padding: 12px 14px;
		color: #fff;
		text-decoration: none;
		font-family: "Fat Frank", Sans-serif;
		font-size: 14px;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
		transition: all .2s ease;
	}
	
	.search-item:hover {
		background: #ff7a00;
		color: #fff;
	}
	
	/* View all button */
	.search-view-all {
		display: block;
		padding: 12px 14px;
		background: #ff7a00;
		color: #fff;
		font-weight: 600;
		text-decoration: none;
		font-family: "Fat Frank", Sans-serif;
	}
	
	.search-view-all:hover {
		background: #ff8f1f;
	}
	
	/* Search icon */
	.search-icon {
		position: absolute;
		left: 14px;
		top: 50%;
		transform: translateY(-50%);
		width: 16px;
		height: 16px;
		border: 2px solid #fff;
		border-radius: 50%;
	}
	
	.search-icon::after {
		content: "";
		position: absolute;
		width: 8px;
		height: 2px;
		background: #fff;
		bottom: -4px;
		right: -6px;
		transform: rotate(45deg);
	}
	
	/*********************** New Css **************/
	.custom-search.mobile-search {
		display: none;
	}
	
	.mobile-search {
		display: none;
	}
}