/*
 Theme Name:     WSU Press
 Theme URI:      https://web.wsu.edu
 Description:    Child theme of WSU Spine for use by WSU Press.
 Author:         WSU University Communications
 Author URI:     https://web.wsu.edu
 Template:       spine
 Version:        1.0.2
*/

.page-search .search-form {
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	padding: 0;
}

.page-search label {
	-ms-flex: 1 0 auto;
	    flex: 1 0 auto;
}

.page-search .search-field {
	border-radius: 2px 0 0 2px;
	border: 1px solid #717171;
	border-right: none;
	color: #717171;
	font-size: 1em;
	line-height: 2;
	padding: 8px 12px;
	width: 100%;
}

.page-search .search-field:focus {
	border-color: #458311;
	color: #424242;
	font-weight: 700;
}

.page-search .search-submit,
.page-search .search-submit:hover,
.page-search .search-submit:focus {
	background: #717171;
	border: none;
	border-radius: 0 2px 2px 0;
	color: #fff;
	font-size: 1em;
	letter-spacing: 1px;
	transition: background .2s ease;
}

.page-search .search-submit:hover,
.page-search .search-submit:focus {
	background: #458311;
}

.page-search .search-submit:active {
	background: #64bf17;
}

.card--result .card-image a {
	border-bottom: none;
}

.card--result .card-image img {
	width: 120px;
}

.card--result h2 {
	padding-top: 18px;
}

@media screen and (min-width: 500px) {

	.card--result {
		clear: both;
		margin-bottom: 36px;
	}

	.card--result .card-image {
		float: left;
		padding-right: 36px;
	}

	.card--result .card-image img {
		float: left;
	}

	.card--result .card-image ~ * {
		margin-left: 156px;
	}
}


.wsu-press-slideshow {
	box-sizing: border-box;
	margin-bottom: 3rem;
	overflow: hidden;
	padding: 0 calc(12.5% * (10 / 3));
	position: relative;
	width: 100%;
}

.wsu-press-slideshow button {
	background: none;
	cursor: pointer;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	z-index: 2;
}

.wsu-press-slideshow button:hover {
	background: none;
}

.wsu-press-slideshow button:focus {
	outline: none;
}

.wsu-press-slideshow button:hover path,
.wsu-press-slideshow button:focus path {
	fill: #981e32;
}

.wsu-press-slideshow button[aria-label="previous"] {
	left: 0;
}

.wsu-press-slideshow button[aria-label="next"] {
	right: 0;
}

.wsu-press-slideshow-items {
	display: -ms-flexbox;
	display: flex;
	margin-left: -410%;
	overflow: visible;
	position: relative;
	width: 100%;
}

.wsu-press-slideshow figure {
	box-sizing: border-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	padding: 1.5rem 10% 0;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.wsu-press-slideshow figure[aria-hidden="false"] {
	margin: 0 10%;
	padding: 0;
}

.wsu-press-slideshow figure img {
	display: block;
	opacity: .5;
	transition: opacity .5s ease-in-out;
	width: 100%;
}

.wsu-press-slideshow figure[aria-hidden="false"] img {
	opacity: 1;
}

.wsu-press-slideshow figcaption {
	background: #f3f3f3;
	box-sizing: border-box;
	margin: 1.5rem -220% 0;
	opacity: 0;
	padding: .5rem 1rem;
	position: relative;
	width: 540%;
}

.wsu-press-slideshow figure[aria-hidden="false"] figcaption {
	opacity: 1;
	transition: opacity .5s ease-in-out;
	z-index: 1;
}

.wsu-press-slideshow figcaption h2 {
	margin-bottom: .75rem;
	padding-top: 0;
}

@media screen and (max-width: 791px) {

	.wsu-press-slideshow {
		padding: 0 37.5%;
	}

	.wsu-press-slideshow figcaption {
		margin: 1.5rem -120% 0;
		width: 340%;
	}
}

@media only screen and (max-width: 530px) {

	.wsu-press-slideshow {
		padding: 0 25%;
	}

	.wsu-press-slideshow figcaption {
		margin: 1.5rem -40% 0;
		width: 180%;
	}
}
/*# sourceMappingURL=style.css.map */