/*
 Theme Name:   Content Hub Search Filter Child
 Author: Web Juice Ltd
 Description: WordPress Theme for the Experian Content Hub
 Template:     content-hub
 Version:      1.0.0
 Text Domain:  contenthub-child
*/

.searchandfilter > ul {
	padding: 0;
}

.searchcontainer .sf-field-search label, .searchcontainer .sf-field-search .sf-input-text {
	width: 100%;
	position: relative;
}
.searchcontainer .sf-field-search .sf-input-text {
	border: 1px solid #d0d0d0;
	padding: 8px 20px;
	font-weight: 300;
	color: #979797;
	border-radius: 8px;
}
.sf-field-search label:after {
	font-family: "Font Awesome 5 Free";
	content: "\f002";
	font-weight: 900;
	position: absolute;
	right: 20px;
	top: 7px;
	font-size: 18px;
}

.sf-field-sort_order .sf-input-select {
	font-weight: 300;
	color: #575755;
	border-radius: 8px;
	padding: 5px;
	display: inline-block;
	border: 1px solid #d0d0d0;
}
.sf-field-sort_order label:before {
	content: "Sort by:";
	display: inline-block;
}

.search-filter-reset {
	color: #63666a;
}

.search-filter-reset:hover{
	text-decoration: none;
}

.search-filter-reset:before {
	font-family: "Font Awesome 5 Free";
	content: "\f00d";
	font-weight: 900;
	padding-right: 6px;
}
.sf-count{
	display: none !important;
}

.sf-field-category ul, .sf-field-post-meta-content_type ul{
  padding:0;
}

.sf-field-category li, .sf-field-post-meta-content_type li{
  position:relative;
  padding-right: 20px;
}

.sf-field-category input, .sf-field-post-meta-content_type input{
  display:none;
}

.sf-field-category li.sf-option-active, .sf-field-post-meta-content_type li.sf-option-active{
  color: #406eb3;
  font-weight: bold;
}

.sf-field-category li:hover, .sf-field-post-meta-content_type li:hover{
  background:#d0d0d0;
}

.sf-field-category li:after, .sf-field-post-meta-content_type li:after{
	content: attr(data-sf-count);
	position:absolute;
	right:5px;
	pointer-events: none;
}
.searchandfilter h4 {
	font-weight: bold;
}
.sf-label-checkbox {
	width:  100%;
}

@media(min-width:991px){
	.searchcontainer {
		padding-top: 100px;
		position: relative;
	}

	.searchcontainer .sf-field-search {
		position: absolute;
		top: -90px;
		width: 57vw;
		min-width: 200px;
	}
	.sf-field-sort_order {
		position: absolute;
		left: 60vw;
		top: -79px;
		width: 232px;
	}
	.sf-field-reset {
		position: absolute;
		top: -42px;
	}

}

@media(max-width:990px){
	.searchandfilter ul li.sf-field-sort_order, .searchandfilter ul li.sf-field-sort_order label:before, .searchandfilter ul li.sf-field-reset, .searchandfilter ul li.sf-field-category, .searchandfilter ul li.sf-field-post-meta-content_type{
		display: none;
	}

	.searchandfilter li.show-filters {
		font-weight: 500;
		background: #fff;
		border: 1px solid #d0d0d0;
		padding: 8px 20px;
		border-radius: 8px;
		margin-top: 14px;
		position: relative;
		cursor: pointer;
}
	.searchandfilter li.show-filters:after {
		font-family: 'Font Awesome 5 Free';
		content: '\f107';
		font-weight: bold;
		position: absolute;
		right: 17px;
		font-size: 27px;
		top: 0;
		transition: all .5s;
	}
	.searchandfilter li.show-filters.open:after {
		rotate: 180deg;
	}
	.sf-field-sort_order{
		margin-top: 20px !important;
	}
	.sf-field-sort_order label, .sf-field-sort_order select{
		width: 100%;
	}
}

.search-header p {
	font-size: 18px;
}
.search-header h1 {
	margin-top: ;
	margin: 0;
}

.purplegrad.search-header {
	padding-bottom: 35px;
}

.filterbox h4 {
	position: relative;
	cursor: pointer;
}

.filterbox h4:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f107";
	position: absolute;
	right: 19px;
}

.filterbox h4.open:after{
	content:"\f00d";
}

.filter-opts{
	display: none;
}