.form-psf-filter {
	text-align: center;

	h3,
	select,
	span,
	input {
		display: inline-block;
		margin: 0.35em;
		line-height: 1.5;
		height: 3.5rem;
		vertical-align: middle;
		min-width: 80%;
		box-sizing: border-box;
	}

	h3, em {
		display: block;
		font-weight: 100;
		color: #fff;
		min-width: inherit;
	}
}

.psf-results {
	.js-item {
		display: none;
	}

	ul.grid {
		max-width: none;
	}

	a {
		color: rgba(255,255,255,0.9);
		border-top: 1px solid rgba(255,255,255,0.25);
		padding-top: 0.5em;
		display: block;
	}

	&.has-results {
		padding-top: 1em;
	}
}

.panel-finder {
    margin-top: 0;
    padding: 1rem
}

.panel-finder form {
    margin: 0
}

.form-psf-filter h3,.form-psf-filter input,.form-psf-filter select,.form-psf-filter span {
    display: inline-block;
    margin: .35em;
    line-height: 1.5;
    height: 3.5rem;
    vertical-align: middle;
    min-width: 80%;
    box-sizing: border-box
}

@media (min-width: 47.5em) {
    .panel-finder .inner {
        padding:.25rem 1em
    }

    .form-psf-filter h3,.form-psf-filter input,.form-psf-filter select,.form-psf-filter span {
        min-width: 27.5%!important;
    }
}

@media (min-width: 80em) {
    .form-psf-filter h3,.form-psf-filter input,.form-psf-filter select,.form-psf-filter span {
        min-width:30%
    }
}

.form-psf-filter em,.form-psf-filter h3 {
    display: block;
    font-weight: 100;
    color: #fff;
    min-width: inherit
}

@media (min-width: 47.5em) {
    .form-psf-filter em,.form-psf-filter h3 {
        display:inline-block!important;
    }

	.form-psf-filter input {
		width: initial!important;
	}
}

.js .psf-results .js-item {
    display: none
}

.psf-results a {
    color: rgba(255,255,255,.9);
    border-top: 1px solid rgba(255,255,255,.25);
    padding-top: .5em;
    display: block
}

.psf-results.has-results {
    padding-top: 1em
}