.searchandfilter ul li {
	margin-top: 0px !important;
	font-size: 14px;
}

.searchandfilter h4 {
	border-top: 1px #ccc solid;;
}

.searchandfilter select {
	padding: 8px 4px;
}

.searchandfilter input {
	padding: 4px 4px;
}

.ui-datepicker-month, .ui-datepicker-year {
	color: #6C88AC;
}

.sf_date_field {
	padding-left: 0px !important;
}

.sf-field-submit, .sf-field-reset {
	display: inline-block !important;
}

.sf-field-reset {
	padding-left: 20px !important;
}

.searchandfilter > ul > li > h4 {
	position: relative !important;
	/*display: inline-block;*/
}

.searchandfilter > ul > li > h4:hover {
	cursor: pointer;
}

.sf-date-prefix {
	text-align: right;
	width: 40px;
}

.close-x {
	/*border: solid black;*/
	/*border-width: 0 2px 2px 0;*/
	display: block;
	padding: 2px;
	/*font-weight: 700;*/
	/*margin-left: 20px;*/
	/*position: relative;*/
	/*top: -2px; */
	float: right;
/*	right: 30px;
	top: 10px;	*/
	height: 30px;
	/*padding: 30px;*/
	margin-right: 40px;
	margin-top: 22px;
	font-size: 1.3em;
	font-weight: normal;	
}

.close-x:hover {
	cursor: pointer;
}

.arrow {
	border: solid black;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 2px;
	margin-left: 20px;
	/*position: relative;*/
	/*top: -2px; */
	position: absolute;
	right: 30px;
	top: 10px;	
}

.arrow.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.arrow.up {
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
}

.reset-link {
	text-transform: capitalize;
	margin-left: 20px;
	position: absolute;
	right: 50px;
	top: 5px;
	font-size: 0.9em;
	font-weight: 400;
	color: black;
	display: inline-block;
}

#filter-button {
    /*position: -webkit-sticky;   required for Safari */
    /*position: sticky;*/
    position: fixed;
    bottom: 60px;
    /*top: 0px;*/
    background-color: green !important;
    color: white;
    /*display: block;*/
    display: none;
    width: 70%;
    /*margin-left: 15%;*/
    height: auto;
    padding: 10px 5px;
    text-align: center;
    z-index: 1000;
    margin: 0 auto;
    left: 0;
    right: 0;
}

#filter-button:hover {
	background-color: hsla(128, 100%, 20%, 1) !important;
    color: white !important;
    text-decoration: none !important;
}

.desktop {
	display: none;
}

.fullscreen-filter {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: white;
	top: 0;
	left: 0;
}

#filter-overlay {
	display: none;
	position: absolute;
	width: 100%;
	height: auto;
	background-color: white;
	top: 0px;
	left: 0px;
}

#wpadminbar {
	/*display: none;*/
}

#filter-overlay .searchandfilter {
	padding-top: 50px;
}

html {
	background-color: white;
}

#filtered-labels {
	/*background-color: white;*/
	/*border: 1px solid black;*/
	border-bottom: 1px solid #ccc;
	/*box-shadow: 1px 1px teal; */
	padding: 10px;
	margin-top: 0px;
	font-size: 14px;
}

.searchandfilter > ul {
	padding-right: 40px !important;
}


@media screen and (min-width:768px) {
	#filter-button {
		display: none;
	}
	.desktop {
		display: block;
	}
	#wpadminbar {
		display: block;
	}
	html {
		background-color: transparent;
	}

	.searchandfilter > ul {
		padding-right: 0px !important;
	}
}

/*.searchandfilter > ul > li > h4::after {
	content: "+";
}*/


#primary .sf-field-sort_order {
	/*font-size:20px;*/
	padding-top: 0px;
}

#primary .searchandfilter ul {
	padding-left: 0px;
}

#ui-datepicker-div {
	display: none !important;
}


.searchandfilter ul li li {
	padding: 0px !important;
}

.searchandfilter ul label, .searchandfilter ul input[type="checkbox"], searchandfilter ul input[type="radio"] {
	cursor: pointer;
}

.searchandfilter ul li li label {
	/*padding: 5px 0px;*/
	padding: 0;
}

.searchandfilter .children {
	margin-left: 23px !important;
	padding-left: 0px !important;
}