/*!*************************************************************************************************
 * ▄▀▀▀ █  █ ▄▀▀▀▐▀█▀▌▄▀▀▄ ▐▀▄▀▌   ▄▀▀▀▐▀█▀▌█  █ █    ▀█▀ ▐▀▀▄ █▀▀▀ ▄
 * █    █  █ ▀▀▀█  █  █  █ █ ▀ ▌   ▀▀▀█  █  ▀▄▄█ █  ▄  █  █  ▐ █ ▀▄ ▄
 *  ▀▀▀  ▀▀  ▀▀▀   █   ▀▀  █   ▀   ▀▀▀   █  ▄▄▄▀ ▀▀▀  ▀▀▀ ▀  ▐ ▀▀▀▀
 *
 *    ▐   ▌█▀▀▄ ▀█▀▐▀█▀▌▀█▀ ▐▀▀▄ █▀▀▀ █▀▀▄ █▀▀▄ ▄▀▀▄ █▀▀▀ █▀▀▄ ▄▀▀▄ ▐▀▄▀▌  ▐   ▌▄▀▀▀ █  █
 *    ▐ █ ▌█▄▄▀  █   █   █  █  ▐ █ ▀▄ █▄▄▀ █▄▄▀ █  █ █ ▀▄ █▄▄▀ █▄▄█ █ ▀ ▌  ▐ █ ▌▀▀▀█ █  █
 *     ▀ ▀ ▀  ▀▄▀▀▀  █  ▀▀▀ ▀  ▐ ▀▀▀▀ █    ▀  ▀▄ ▀▀  ▀▀▀▀ ▀  ▀▄█  ▀ █   ▀ ▀ ▀ ▀ ▀▀▀   ▀▀
 *
 *      █▀▀▀ █▀▀▄ █  █
 *      █▀▀  █  █ █  █
 *    ▀ ▀▀▀▀ ▀▀▀   ▀▀
 * -------------------------------------------------------------------------------------------------
 * The following section of this stylesheet contains CSS code built from Less modules written for
 *   use on the Writing Program 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 2.0 theme.
 *
 * Please refer to the linked GitHub project for fully documented, precompiled source code.
 *
 * @version 0.1.0
 *
 * @link https://github.com/invokeImmediately/writingprogram.wsu.edu/blob/main/CSS/wsuwp-wds_css-ss-
 *   ed-src.css
 * @link https://github.com/invokeImmediately/WSU-DAESA-CSS-WDS
 * @link https://github.com/wsuwebteam/wsuwp-theme-wds
 * @author Daniel Rieck [daniel.rieck@wsu.edu] (https://github.com/invokeImmediately)
 * @license MIT Copyright (c) 2022 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.
 ***************************************************************************************************/
/*! —» Issue Fix: WDS Hero Banner Modules → Font-sizing */
.wsu-hero .wsu-caption p {
	font-size: inherit;
}

@media all and (min-width: 768px) {
	.page.home .wsu-hero__caption .wsu-title {
		font-size: 4rem;
	}
}

/*! Issue Fix: Harmonize Home Page's Ask a Question Title with other Headings */
.wsu-accordion--ask-a-question .wsu-accordion__title-button {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
}

.wsu-accordion--ask-a-question .wsu-accordion__title:before {
	font-weight: 700;
}

.wsu-accordion--ask-a-question:after {
	height: 2px;
}

/*! Enhancement: WDS Utility Classes → Custom bordering */
.wsu-border-bottom--color-lightish {
	border-bottom: 4px solid #d8d8d8;
}

.wsu-border-left--color-lightish {
	border-left: 4px solid #d8d8d8;
}

.wsu-border-right--color-lightish {
	border-right: 4px solid #d8d8d8;
}

.wsu-border-top--color-lightish {
	border-top: 4px solid #d8d8d8;
}

/*! —» Customization: Generic Container Blocks → Anchor Target Indicators «— */
.wsu-container--anchor:target + * {
	position: relative;
}

.wsu-container--anchor:target + :before {
	content: "# –";
	color: #888;
	display: block;
	font-size: 1.25rem;
	font-weight: 600;
	left: -2.2rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

/*.wsu-container--anchor:target {
	position: relative;
}

.wsu-container--anchor:target:before {
	bottom: -2.2rem;
	content: "# –";
	color: #888;
	display: block;
	font-size: 1.25rem;
	font-weight: 600;
	left: -2.2rem;
	position: absolute;
}

.wsu-container--anchor--for-accordion:target:before {
	bottom: -3.5rem;
}

.wsu-container--anchor--for-reduced-size-accordion:target:before {
	bottom: -2.6rem;
}

.wsu-container--anchor--single-line:target:before {
	bottom: 0;
}*/
/* —» WDS Customization: Column Blocks → Seperator additions «—*/
@media screen and (min-width: 861px) {
	.wsu-column--add-left-separator-when-packed {
		position: relative;
	}
	
	.wsu-column--add-left-separator-when-packed:before {
		border: 1px solid #e7e7e7;
		background-color: #f7f7f7;
		bottom: 0;
		box-sizing: border-box;
		content: "";
		left: -.1875rem;
		position: absolute;
		top: 0;
		width: .375rem;
	}
}

/* —» WDS Customization: Generic Container Block → Seperator additions «—*/
@media screen and (min-width: 861px) {
	.wsu-container--add-left-separator-when-packed {
		padding-left: 3.125rem;
		position: relative;
	}
	
	.wsu-container--add-left-separator-when-packed:before {
		border: 1px solid #e7e7e7;
		background-color: #f7f7f7;
		bottom: 0;
		box-sizing: border-box;
		content: "";
		left: -.375rem;
		position: absolute;
		top: 0;
		width: .375rem;
	}
}

/*! —» 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 and List WDS Elements → Default spacing between paragraphs and lists «— */
@media screen and (min-width: 769px) {
	:is(p:not([class*="wsu-spacing-after--"]) + ul:not([class*="wsu-spacing-before--"]), p:not([class*="wsu-spacing-after--"]) + ol:not([class*="wsu-spacing-before--"])) {
		margin-top: -1.375rem;
	}
}

/*! —» Customization:  Card Groups → GWC People «— */
.wsu-card-wrapper--gwc-people .wsu-image-frame {
	background: linear-gradient(225deg,#0000 3.125%,#383838 0 9.375%,#0000 0 78.125%,#383838 0 84.375%,#0000 0) 0 calc(26px/2), linear-gradient(45deg,#303030 3.125%,#383838 0 9.375%,#303030 0 15.625%,#383838 0 21.875%,#303030 0 28.125%,#0000 0) 0 26px, linear-gradient(45deg,#303030 3.125%,#383838 0 9.375%,#303030 0 15.625%,#383838 0 21.875%,#303030 0 28.125%,#0000 0) calc(26px/-2) calc(26px/-2), linear-gradient(225deg,#303030 3.125%,#383838 0 9.375%,#303030 0 15.625%,#383838 0 21.875%,#303030 0 28.125%,#0000 0) 26px 0, linear-gradient(225deg,#303030 3.125%,#383838 0 9.375%,#303030 0 15.625%,#383838 0 21.875%,#303030 0 28.125%,#0000 0) calc(26px/2) 26px, repeating-linear-gradient(-45deg,#303030 -3.125% 3.125%,#383838 0 9.375%);
	background-size: calc(2*26px) calc(2*26px);
	border-radius: 4px;
}

.wsu-card-wrapper--gwc-people .wsu-image-frame.wsu-image--ratio-1-1 > img {
	height: 300px;
	width: 300px;
	left: 50%;
	transform: translateX(-50%);
}

.wsu-card-wrapper--gwc-people .wsu-image-frame.wsu-image--ratio-1-1 {
	text-align: center;
}

.wsu-card-wrapper--gwc-people .wsu-image-frame.wsu-image--ratio-1-1:before {
	padding-top: 300px !important;
}