@import  "https://raw.githubusercontent.com/washingtonstateuniversity/wsu-icons/master/dist/wsu-icons.bundle.css";

.post .article-author,
footer.main-footer {
	display: none;
}

.button {
	background-color: #7A1827;
	color: white;
}

/* ----------------
 * CUSTOMIZATION => Spine Theme’s Builder Template Columns: 
 *  (Author: daniel.rieck@wsu.edu)
 * ----------------
 */
@media only screen and (max-width: 576px) {
	.spacing-loose .single.gutter.row--gutterless-on-mobile .column:not(.gutterless) {
		padding-left: 0;
		padding-right: 0;
	}
}

/* ----------------
 * CUSTOMIZATION => WDS Block Combinations: Showcase Presentation Finder Interface
 *  (Author: daniel.rieck@wsu.edu)
 * ----------------
 */
/* Reset some default styles for the abstract interface. */
.showcase-pres7n-f4r p,
.showcase-pres7n-f4r ul,
.showcase-pres7n-f4r ol {
	max-width: none;
}

/* Force the abstract interface to always be full-width. */
.showcase-pres7n-f4r {
	display: block;
	width: 100% !important;
}

/* Remove TablePress's default bordering for the abstract interface. */
.showcase-pres7n-f4r > thead {
	border: 0;
	display: block;
}

/* Set up a flexbox layout on the sorting buttons. */
.showcase-pres7n-f4r .row-1 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 1rem;
	margin-top: 1rem;
}

/* Make the sorting buttons look more conventional. */
.showcase-pres7n-f4r .row-1 th {
	border-radius: 5px;
	border-bottom: 3px solid #f3f3f3;
	border-bottom-color: #a5a5a5;
	box-shadow: 0 3px 5px rgba(0,0,0,0.1);
}

.showcase-pres7n-f4r .row-1 .sorting_asc,
.showcase-pres7n-f4r .row-1 .sorting_desc {
	background-color: #f5b497;
	border-bottom-color: #aa8875;
}

.showcase-pres7n-f4r .row-1 th:focus,
.showcase-pres7n-f4r .row-1 th:hover {
	background-color: #fce8df;
	border-bottom-color: #a9a09b;
	box-shadow: 0 3px 5px rgba(58,21,5,0.15);
	color: #4c1c07;
}

.showcase-pres7n-f4r .row-1 th:hover:after {
	color: #db5215;
}

/* Don't visibly show a sorting button for presenters list, co-authors list, mentors list, or abstract. */
.showcase-pres7n-f4r .row-1 .column-5,
.showcase-pres7n-f4r .row-1 .column-7,
.showcase-pres7n-f4r .row-1 .column-9,
.showcase-pres7n-f4r .row-1 .column-10 {
	border: 0;
	clip: rect(1px,1px,1px,1px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/* Tweak the layout of the sorting buttons. */
.showcase-pres7n-f4r .row-1 th {
	display: flex;
	flex-direction: column;
	font-size: .9rem;
	justify-content: center;
	margin-bottom: 1rem;
	margin-right: 1rem;
	width: auto !important;
}

.showcase-pres7n-f4r .row-1 .sorting:last-child {
	margin-right: 0;
}

/* Add a label to the sorting buttons. */
.showcase-pres7n-f4r .row-1:before {
	content: "Sort Projects by: ";
	display: block;
	margin-bottom: .5rem;
	font-size: .9em;
	font-weight: 600;
	width: 100%;
}

/* Expand the label on the search box. */
#tablepress-10_filter label:before {
	content: "Project Details, Names, and Word ";
}

/* Set up a Nx3 grid of cards for the presentations. */
.showcase-pres7n-f4r tbody {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 2rem;
}

.showcase-pres7n-f4r tbody tr {
	background-color: white;
	border: 1px solid rgba(59,64,66,0.15);
	border-radius: 5px;
	box-shadow: 0 12px 16px 2px rgba(0,0,0,0.03), 0 5px 22px 4px rgba(0,0,0,0.03), 0 6px 13px 0 rgba(0,0,0,0.02);
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: start;
	margin-right: 2rem;
	margin-bottom: 2rem;
	padding: 1rem;
	position: relative;
	width: calc(33.3% - 2rem) !important;
}

/* Switch to a Nx2 layout on smaller screen profiles. */
@media (max-width: 1220px) {
	.showcase-pres7n-f4r tbody tr {
		width: calc(50% - 2rem) !important;
	}
}

/* Vertically stack the cards on smallest screen profiles. */
@media (max-width: 680px) {
	.showcase-pres7n-f4r tbody tr {
		margin-right: 0;
		width: 100% !important;
	}
}

.showcase-pres7n-f4r tbody tr td {
	display: inline-block;
	border: 0;
	padding: 0;
	margin-bottom: .5em;
}

.showcase-pres7n-f4r tbody tr td .project__category {
	padding-left: 1rem;
	padding-right: 1rem;
}

/* Only show the primary author when the abstract is in card form and not expanded. */
.showcase-pres7n-f4r tbody tr.expanded .column-5 {
	display: none;
}

/* Don't show the primary author's last name. */
.showcase-pres7n-f4r tbody tr .column-6 {
	border: 0;
	clip: rect(1px,1px,1px,1px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/* Make the event, authors list, campus, and college more understated. */
.showcase-pres7n-f4r tbody tr .column-3,
.showcase-pres7n-f4r tbody tr .column-7,
.showcase-pres7n-f4r tbody tr .column-8,
.showcase-pres7n-f4r tbody tr .column-9 {
	font-size: .85rem;
	line-height: 1.5em;
}

/* Stretch out the appropriate pieces of information to full width. */
.showcase-pres7n-f4r tbody tr .column-2,
.showcase-pres7n-f4r tbody tr .column-3,
.showcase-pres7n-f4r tbody tr .column-4,
.showcase-pres7n-f4r tbody tr .column-5,
.showcase-pres7n-f4r tbody tr .column-7,
.showcase-pres7n-f4r tbody tr .column-8,
.showcase-pres7n-f4r tbody tr .column-9 {
	width: 100%;
}

/* Center the ID, category, and event. */
.showcase-pres7n-f4r tbody tr .column-1,
.showcase-pres7n-f4r tbody tr .column-2,
.showcase-pres7n-f4r tbody tr .column-3 {
	text-align: center;
}

/* Embolden and enlarge the project ID and category. */
.showcase-pres7n-f4r tbody tr .column-1,
.showcase-pres7n-f4r tbody tr .column-2 {
	font-weight: 700;
	font-size: 1.3em;
}

.showcase-pres7n-f4r tbody tr .column-1,
.showcase-pres7n-f4r tbody tr .column-2 {
	box-sizing: border-box;
	padding: 0;
	margin-left: -1rem;
	margin-right: -1rem;
	width: calc(100% + 2rem);
}

.showcase-pres7n-f4r tbody tr .column-1 {
	margin-bottom: 0;
	margin-top: -1rem;
}

.showcase-pres7n-f4r tbody tr .column-2 {
	margin-bottom: .25rem;
	margin-top: -1px;
	padding-bottom: .5rem;
}

.showcase-pres7n-f4r .project__category-desc {
	font-size: .7em;
	font-weight: 400;
	display: block;
}

.showcase-pres7n-f4r .project__category:not(.project__category-desc) {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding-bottom: 0;
}

.showcase-pres7n-f4r .project__category.project__category-desc {
	padding-top: 0;
}

.showcase-pres7n-f4r tbody tr:first-child .column-1 .project__category:before {
	content: "Poster #: ";
}

/* Color code the project ID and category. */
.showcase-pres7n-f4r .project__category {
	color: #fff;
	display: block;
	box-sizing: border-box;
	padding-bottom: .5rem;
	padding-top: .5rem;
	width: 100%;
}

.project__category--ais {
	background-color: #4c2e21;
}

.project__category--ans {
	background-color: #5c580a;
}

.project__category--ce {
	background-color: #495e0f;
}

.project__category--dmae {
	background-color: #2b404a;
}

.project__category--ed {
	background-color: #002D61;
}

.project__category--eps {
	background-color: #75192b;
}

.project__category--id {
	background-color: #39667b;
}

.project__category--lah {
	background-color: #152435;
}

.project__category--math {
	background-color: #681929;
}

.project__category--mls {
	background-color: #3b4520;
}

.project__category--nrs {
	background-color: #294520;
}

.project__category--ns {
	background-color: #203b45;
}

.project__category--socs {
	background-color: #7f3f23;
}

.project__category--uaer {
	background-color: #1f1f1f;
}

.project__category--vmd {
	background-color: #870c24;
}

.project__category--vad {
	background-color: #645357;
}

/* Embolden project titles to cause them to stand out more. Also remove some aspects of the button styling. */
.showcase-pres7n-f4r .project-title {
	background: transparent;
	border: 0;
	font-weight: 600;
	line-height: 1.5em;
	text-align: left;
	margin: -3px;
	padding: 3px 2.1em 3px 3px;
	position: relative;
	width: 100%;
}

.showcase-pres7n-f4r .project-title:hover {
	color: #a60f2d;
}

.showcase-pres7n-f4r .project-title:focus {
	outline-color: rgba(0,0,0,0.85);
	outline-style: auto;
	outline-width: 1px;
}

.showcase-pres7n-f4r .project-title:after {
	content: "+";
	background: #eff0f1;
	border-style: solid;
	border-width: 1px;
	border-color: #d7dadb #8d959a #8d959a #d7dadb;
	border-radius: .25em;
	font-weight: 700;
	height: 1.5em;
	padding-left: .25em;
	padding-right: .25em;
	position: absolute;
	right: 0;
	top: 1px;
	width: auto;
	text-align: center;
}

.showcase-pres7n-f4r .project-title:hover:after,
.showcase-pres7n-f4r .project-title:focus:after {
	background: #fff;
	border-color: #8d959a;
	border-width: 0 2px 2px 0;
}

.showcase-pres7n-f4r .project-title:active:after {
	background: #3b4042;
	border-color: #000;
	border-width: 2px 0 0 2px;
	color: #b5babe;
}

/* Adjust spacing and color of event indicator. */
.showcase-pres7n-f4r tbody tr td.column-3 {
	color: #595959;
	margin-bottom: .5rem;
	text-transform: uppercase;
}

/* Place more spacing after the presenter list. */
.showcase-pres7n-f4r tbody tr td.column-5 {
	margin-bottom: 1em;
}

/* Label the co-authors list, if present. */
.showcase-pres7n-f4r tbody tr .column-7:empty {
	border: 0;
	clip: rect(1px,1px,1px,1px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.showcase-pres7n-f4r tbody tr .column-7:before {
	content: "Author(s): ";
	font-weight: 600;
}

/* Don't show the authors list on the cards themselves when an abstract is collapsed. */
.showcase-pres7n-f4r tbody tr:not(.expanded) .column-7 {
	display: none;
}

/* Label the campus and offset it a little. */
.showcase-pres7n-f4r tbody tr .column-8:before {
	content: "Campus: ";
	font-weight: 600;
}

.showcase-pres7n-f4r tbody tr .column-8 {
	margin-top: -.5em;
}

/* Label the college and offset it a little. */
.showcase-pres7n-f4r tbody tr .column-9:before {
	content: "College: ";
	font-weight: 600;
}

.showcase-pres7n-f4r tbody tr .column-9 {
	margin-top: -.5em;
}

/* Don't show the abstract on the cards themselves when an abstract is collapsed. */
.showcase-pres7n-f4r tbody tr:not(.expanded) .column-10 {
	display: none;
}

/* Create a modal cover with an embedded dismiss button. This cover will be shown when an abstract is being viewed and its behavior is controlled by JavaScript. */
.modal-cover {
	background-color: rgba(0,0,0,0.85);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99164;
}

.modal-cover:after {
	content: "×";
	background: #eff0f1;
	border-style: solid;
	border-width: 1px;
	border-color: #d7dadb #8d959a #8d959a #d7dadb;
	border-radius: .5rem;
	font-size: 2.5rem;
	font-weight: 700;
	height: 1.5em;
	left: calc(50% + 600px);
	position: absolute;
	top: 2rem;
	width: 1em;
	text-align: center;
}

@media all and (max-width: 1300px) {
	.modal-cover:after {
		font-size: 1.75rem;
		left: auto;
		right: 3px;
	}
}

.modal-cover:hover:after,
.modal-cover:focus:after {
	background: #fff;
	border-color: #8d959a;
	border-width: 0 2px 2px 0;
	color: #a60f2d;
}

.modal-cover:active:after {
	background: #3b4042;
	border-color: #000;
	border-width: 2px 0 0 2px;
	color: #b5babe;
}

.modal-cover:not(.engaged) {
	display: none;
}

/* Set up a modal layout for abstracts that are being viewed. This viewing mode is triggered by JavaScript. */
.showcase-pres7n-f4r tbody tr.expanded {
	position: fixed;
	bottom: 2rem;
	height: calc(100vh - 4rem);
	left: 50%;
	top: 50%;
	max-width: 1188px;
	overflow-y: scroll;
	transform: translate(-50%,-50%);
	width: calc(100% - 4rem) !important;
	z-index: 99352;
}

@media all and (max-width: 1300px) {
	.showcase-pres7n-f4r tbody tr.expanded {
		left: calc(50% - .5rem);
	}
}

.showcase-pres7n-f4r .expanded .project-title:after {
	content: "–";
}

.showcase-pres7n-f4r tbody tr.expanded .column-10 {
	margin-top: .5rem;
}