/*
Welcome to custom CSS for the WSU Spine Theme!

You may delete these comments and get started with your custom stylesheet.
Before doing so, please review the WSU web standards:

http://brand.wsu.edu/media/web/web-standards/

As a general rule of thumb, if your styles target aspects of the spine
(#spine), that's against standard, whereas if you're styling elsewhere on
the page, it's all good.
*/
.caption-wrap, .caption_media, .caption-type, .caption-head, .caption {
	position: relative;
	float: left;
	display: block;
}

.caption-wrap {
	width: auto;
	overflow: hidden;
}

.caption_media {
	padding-bottom: 0;
	margin-bottom: 0;
	width: 100%;
	height: auto;
	z-index: 10;
}

.caption, .caption-type, .caption-head, .caption-body {
	color: #fff;
	text-align: left;
	clear: both;
	margin-bottom: 0;
}

p.caption, p.caption-body {
	padding-bottom: .2rem;
}

p.caption-head {
	padding-bottom: .4rem;
}

.caption {
	background: none repeat scroll 0 0 rgba(0,0,0,0.7);
	padding: 1rem;
	margin: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 20;
}

.caption-type {
	display: inline-block;
	padding: .4rem;
	color: #000;
	background-color: #e5cd93;
	text-transform: uppercase;
	margin-bottom: 1rem;
/* rounded corners */
	-moz-border-radius: .15rem;
	-webkit-border-radius: .15rem;
	border-radius: .15rem;
/* future proofing */
	-khtml-border-radius: .15rem;
/* for old Konqueror browsers */
}

.caption-head {
	display: block;
	font-size: 1.7rem;
	line-height: 1.2;
	padding-bottom: .4rem;
}

.caption-body {
	display: block;
	font-size: 1rem;
	line-height: 1.3;
}

@media all and (max-width: 1370px) {
	.caption-body {
		display: none;
	}
}

@media all and (max-width: 1000px) {
	.caption-type, .caption-body {
		display: none;
	}
	
	.caption-head {
		font-size: 1.4rem;
		line-height: 1.35;
	}
}

/* Border Radius on Cards */
.wsu-card {
	border-radius: 7pt;
	overflow: hidden;
}

/*
.student-cards {
	overflow: hidden;
	white-space: wrap;
	text-overflow: ellipsis;
}
.student-cards .wsu-card {
  	height: 400px;
}
*/