/* search keywords */
.tf_hide.tbp_search_keywords{
	position:absolute;
	top:100%;
	left:0;
	margin-top:30px;
	transition:opacity .3s ease-in;
	display:flex;
	gap:.5rem;
	flex-wrap:wrap;
	outline:none;
	z-index:1
}
.tf_s_dropdown .tbp_search_keywords{
	min-width:240px;
	background:#fff;
	color:#555;
	z-index:9999;
	box-shadow:0 6px 20px 3px rgba(0, 0, 0, .3);
	max-height:340px;
	overflow-y:auto;
	padding:10px 15px;
	margin-top:10px;
	border-radius:8px
}
.search-active .tbp_search_keywords{
	display:none
}
.tf_searchform_inner .tbp_search_keywords{
	font-size:.4em
}
form:focus-within .tf_search_result:empty+.tbp_search_keywords{
	opacity:1;
	visibility:visible
}
.tbp_search_keywords a{
	line-height:1.1;
	display:inline-block;
	background:rgba(180,180,180,.15);
	color:inherit;
	padding:.4em .8em;
	border-radius:12px;
	text-decoration:none;
	white-space:nowrap
}
.tbp_search_keywords a:hover{
	background:rgba(180,180,180,.4);
	text-decoration:none
}
.tbp_search_keywords .tbp_search_keywords_before{
	flex:0 0 100%;
	margin-bottom:5px
}
@media screen and (max-width:760px){
	.tf_searchform_inner .tbp_search_keywords{
		font-size:.55em
	}
}