// catalogsearch.scss
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);

@import "setup";

body {
	background:url("../images/clouds_base.jpg");
}

.release {

	img {
		@extend .img-responsive;
	}

}

#search-results {
	padding-top: 24px;
}

.search-result {
	margin-bottom: 24px;

	img {
		@extend .img-responsive;
	}

	p {
		margin-bottom: 0;

		a {
			color: $headings-color;
		}

		em {
			font-style: normal;
			font-weight: 700;
		}

	}

}

.artist-view {

	img {
		@extend .img-responsive;
	}

}

.label {
	text-transform: uppercase;
}

#sort-region {
	text-transform: uppercase;

	.sort-btns {
		display: inline-block;
		margin-left: 7px;

		a {
			margin-left: 31px;
			position: relative;

			&:hover {
				text-decoration: none;
			}

			&.selected {
				color: #2695ad;
				font-weight: bold;
			}

			&.desc,
			&.asc {
				margin-left: 45px;

				&::after {
					@include transform(translateY(-50%));

					position: absolute;
					left: -14px;
					top: 45%;
				}

			}

			&.desc {

				&::after {
					content: "\25be";
				}

			}

			&.asc {

				&::after {
					content: "\25b4";
				}

			}

		}

	}

}

#sub-featured-list,
.similar-results {
	@include align-items(stretch);
	@include display(flex);
	@include flex-flow(row wrap);

	margin-top: 30px;

	> .release {
		margin-bottom: 30px;
		padding-left: 15px;
		padding-right: 15px;
	}

}

#sub-featured-list > .release {
	width: 24.5%;
}

.similar-results > .release {
	width: 33.3%;
}


.results-header {
	@include clearfix;

	#sort-region {
		float: right;
		height: 38px;
		line-height: 48px;
	}

}

.loading-state {
	min-height: 100vh;
}

#no-results-message h2 {
	border: none;
}

#track-list {
	padding-left: 24px;
}