/*!*****************************************************************************
 * ▓▓▓ WSUWP CSS Stylsheet Editor Code: ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
 * ▓▓▒ ───────────────────────────────  ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
 * ▓▒▒ ▄▀▀▀ █  █ █▀▀▄ ▄▀▀▀ ▄▀▀▄ ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓
 * ▒▒▒ ▀▀▀█ █  █ █▄▄▀ █    █▄▄█ ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓
 * ▒▒▒ ▀▀▀   ▀▀  ▀  ▀▄ ▀▀▀ █  ▀ ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓
 *
 * The following section of this stylesheet contains CSS code built from Less
 *  modules written for use on the SURCA website to customize the layout and
 *  presentation of WDS elements, components, modules, and assemblies. This
 *  stylesheet is designed, built, and maintained by the Division of Academic
 *  Engagement and Student Achievement (DAESA) in the Office of the Provost at
 *  Washington State University (WSU).
 *
 * Specifically, the CSS code in the following section was generated from
 *  precompiled CSS written in the Less language extension of CSS. It is
 *  designed to be applied via the WSUWP CSS Stylesheet Editor functioning in
 *  add-on mode. It was written for use with the Web Design System 3.0 theme.
 *
 * Please refer to the linked GitHub project for fully documented, precompiled
 *  source code.
 *
 * @version 0.0.0
 *
 * @author Daniel Rieck
 *  [daniel.rieck@wsu.edu]
 *  (https://github.com/invokeImmediately)
 *
 * @link https://github.com/invokeImmediately/surca.wsu.edu/blob/main…
 *  …/CSS/wsuwp-wds_css-styl5t-ed3r.prod5n.css
 * @link https://github.com/invokeImmediately/WSU-DAESA-CSS-WDS
 * @link https://github.com/wsuwebteam/wsuwp-theme-wds
 *
 * @license MIT Copyright (c) 2023 Washington State University
 *   Permission is hereby granted, free of charge, to any person obtaining a
 *    copy of this software and associated documentation files
 *    (the "Software"), to deal in the Software without restriction, including
 *    without limitation the rights to use, copy, modify, merge, publish,
 *    distribute, sublicense, and/or sell copies of the Software, and to permit
 *    persons to whom the Software is furnished to do so, subject to the
 *    following conditions:
 *   The above copyright notice and this permission notice shall be included in
 *    all copies or substantial portions of the Software.
 *   THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 *    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 *    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
 *    THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 *    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 *    FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 *    DEALINGS IN THE SOFTWARE.
 ******************************************************************************/
.gform_wrapper.gravity-theme .gfield select {
	height: 35.25px;
}

/*! —» Enhancement: Heading WDS Elements → Anchor indicators «— */
:is(h2, h3, h4, h5, h6):target {
	position: relative;
}

:is(h2, h3):not(.wsu-heading--mark-top):target::before,
:is(h2, h3).wsu-heading--mark-top:target::after {
	content: "#–";
	color: #888;
	font-weight: 500;
	position: absolute;
	right: 100%;
	top: .25rem;
}

:is(h2, h3).wsu-heading--style-marked:not(.wsu-heading--mark-top):target::before,
:is(h2, h3).wsu-heading--style-marked.wsu-heading--mark-top:target::after {
	display: block;
	height: auto;
	width: auto;
	border: 0;
}

:is(h2, h3).wsu-heading--style-marked.wsu-heading--mark-top:target::after {
	margin: 0 !important;
	top: calc(1rem + 6px);
}

/*:is(h2, h3):target::before {
  content: "#–";
  color: #888;
  font-weight: 500;
  position: absolute;
  right: 100%;
}*/
/*! —» Customization: Unit Header WDS Module → Typographic swap for title     *
 *                                             components                   «—*/
.wsu-logo-lockup--style-unit .wsu-logo-lockup__subtitle {
	font-size: 2.4em;
	font-weight: 700;
	line-height: 1;
}

.wsu-logo-lockup--style-unit .wsu-logo-lockup__title {
	font-weight: 400;
	font-size: .875rem;
}

/* —» Customization: Column WDS Components → Seperator additions «—*/
@media screen and (min-width: 861px) {
	.wsu-column--add-left-seperator-when-packed {
		position: relative;
	}
	
	.wsu-column--add-left-seperator-when-packed:before {
		background-color: #f7f7f7;
		border: 1px solid #e7e7e7;
		bottom: 0;
		box-sizing: border-box;
		content: "";
		left: -.1875rem;
		position: absolute;
		top: 0;
		width: calc(.375rem - 2px);
	}
	
	.wsu-section:not(.wsu-color-background--white) .wsu-column--add-left-seperator-when-packed:before {
		background-color: #e7e7e7;
		border-color: #d7d7d7;
	}
}

/*! —» Customization: Paragraph and List WDS Elements → Default font sizing for body text «— */
:is(p:not([class*="wsu-font-size--"]), ul:not([class~="wsu-font-size--"]), ol:not([class*="wsu-font-size--"])) {
	font-size: 1rem;
	line-height: 1.5;
}

/*! —» Customization: Paragraph & List WDS Elements → Default font sizing for *
 *                                                    body text            «— */
.narrative-intro {
	color: #3b3b3b;
	font-size: 1.3125rem !important;
	font-weight: 500;
}

.narrative-intro strong:first-child,
.narrative-intro b:first-child {
	color: #002D61;
}

/*! —» Customization: Decorator WDS Components → Empty presentation category card «— */
.wsu-decorator--style-triangle-crimson-wsu-steep-right.wsu-decorator--empty-presentation-category-card {
	bottom: 0;
	height: 80% !important;
	right: -150%;
	width: 200% !important;
}

/*! —» Customization: Hero Banner WDS Module → Boxed Page Title «— */
.wsu-hero--box-page-title h1.wsu-title > span {
	background: linear-gradient(-65deg,transparent,rgba(0,0,0,.4) 4em,rgba(0,0,0,.4) 85%,rgba(0,0,0,.6));
	display: inline-block;
	padding: 0 1em .75em .25em;
	position: relative;
	width: auto;
}

.wsu-hero--box-page-title h1.wsu-title > span::before {
	border-right: .12em solid transparent;
	border-top: .12em solid white;
	bottom: .25em;
	box-sizing: border-box;
	content: '';
	display: inline-block;
	height: .12em;
	position: absolute;
	width: 2.1984em;
}

/*! —» Customization: WDS Gravity Forms → DAESA styled forms «— */
.gform_wrapper.gravity-theme .gf_page_steps {
	background-color: #f7f7f7;
	margin-bottom: 0;
	padding: .5rem 1rem .25rem;
}

.gform_wrapper.gravity-theme .gform_body {
	background-color: #f7f7f7;
	border-radius: 5px;
	box-shadow: 0 0 3px rgb(0 0 0 / 15%) inset, 2px 2px 6px rgb(0 0 0 / 5%) inset, -2px 2px 6px rgb(0 0 0 / 5%) inset;
	padding: 2rem;
}

@media screen and (max-width: 576px) {
	.gform_wrapper.gravity-theme .gform_body {
		padding: 1rem;
	}
}

.gform_wrapper.gravity-theme .gf_page_steps + .gform_body {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.gform_wrapper.gravity-theme .gfield_html:not(.gfield_html--for-indicator) {
	background: #fff;
	border: 1px solid #d7d7d7;
	border-radius: .3125rem;
	padding: 2rem;
}

.gform_wrapper.gravity-theme .gfield_html--for-indicator hr {
	background-color: #fff;
	border-color: #d7d7d7;
}

.gform_wrapper.gravity-theme .gsection_title {
	font-weight: 700;
}

.gform_wrapper.gravity-theme .gfield_label {
	font-weight: 600;
	margin-bottom: .25rem;
}

.gform_wrapper.gravity-theme .ginput_complex label {
	font-weight: 500;
	margin-bottom: .25rem;
	padding-top: 0;
}

.gform_wrapper.gravity-theme .field_sublabel_above .description, .gform_wrapper.gravity-theme .field_sublabel_above .gfield_description, .gform_wrapper.gravity-theme .field_sublabel_above .gsection_description {
	margin-top: 0;
	padding-bottom: .5rem;
}

.gform_wrapper.gravity-theme .field_sublabel_above .description:empty, .gform_wrapper.gravity-theme .field_sublabel_above .gfield_description:empty, .gform_wrapper.gravity-theme .field_sublabel_above .gsection_description:empty {
	padding-bottom: 0;
}

.gform_wrapper.gravity-theme .gpnf-nested-entries {
	background-color: #fff;
}

.gform_confirmation_wrapper table table {
	border-top: 0;
	margin-bottom: 0;
}

.gform_confirmation_wrapper table table {
	border-top: 0;
	margin-bottom: 0;
}

.gform_confirmation_wrapper table table tr:first-child td {
	background-color: #fff !important;
}

.gform_confirmation_wrapper table table td:not([colspan]):first-child {
	border-right: 0;
}

.gform_confirmation_wrapper table table td:not([colspan]):last-child {
	border-left: 0;
}

.gform_confirmation_wrapper table table td:not([colspan]) ul {
	margin: .875em 0 0;
}

.gform_wrapper.gravity-theme .gfield_contains_required .gfield_checkbox:not(.gf-value-entered),.gform_wrapper.gravity-theme .gfield_contains_required .gfield_radio:not(.gf-value-entered),.gform_wrapper.gravity-theme .gfield_contains_required input:not(.gf-value-entered),.gform_wrapper.gravity-theme .gfield_contains_required select:not(.gf-value-entered),.gform_wrapper.gravity-theme .gfield_contains_required textarea:not(.gf-value-entered) {
	border-left: 2px solid #a60f2d;
}

.gform_wrapper.gravity-theme .gfield_contains_required .gfield_checkbox:not(.gf-value-entered):focus,
.gform_wrapper.gravity-theme .gfield_contains_required .gfield_radio:not(.gf-value-entered):focus,
.gform_wrapper.gravity-theme .gfield_contains_required input:not(.gf-value-entered):focus,
.gform_wrapper.gravity-theme .gfield_contains_required select:not(.gf-value-entered):focus,
.gform_wrapper.gravity-theme .gfield_contains_required textarea:not(.gf-value-entered):focus {
	border-left-color: #002D61;
}

.gform_wrapper.gravity-theme .gfield_contains_required input.gf-value-entered,.gform_wrapper.gravity-theme .gfield_contains_required select.gf-value-entered,.gform_wrapper.gravity-theme .gfield_contains_required textarea.gf-value-entered {
	padding-left: calc(.5rem + 1px);
}

.gform_wrapper.gravity-theme .gfield_contains_required .gfield_checkbox.gf-value-entered,.gform_wrapper.gravity-theme .gfield_contains_required .gfield_radio.gf-value-entered {
	padding-left: 1px;
}

/*! —» Customization: WDS Gravity Forms → DAESA styled progress indicators «— */
.progress-indicator {
	align-items: center;
	border-top: 1px dotted #ccc;
	display: flex;
	font-size: .925em;
	justify-content: center;
	margin-bottom: 0;
	list-style-type: none;
	position: relative;
}

@media screen and (max-width: 1500px) {
	.progress-indicator {
		flex-wrap: wrap;
	}
}

.progress-indicator::before {
	color: #5e5e5e;
	content: "Application Progress:";
	position: absolute;
	left: 0;
	text-transform: uppercase;
	top: .3em;
}

ol.progress-indicator li {
	list-style-type: none;
}

.gform_wrapper.gravity-theme .progress-indicator {
	max-width: none;
	padding-top: 3rem;
}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol.progress-indicator,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol.progress-indicator {
	list-style-type: none !important;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 2.3em;
}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol.progress-indicator li,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol.progress-indicator li {
	list-style-type: none !important;
}

.progress-indicator__l-connector,
.progress-indicator__r-connector {
	background-color: #e5e6e8;
	position: absolute;
	height: .3125rem;
	top: 50%;
	width: 1rem;
}

.progress-indicator__section-complete .progress-indicator__l-connector,
.progress-indicator__section-complete .progress-indicator__r-connector {
	background-color: #981e32;
}

.progress-indicator__l-connector {
	left: 0;
	transform: translate(-100%,-50%);
}

.progress-indicator__section-active .progress-indicator__l-connector {
	background-color: #981e32;
}

.progress-indicator__r-connector {
	right: 0;
	transform: translate(100%,-50%);
}

.progress-indicator__section {
	background-color: #e5e6e8;
	border-radius: .25em;
	color: black;
	padding: .5em 1em;
	position: relative;
	text-align: center;
}

.gform_wrapper.gravity-theme .progress-indicator__section {
	margin-right: 2rem;
	margin-bottom: 1.5rem;
}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol .progress-indicator__section,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol .progress-indicator__section {
	margin-right: 18px;
	padding: .5em 1em;
}

.progress-indicator__section-active {
	background-color: #58111d;
	color: white;
}

.progress-indicator__section-complete {
	background-color: #981e32;
	color: white;
}

/*! —» Customization: WDS Block Combinations → SURCA 2023-23 home page banner «— */
#surca-2023-home-banner {
	align-content: center;
	background: transparent url(https://wpcdn.web.wsu.edu/wp-daesa/uploads/sites/706/2023/10/surca-2023_DSC_6274_ALR-enh_2560w1707h.jpg) center 10%/cover;
	display: grid;
	min-height: 480px;
}

#surca-2023-home-banner .wsu-column {
	background-color: rgba(255,255,255,.5);
	padding: 1.75rem;
}

#surca-2023-home-banner .wp-block-image {
	margin-bottom: 0;
}

/*! —» Customization: WDS Block Combinations → SURCA abstract interfaces «— */
/* Reset some default styles for the abstract interface. */
.abst-intf p,
.abst-intf ul,
.abst-intf ol {
	max-width: none;
}

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

/* Remove TablePress' default bordering for the abstract interface. */
.abst-intf > thead {
	border: 0;
	display: block;
}

/* Set up a flexbox layout on the sorting buttons. */
.abst-intf .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. */
.abst-intf .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);
}

.abst-intf .row-1 .sorting_asc,
.abst-intf .row-1 .sorting_desc {
	background-color: #f5b497;
	border-bottom-color: #aa8875;
}

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

.abst-intf .row-1 th:hover:after {
	color: #db5215;
}

/* Don't show a sorting button for presenters list, mentors list, abstract, or zoom link. */
.abst-intf .row-1 .column-2,
.abst-intf .row-1 .column-5,
.abst-intf .row-1 .column-8,
.abst-intf .row-1 .column-11,
.abst-intf .row-1 .column-12,
.abst-intf .row-1 .column-14,
.abst-intf .row-1 .column-15,
.abst-intf .row-1 .column-16 {
	display: none;
}

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

.abst-intf .row-1 .sorting:last-child {
	margin-right: 0;
}

/* Add a label to the sorting buttons. */
.abst-intf .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-7_filter label:before {
	content: "Project Details, Names, and Word ";
}

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

.abst-intf 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) {
	.abst-intf tbody tr {
		width: calc(50% - 2rem) !important;
	}
}

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

.abst-intf tbody tr td {
	display: inline-block;
	border: 0;
	padding-bottom: 0;
	padding-top: 0;
	margin-bottom: .5em;
}

/* Don't show the project's ID number. */
.abst-intf tbody tr .column-1 {
	display: none;
}

/* Don't show the first student or the first mentor's last names. */
.abst-intf tbody tr .column-3,
.abst-intf tbody tr .column-6,
.abst-intf tbody tr .column-9 {
	display: none;
}

/* Make the mentors list, majors list, campus, and Zoom link more understated. */
.abst-intf tbody tr .column-3,
.abst-intf tbody tr .column-7,
.abst-intf tbody tr .column-8,
.abst-intf tbody tr .column-10,
.abst-intf tbody tr .column-11,
.abst-intf tbody tr .column-12,
.abst-intf tbody tr .column-13 {
	font-size: .85rem;
	line-height: 1.5em;
}

/* Stretch out the appropriate pieces of information to full width. */
.abst-intf tbody tr .column-3,
.abst-intf tbody tr .column-4,
.abst-intf tbody tr .column-7,
.abst-intf tbody tr .column-8,
.abst-intf tbody tr .column-10 {
	width: 100%;
}

/* Center the title, category, and Zoom link cells. */
.abst-intf tbody tr .column-2,
.abst-intf tbody tr .column-3,
.abst-intf tbody tr .column-15,
.abst-intf tbody tr .column-16 {
	text-align: center;
}

/* Embolden the project ID. */
.abst-intf tbody tr .column-2 {
	font-weight: 700;
	font-size: 1.3em;
}

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

.project__category--ad {
	background-color: #fed8d3;
}

.project__category--as {
	background-color: #e1ffc2;
}

.project__category--cmsi {
	background-color: #dddeff;
}

.project__category--eps {
	background-color: #def5d6;
}

.project__category--hum {
	background-color: #fed8ea;
}

.project__category--mccb {
	background-color: #fbffca;
}

.project__category--opeb {
	background-color: #d7f5f8;
}

.project__category--rp {
	background-color: #e0e0e4;
}

.project__category--soc {
	background-color: #eac8e4;
}

.abst-intf tbody tr .column-2 {
	box-sizing: border-box;
	padding: 0;
	margin-left: -1rem;
	margin-right: -1rem;
	margin-top: -1rem;
	width: calc(100% + 2rem);
}

.abst-intf .project__category-desc {
	font-size: .7em;
	font-weight: 400;
	display: block;
}

.abst-intf tbody tr .column-3 {
	margin-left: -1rem;
	margin-right: -1rem;
	padding-bottom: .5rem;
	width: calc(100% + 2rem);
}

/* Embolden project titles to cause them to stand out more. Also remove some aspects of the button styling. */
.abst-intf .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%;
}

.abst-intf .project-title:hover {
	color: #a60f2d;
}

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

.abst-intf .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;
}

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

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

/* Label the major and offset it back up a little. */
.abst-intf tbody tr .column-7:before {
	content: "Major(s): ";
	font-weight: 600;
}

.abst-intf tbody tr .column-7 {
	margin-top: -.5em;
}

/* Label the mentors list and offset it back up a little. */
.abst-intf tbody tr .column-8:before {
	content: "Mentored by: ";
	font-weight: 600;
}

.abst-intf tbody tr .column-8 {
	margin-top: -.5em;
}

/* Label the campus and offset it a little. */
.abst-intf tbody tr .column-10:before {
	content: "Campus: ";
	font-weight: 600;
}

.abst-intf tbody tr .column-10 {
	margin-top: -.5em;
}

/* Lay out the presentation details. */
.abst-intf tbody tr .column-11,
.abst-intf tbody tr .column-12 {
	box-sizing: border-box;
	width: 100%;
}

.abst-intf tbody tr .column-11 {
	margin-top: .5em;
}

.abst-intf tbody tr .column-11:before {
	content: "Zoom meeting: ";
	font-weight: 600;
}

.abst-intf tbody tr .column-12 {
	margin-top: -.5em;
}

.abst-intf tbody tr .column-12:before {
	content: "Breakout room: ";
	font-weight: 600;
}

.abst-intf tbody tr .column-13:before {
	content: "Presentation time: ";
	font-weight: 600;
}

.abst-intf tbody tr .column-13 {
	margin-top: -.5em;
}

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

/* Tastefully limit the visual extent of abstracts when being shown inside a collapsed card. */
/*.abst-intf tbody .column-14 {
	box-sizing: border-box;
	font-size: .9em;
	max-height: 6em;
	overflow: hidden;
	position:relative;
}

.abst-intf tbody .column-14:before {
	background: linear-gradient(to bottom, transparent 0, rgba(255,255,255,.85) 50%, white 80%);
	bottom: 0;
	content: "[ + ]";
	font-weight: bold;
	height: 1.5em;
	padding-top: 2em;
	position: absolute;
	text-align: center;
	width: 100%;
}*/
/* Use a placeholder copy to optimize the layout of Zoom link. */
.abst-intf tbody tr .column-15,
.abst-intf tbody tr .column-16 {
	box-sizing: border-box;
	width: 100%;
}

.abst-intf .project-link-label,
.abst-intf .link-placeholder-label {
	display: block;
	font-size: .85em;
	font-weight: 600;
}

.abst-intf tbody tr .column-15 {
	visibility: hidden;
}

.abst-intf tbody tr:not(.expanded) .column-16 {
	bottom: 1rem;
	left: 0;
	position: absolute;
}

/* 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. */
.abst-intf 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;
}

.abst-intf .expanded .project-title:after {
	content: "–";
}

.abst-intf tbody tr.expanded .column-14 {
	margin-top: .5rem;
}

.abst-intf tbody tr.expanded .column-15 {
	display: none;
}

/* Fix a responsive design issue with the Project Details, Names, and Word Search box. */
.dataTables_filter {
	white-space: normal;
}

@media (max-width: 680px) {
	.dataTables_filter {
		margin-right: 1rem;
		margin-top: 1rem;
	}
	
	.dataTables_filter label,
																															.dataTables_wrapper .dataTables_filter label input {
		display: block;
		width: 100%;
	}
	
	.abst-intf .row-1:before {
		margin-top: 1rem;
	}
}

/*! —» Customization: WDS Block Combinations → SURCA 2021 abstract interfaces «— */
/* Hide the Zoom Connect info. */
#tablepress-7.abst-intf .column-15,
#tablepress-7.abst-intf .column-16 {
	display: none;
}

/*! —» Customization: WDS Block Combinations → SURCA 2022 abstract interfaces «— */
/* Reset some default styles for the abstract interface. */
.abst-intf-2022 p,
.abst-intf-2022 ul,
.abst-intf-2022 ol {
	max-width: none;
}

/* Force the abstract interface to always be full-width. */
.abst-intf-2022 {
	display: block;
	width: 100% !important;
}

/* Remove TablePress' default bordering for the abstract interface. */
.abst-intf-2022 > thead {
	border: 0;
	display: block;
}

/* Set up a flexbox layout on the sorting buttons. */
.abst-intf-2022 .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. */
.abst-intf-2022 .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);
}

.abst-intf-2022 .row-1 .sorting_asc,
.abst-intf-2022 .row-1 .sorting_desc {
	background-color: #f5b497;
	border-bottom-color: #aa8875;
}

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

.abst-intf-2022 .row-1 th:hover:after {
	color: #db5215;
}

/* Don't visibly show a sorting button for presenters list, co-authors list, mentors list, or abstract. */
.abst-intf-2022 .row-1 .column-4,
.abst-intf-2022 .row-1 .column-6,
.abst-intf-2022 .row-1 .column-8,
.abst-intf-2022 .row-1 .column-11 {
	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. */
.abst-intf-2022 .row-1 th {
	display: flex;
	flex-direction: column;
	font-size: .9rem;
	justify-content: center;
	margin-bottom: 1rem;
	margin-right: 1rem;
	width: auto !important;
}

.abst-intf-2022 .row-1 .sorting:last-child {
	margin-right: 0;
}

/* Add a label to the sorting buttons. */
.abst-intf-2022 .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. */
.abst-intf-2022 tbody {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 2rem;
}

.abst-intf-2022 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) {
	.abst-intf-2022 tbody tr {
		width: calc(50% - 2rem) !important;
	}
}

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

.abst-intf-2022 tbody tr td {
	display: inline-block;
	border: 0;
	padding: 0;
	margin-bottom: .5em;
}

.abst-intf-2022 tbody tr td .project__category {
	padding-left: 1rem;
	padding-right: 1rem;
}

/* Don't show the first student or the first mentor's last names. */
.abst-intf-2022 tbody tr .column-5,
.abst-intf-2022 tbody tr .column-9 {
	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 co-authors list, mentors list, majors list, campus, and Zoom link more understated. */
.abst-intf-2022 tbody tr .column-6,
.abst-intf-2022 tbody tr .column-7,
.abst-intf-2022 tbody tr .column-8,
.abst-intf-2022 tbody tr .column-10 {
	font-size: .85rem;
	line-height: 1.5em;
}

/* Stretch out the appropriate pieces of information to full width. */
.abst-intf-2022 tbody tr .column-2,
.abst-intf-2022 tbody tr .column-3,
.abst-intf-2022 tbody tr .column-4,
.abst-intf-2022 tbody tr .column-6,
.abst-intf-2022 tbody tr .column-7,
.abst-intf-2022 tbody tr .column-8,
.abst-intf-2022 tbody tr .column-10 {
	width: 100%;
}

/* Center the ID and category. */
.abst-intf-2022 tbody tr .column-1,
.abst-intf-2022 tbody tr .column-2 {
	text-align: center;
}

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

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

.abst-intf-2022 tbody tr .column-1 {
	margin-bottom: 0;
	margin-top: -1rem;
}

.abst-intf-2022 tbody tr .column-2 {
	margin-top: -1px;
	padding-bottom: .5rem;
}

.abst-intf-2022 .project__category-desc {
	font-size: .7em;
	font-weight: 400;
	display: block;
}

.abst-intf-2022 .project__category:not(.project__category-desc) {
	padding-bottom: 0;
}

.abst-intf-2022 .project__category.project__category-desc {
	padding-top: 0;
}

.abst-intf-2022 tbody tr:first-child .column-1 .project__category:before {
	content: "Poster #: ";
}

/* Embolden project titles to cause them to stand out more. Also remove some aspects of the button styling. */
.abst-intf-2022 .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%;
}

.abst-intf-2022 .project-title:hover {
	color: #a60f2d;
}

.abst-intf-2022 .project-title:focus {
	outline-color: rgba(0,0,0,0.85);
	outline-style: auto;
	outline-width: 1px;
}

.abst-intf-2022 .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;
}

.abst-intf-2022 .project-title:hover:after,
.abst-intf-2022 .project-title:focus:after {
	background: #fff;
	border-color: #8d959a;
	border-width: 0 2px 2px 0;
}

.abst-intf-2022 .project-title:active:after {
	background: #3b4042;
	border-color: #000;
	border-width: 2px 0 0 2px;
	color: #b5babe;
}

/* Place more spacing after the presenter list. */
.abst-intf-2022 tbody tr td.column-4 {
	margin-bottom: 1em;
}

/* Label the co-authors list, if present, and offset it back up a little. */
.abst-intf-2022 tbody tr .column-6: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;
}

.abst-intf-2022 tbody tr .column-6:before {
	content: "Co-author(s): ";
	font-weight: 600;
}

.abst-intf-2022 tbody tr .column-6 {
	margin-top: -.5em;
}

/* Label the major and offset it back up a little. */
.abst-intf-2022 tbody tr .column-7:before {
	content: "Major(s): ";
	font-weight: 600;
}

.abst-intf-2022 tbody tr .column-7 {
	margin-top: -.5em;
}

/* Label the mentors list and offset it back up a little. */
.abst-intf-2022 tbody tr .column-8:before {
	content: "Mentored by: ";
	font-weight: 600;
}

.abst-intf-2022 tbody tr .column-8 {
	margin-top: -.5em;
}

/* Label the campus and offset it a little. */
.abst-intf-2022 tbody tr .column-10:before {
	content: "Campus: ";
	font-weight: 600;
}

.abst-intf-2022 tbody tr .column-10 {
	margin-top: -.5em;
}

/* Don't show the abstract on the cards themselves when an abstract is collapsed. */
.abst-intf-2022 tbody tr:not(.expanded) .column-11 {
	display: none;
}

/* Set up a modal layout for abstracts that are being viewed. This viewing mode is triggered by JavaScript. */
.abst-intf-2022 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) {
	.abst-intf-2022 tbody tr.expanded {
		left: calc(50% - .5rem);
	}
}

.abst-intf-2022 .expanded .project-title:after {
	content: "–";
}

.abst-intf-2022 tbody tr.expanded .column-11 {
	margin-top: .5rem;
}

/*! —» Customization: Event List Blocks → Upcoming SURCA Events «— */
/* Don't display the date for the next SURCA in certain event listing */
.wsu-events-list--upcoming-surca-events > li:last-child {
	display: none;
}