/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
.wsusp-pull-up {
	margin-top: -67px;
}

.wsusp-cardmargin {
	margin-right: 5px;
}

.wsusp-fixbottomgap {
/* Removes the space above the footer */
	margin-bottom: -102px !important;
}

.wsusp-top-space {
/*removes gap above first block*/
	margin-top: -82px !important;
}

.wsusp-padding20 {
	padding-left: 100px;
	padding-right: 100px;
}

.wsusp-kirk-quote {
/*Supporting our system- quote from Kirk*/
	background: url("https://wpcdn.web.wsu.edu/wp-wpsites/uploads/sites/3201/2022/05/WSU-Patterns-1920x1080-1.png") no-repeat, radial-gradient(circle at 40% 60%,#c80028 18%,#78001e 81%);
	color: #fff;
	background-size: cover;
	background-position: center;
	padding-top: 50px;
}

.wsusp-background1 {
/* Strategic Plan page */
	background: url(https://s3.wp.wsu.edu/uploads/sites/2875/2022/03/51496991027_896411bbc5_o-scaled.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.wsusp-background2 {
/* Strategic Plan page */
	background: url(https://s3.wp.wsu.edu/uploads/sites/2875/2022/05/52069721930_d1bbd36b75_o-scaled.jpeg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.wsusp-background3 {
/* Strategic Plan page */
	background: url(https://s3.wp.wsu.edu/uploads/sites/2875/2022/05/49014346378_662fcf3a8b_o-scaled.jpeg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.wsusp-background4 {
/* Strategic Plan page */
	background: url(https://s3.wp.wsu.edu/uploads/sites/2875/2022/05/Campus-Night-Shot_2302.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.wsusp-background5 {
/* OneWSU page */
	background: url(https://wpcdn.web.wsu.edu/wp-wpsites/uploads/sites/3201/2022/05/WSUCampus-Night.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.wsusp-background6 {
/* Supporting our system page, planning */
	background: url(https://wpcdn.web.wsu.edu/wp-wpsites/uploads/sites/3201/2022/05/Spokane-General-Campus-Stock_0970-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.wsusp-background7 {
/* Supporting our system page, data */
	background: url(https://wpcdn.web.wsu.edu/wp-wpsites/uploads/sites/3201/2022/05/Spokane-General-Campus-Stock_0970-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.wsusp-onewsuhead {
	background: url("https://wpcdn.web.wsu.edu/wp-wpsites/uploads/sites/3201/2022/05/WSU-Patterns-1920x1080-1.png") no-repeat, radial-gradient(circle at 40% 60%,#A60F2D 18%,#7C0320 81%);
	color: #fff;
	padding-top: 200px;
	padding-bottom: 200px;
	background-size: cover;
	background-position: center;
	margin-top: -82px;
}

.wsusp-onewsutext {
/* OneWSU page heading */
	font-family: Montserrat, sans-serif;
	font-size: 10em !important;
	font-weight: bold;
	line-height: 83px;
}

.wsusp-onewsutext2 {
/* OneWSU page heading */
	font-family: Montserrat, sans-serif;
	font-size: 2em !important;
	font-weight: bold;
	line-height: 83px;
/*text-transform: uppercase;*/
}

.wsusp-wsustatebg {
/* Puts the state with WSU logo variation in the background */
	background: url(https://s3.wp.wsu.edu/uploads/sites/2875/2022/05/WSU-state-4c.png);
	background-repeat: no-repeat;
	background-size: 50%;
	padding-left: 100px;
	background-position: 110% 100%;
}

.wsusp-onewsucard {
/* OneWSU page */
	border-style: solid;
	border-color: #fff;
	padding: 25px;
	background: rgba(0,10,0,0.5);
/*border-top-width: 9px*/
}

.wsusp-beliefs {
/* Guiding Principles- Beliefs section */
	padding: 40px;
	background: url("https://wpcdn.web.wsu.edu/wp-wpsites/uploads/sites/3201/2022/05/WSU-Patterns-1920x1080-1.png") no-repeat, radial-gradient(circle at 40% 60%,#A60F2D 18%,#7C0320 81%);
	color: #fff;
}

.wsusp-beliefs2 {
/* styling the Core Beliefs heading */
	padding-right: 30px;
}

.wsusp-beliefspic {
	background: url(https://s3.wp.wsu.edu/uploads/sites/2875/2022/05/FirstDay_cutout.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 110% 100%;
}

.wsusp-vision1 {
/*First section on the future vision page*/
	margin-left: 50px;
}

/*This next section is for the 3 mission blocks on the Guiding Principles page */
.wsusp-flip-card {
	background-color: transparent;
	width: 300px;
	height: 300px;
	perspective: 1000px;
}

.wsusp-flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform .6s;
	transform-style: preserve-3d;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.wsusp-flip-card:focus-within .wsusp-flip-card-inner,
.wsusp-flip-card:focus .wsusp-flip-card-inner,
.wsusp-flip-card:hover .wsusp-flip-card-inner {
	transform: rotateY(180deg);
}

@media (prefers-reduced-motion) {
	.wsusp-flip-card .wsusp-flip-card-inner {
		transform: rotateY(180deg) !important;
	}
}

.wsusp-flip-card-front, .wsusp-flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.wsusp-flip-card-front {
	background-color: #4D4D4D;
	color: #fff;
}

.wsusp-flip-card-back {
	background-color: #A60F2D;
	color: white;
	transform: rotateY(180deg);
	padding: 15px;
}

.wsusp-hidden {
	display: none;
}

.wsusp-cardright {
/*data initiative page*/
	margin-right: -100px;
	width: 115%;
	float: right;
}

.wsusp-background8 {
/* Data Initiative page */
	background: url(https://s3.wp.wsu.edu/uploads/sites/2875/2022/08/Chinook-on-a-Snowy-Day_0127.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.wsusp-columnleftred {
	margin-left: 100px;
	margin-top: 100px;
	float: right;
}

.wsusp-border {
	border-style: solid !important;
	border-color: white;
	border-width: 2px;
}

.wsusp-redbanner {
	background: url("https://wpcdn.web.wsu.edu/wp-wpsites/uploads/sites/3201/2022/05/WSU-Patterns-1920x1080-1.png") no-repeat, radial-gradient(circle at 40% 60%,#c80028 18%,#78001e 81%);
	color: #fff;
	background-size: cover;
	background-position: center;
}

/* strategic plan flip */
.iframe-strat-plan .wsu-section__inner.wsu-width--content {
	max-width: none;
	min-height: 700px;
}

/* Vision video on home page, upper */
.wsusp-visionhome {
	margin-top: -175px;
	width: 100%;
	height: 100%;
}

/*Add white border on an element */
.wsusp-add-white-border {
	border-style: solid;
	border-color: white;
}

/*contrast for main banners*/
.wsusp-contrast {
	text-shadow: 0 0 25px #000;
	background-color: #000;
}

li {
	text-align: left;
}

.wsusp-imagemoveover {
/* About OSPA Page */
	margin-right: -75px;
}

/* Styling for displaying Objective and Strategy info in TablePress */
/* Base Table Styling */
.tablepress {
	width: 100% !important;
/* Full-width table */
	table-layout: auto;
/* Allow flexible column widths */
	background-color: #fff;
/* Set a maximum height for the tbody to enable scrolling */
	overflow-y: auto;
}

/* Default Column A and B Styling */
.tablepress th:nth-child(1),
.tablepress td:nth-child(1) {
	text-align: left;
	font-weight: bold;
/* Bold text for Column A */
	transition: width .3s ease;
/* Smooth transition for width changes */
}

.tablepress th:nth-child(2),
.tablepress td:nth-child(2) {
	text-align: left;
	transition: width .3s ease;
	padding-right: 40px !important;
/* Smooth transition for width changes */
}

/* Dynamic Column Widths */
.tablepress tbody tr.has-content td:nth-child(1) {
	width: 30% !important;
/* Column A expands when it has content */
}

.tablepress tbody tr.has-content td:nth-child(2) {
	width: 70% !important;
/* Column B shrinks when Column A has content */
}

.tablepress tbody tr.no-content td:nth-child(1) {
	width: 30% !important;
/* Column A shrinks when it is empty */
}

.tablepress tbody tr.no-content td:nth-child(2) {
	width: 70% !important;
/* Column B expands when Column A is empty */
}

/* Adjust Expand Icon Placement in Column B */
.tablepress td:nth-child(2) .expand-icon {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	color: #A60F2D;
	pointer-events: none;
/* Prevent blocking clicks */
}

/* Add Padding to Column B Content */
.tablepress td:nth-child(2) {
	padding-left: 8px;
/* Padding for alignment */
	position: relative;
/* For icon placement */
}

/* Hover Effect for Column B */
.tablepress td:nth-child(2):hover {
	cursor: pointer;
/* Indicate clickability */
}

/* Make Heading Row Larger */
.tablepress th {
	background-color: #262626;
/* Slightly darker gray for header */
	font-size: 1.2rem;
/* Larger font size for header */
	padding: 12px 8px;
/* Padding for height */
	text-align: left;
/* Align text to the left */
	font-weight: bold;
/* Bold text */
}

/* Hide Columns C, D, E, and F */
.tablepress th:nth-child(3),
.tablepress th:nth-child(4),
.tablepress th:nth-child(5),
.tablepress th:nth-child(6),
.tablepress td:nth-child(3),
.tablepress td:nth-child(4),
.tablepress td:nth-child(5),
.tablepress td:nth-child(6) {
	display: none;
/* Completely hide these columns */
}

/* Accordion Content (Hidden by Default) */
.tablepress tbody .accordion-content {
	display: none;
/* Initially hidden */
	background-color: #f8f8f8;
/* Light background */
	border-top: 1px solid #ddd;
}

/* Apply Colors Based on Status Text */
.tablepress tbody td:nth-child(5):contains("On Track") {
	color: green;
}

.tablepress tbody td:nth-child(5):contains(Behind),
.tablepress tbody td:nth-child(5):contains("At Risk") {
	color: red;
}

.tablepress tbody td:nth-child(5):contains("Not Started") {
	color: gray;
}

/* Set column widths for thead */
.tablepress thead th:nth-child(1) {
	width: 30% !important;
/* Column 1 width */
}

.tablepress thead th:nth-child(2) {
	width: 70% !important;
	padding-left: 192px;
/* Column 2 width */
}

.tbody {
	max-height: 1000px;
/* Set a maximum height for the tbody to enable scrolling */
	overflow-y: auto;
}

.wsusp-mainenrollmentnumber {
	font-size: 5em;
}

/*This section is for the footer*/
.wsusp-footer {
	display: flex;
	justify-content: space-around;
	padding-top: 25px;
}

.wsusp-footer-column {
	flex: 1;
	margin: 0 10px;
	color: white;
	font-weight: 400;
	line-height: 1.5;
}

.wsusp-footer-column h3 {
	margin-bottom: 10px;
}

.wsusp-footer-column p {
	margin: 0;
	font-size: .9rem;
}

.wsusp-footer-column-1 {
	flex: 0 0 50%;
	margin-right: 35px;
}

.wsusp-footer-column-2,
  .wsusp-footer-column-3 {
	flex: 0 0 20%;
	margin: 0 10px;
}

/*------End footer -----*/
.wsusp-enrollmentnumber {
	font-size: 2em;
	color: #A60F2D;
}

.wsusup-enrollmenttable {
	background-color: white;
	border: none;
}

.wsusp-mainenrollmentnumber {
	font-size: 5em;
}

.wsusp-equalcolumnwidth {
/* Data home page, dealing with columns not the right sizes */
	width: 50%;
/* Ensures equal width */
	float: left;
/* Allows the columns to sit side by side */
	box-sizing: border-box;
/* Includes padding and border in the width */
	padding: 10px;
/* Adjust padding as needed */
}

.wsusp-borderbox {
	border-style: solid;
	border-width: 3px;
	border-color: white;
	margin-left: -3px;
}

.wsusp-hidden {
	visibility: hidden;
}

.wsusp-container {
	display: flex;
	justify-content: space-between;
}

.wsusp-column {
	flex: 1;
	margin-right: 20px;
}

.wsusp-arrow-link {
	color: black;
/* Link color */
	text-decoration: none;
	font-weight: 400;
	margin-bottom: 10px;
}

.wsusp-storiesvideo {
	filter: drop-shadow(5px 5px 10px #000000) !important;
}

.wsusp-whitelinktext {
/* puts the arrow link text in white */
	color: white !important;
}

.wsusp-blog-highlight {
/*2 blog posts highlighted on blog page*/
	margin-top: -82px !important;
}

.wsusp-accordion-on-red:hover,
.wsusp-accordion-on-red:focus,
.wsusp-accordion-on-red [aria-expanded="true"] {
	background-color: white !important;
	color: black !important;
	padding: 20px;
}