@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;
}

#searchResults {

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

	strong {
		.semibold;
	}

	.section {
		padding: 3.5em 0;
	}

	.section + .section {
		border-top: 1px solid @grey;
	}

	.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 {
			display: none;
			margin-top: 0.5em;
			padding-left: 17px;
			&:before {
				content: '>';
				display: block;
				float: left;
				margin-left: -17px;

			}
			a:hover {
				text-decoration: underline;
			}
			.details {
				display: block;
				opacity: 0.7;
				font-size: 12px;
				line-height: 1.2em;
			}
		}
		li:nth-child(1),
		li:nth-child(2),
		li:nth-child(3),
		li:nth-child(4),
		li:nth-child(5) {
			display: block;
		}
		&.showAll {
			li {
				display: block;
			}
		}
	}

	.resultsCount {
	}

	.noResults {
		color: @red;
	}

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

}