/**
 * @about: amen-search.css - Styling the AMEN magazine article search snippet output
 */

h1 {
	position: absolute;
	left: -999em;
}

/**
 * Search wrapper
 */

.amen-magazine-search {
	padding: 0 20px;
	overflow: hidden;
}

@media (min-width: 700px) {
	.amen-magazine-search {
		padding: 0 80px;
	}
}

@media (min-width: 860px) {
	.amen-magazine-search {
		padding: 0 120px;
	}
}

/**
 * Search form
 */

.amen-magazine-search form {
	max-width: 45em;
	overflow: hidden;
	margin: 3em 0;
	padding: 15px;
	background: #f0e7b7;
}

.amen-magazine-search div.field {
	padding-bottom: 1em;
}

.amen-magazine-search select {
	width: 100%;
}

.amen-magazine-search input:first-of-type {
	width: 100%;
	padding: 5px 40px 5px 5px;
	background: #fff url(../img/amen-search.png) no-repeat 99% 50%;
}

.amen-magazine-search input:first-of-type:focus {
	box-shadow: 0 0 3px 2px #b3bbcc;
}

.amen-magazine-search label.field {
	display: inline;
	margin-right: .5em;
	color: #666
}

@media (min-width: 580px) {
	.amen-magazine-search div.fieldinput {
		display: inline;
		margin-left: 0;
	}

	.amen-magazine-search select {
		width: auto;
	}
}

@media (min-width: 860px) {
	.amen-magazine-search fieldset {
		margin-bottom: 0;
	}

	.amen-magazine-search div.field {
		display: inline-block;
		width: auto;
		margin: 0 1em 0 0;
	}

	.amen-magazine-search div.first {
		display: block;
		margin-right: 0;
		width: 100%;
	}
}

/**
 * List of articles
 */

.amen-search-result {
	margin: 0;
	padding: 0;
	list-style: none;
}

.amen-search-result li {
	margin-bottom: 2.8em;
	overflow: hidden;
}

.amen-search-result li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.amen-search-result a {
	display: block;
	color: #000;
}

.amen-search-result a:hover {
	text-decoration: none;
}

.amen-search-result .article-cover-image {
	float: right;
	margin: .5em 0 1em 1.5em;
	border-bottom: 4px solid #ccc;
}

.amen-search-result h3 {
	margin-bottom: 0;
}

.amen-search-result .article-meta-data {
	margin-bottom: .5em;
	padding: 0.6em 0 0.5em;
	border-top: 1px solid #ddd;
	color: grey;
	font: 0.7em Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
}

.amen-search-result .article-introduction,
.amen-search-result .amen-continue-reading{
	font-size: .9em;
}

.amen-search-result .article-introduction p:last-child {
	margin-bottom: 0;
}

.amen-search-result a:hover h3 {
	color: #0A79A3;
}

/**
 * Search result text emphasis
 */

.search-highlight {
	color: #000;
	background: #fff600;
}