@import '_vars.less';

#searchInput {
	all: unset;
	font-size: inherit;
	&:focus {
		outline: none !important;
	}
}

#searchForm {
	background: url('/images/icon-search-input.svg') no-repeat left center !important;
	padding-left: 35px;
}

h1 {
	margin-bottom: 0.5em;
}

#searchResults {

	min-height: ~"calc( 100vh - 300px )";

	strong {
		.semibold;
	}

	.section {
		margin-top: 3em;
	}

	.section:first-child {
		padding-top: 0.5em;
	}


	h2 {
		.semibold;
		text-transform: uppercase;
		margin-bottom: 1.5em;
		font-size: 16px;
		line-height: 19px;
		max-width: 570px;
		span {
			opacity: 0.5;
		}
	}

	ul {
		li {
			margin-top: 0.5em;
			padding-left: 17px;
			&:before {
				content: '>';
				display: block;
				float: left;
				margin-left: -17px;

			}
			&.searching {
				font-style: italic;
				opacity: 0.5;
			}
			a:hover {
				text-decoration: underline;
			}
			.details {
				display: block;
				opacity: 0.7;
				font-size: 12px;
				line-height: 1.2em;
			}
		}
	}

	.resultsCount {
		opacity: 0.5;
	}

	.noResults {
		color: @red;
	}

	.showMore {
		all: unset;
		font-size: 12px;
		text-decoration: underline;
		cursor: pointer;
		margin-top: 1.5em;
		&:hover {
			opacity: 0.7;
		}
	}

}