/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


#jollity-search {
	position: relative;
}
#jollity-search form {
	position: absolute;
	width: 250px;
	background-color: #ffffff;
	top: -3px;
	left: -170px;
	opacity: 0;
	z-index: -1;
}
#jollity-search-trigger img {
	position: relative;
	top: -1px;
	left: -5px;
}
#jollity-search form.active {
	opacity: 1;
	z-index: 5;
}
#jollity-search .search-submit {
	background-color: transparent;
	width: 24px;
	height: 24px;
	background-image: url(/wp-content/plugins/jollity-addon/public/partials/jollity-search/images/search-icon.png);
	padding: 0;
	font-size: 0;
	background-size: cover;
	float: left;
	margin: 3px 0 0 10px;
}
#jollity-search .search-field {
	padding: 5px 10px;
	background-color: #ffffff;
	border: 0;
}
#jollity-search .search-field:focus {
	outline: none;	
}
#jollity-search-trigger {
	position: relative;
	z-index: 3;
}
#jollity-clear-search {
	width: 14px;
	height: 14px;
	display: block;
	position: absolute;
	top: 2px;
	right: 10px;
}