/*
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.
*/
/* --- START SITE-SPECIFIC CSS --- */
/* stretch callout to height of column */
.vcea-custom-full-height .wsu-callout {
	height: 100%;
}

/* Spacing adjustment for post date */
.wsu-meta-date {
	margin-bottom: 1.5rem;
}

/* Quick Facts adjustments */
.wsu-table--style-admissions td:first-child {
	font-size: 1.5rem;
	font-weight: 900;
	background: linear-gradient(0deg,#b12d47 0,#ca1237 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.wsu-table--style-stats td:last-child {
	font-size: 1rem;
	font-weight: 500;
	background: unset;
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset;
}

@media screen and (max-width: 768px) {
	.wsu-overlap--reversed .wsu-overlap__container {
		flex-direction: column-reverse;
	}
}

@media screen and (max-width: 900px) {
	.vcea-custom-stat span.wsu-stat__value {
		margin-left: -2rem;
	}
}

/* --- END Site-specific CSS --- */
/* --- START GENERAL FIXES to resolve issues until theme updated by WSU --- */
/* White background for People cards */
.vcea-custom-background--white .wsu-card-wrapper--per-row-1 .wsu-card, .vcea-custom-background--white .wsu-card-wrapper--per-row-2 .wsu-card, .vcea-custom-background--white .wsu-card-wrapper--per-row-3 .wsu-card, .vcea-custom-background--white .wsu-card-wrapper--per-row-4 .wsu-card {
	background-color: #ffffff;
}

/* match gravity forms and people profile buttons to WDS */
.gform_button, a.profile_button {
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	font-family: Montserrat, sans-serif;
	background-color: #a60f2d;
	color: #fff;
	border-radius: 6px;
	border: none;
	padding: 1em calc(2.25rem + .25rem);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5;
	cursor: pointer;
	transition: box-shadow .2s cubic-bezier(0,0,.03,1);
	text-decoration: none;
}

.gform_button:focus, .gform_button:hover, a.profile_button:focus, a.profile_button:hover {
	box-shadow: 0 5px 14px rgba(0,0,0,.4);
	background-color: #ca1237;
}

/* temp replacing X icon and adjusting margins to match */
.wsu-footer-site__content .wsu-social-icons .wsu-social-icons__twitter a::before {
	content: "𝕏";
}

.wsu-footer-site__content .wsu-social-icons li.wsu-social-icons__facebook, .wsu-footer-site__content .wsu-social-icons li.wsu-social-icons__youtube, .wsu-footer-site__content .wsu-social-icons li.wsu-social-icons__instagram, .wsu-footer-site__content .wsu-social-icons li.wsu-social-icons__linkedin {
	margin-top: 5px !important;
}

/* menu link fixes to make hovers and underlines on dark backgrounds white and to fix Safari issues */
.wsu-quicklinks__content .wsu-list--underline-hover a, .wsu-quicklinks__footer h3 a, .wsu-quicklinks__footer h3 a:hover {
	text-decoration-color: #ffffff;
}

.wsu-footer-site__offsite-menu li a::before {
	background-color: #ffffff;
}

.wsu-footer-site__offsite-menu li a {
	font-size: .875rem;
}

.wsu-menu-deep-links ul, .wsu-footer-site__offsite-menu, .wsu-social-icons, .wsu-social-icons li {
	list-style-type: disc;
}

.wsu-menu-deep-links ul ::marker, .wsu-footer-site__offsite-menu ::marker, .wsu-social-icons ::marker, .wsu-social-icons li ::marker {
	color: #ffffff;
	font-size: 0;
}

.wsu-menu-deep-links h3 {
	font-size: 1rem;
	line-height: 1.5;
	text-transform: uppercase;
}

.wsu-menu-deep-links .sub-menu>li a {
	font-size: .875rem;
	padding: .3rem 0;
}

h3.wsu-footer-site__offsite-title {
	margin-top: -1.5rem;
	font-size: 1rem;
	line-height: 1.5;
}

.wsu-meta-address a:hover {
	text-decoration-color: transparent;
}

@media screen and (max-width: 768px) {
	.wsu-quicklinks__content ul {
		column-count: 1;
	}
}

/* --- END General Fixes --- */