@import "minerva.mixins";
@import "minerva.variables";

.search-overlay {
	background: @semiTransparent;

	.overlay-header,
	.results {
		// don't use background to preserve .loading properties
		background-color: #fff;
	}

	input {
		border: none;
		padding: 0;
	}

	.search-content {
		cursor: pointer;

		button {
			background-image: url(../images/searchContent.png);
		}

		.caption {
			padding: 0 @headerTitleMarginH;
		}
	}

	.results {
		li {
			padding-left: @headerHeight + @headerTitleMarginH;
		}

		li:last-child {
			border-bottom: none;
		}

		.listThumb {
			// for @headerHeight to work properly
			// FIXME: why is this needed?
			font-size: 1em;
			width: @headerHeight;
		}

		h2 {
			font: inherit;
		}
	}

	.search-overlay-contents {
		box-shadow: 0 1px 5px 0 rgba(117, 117, 117, .5);
	}
}