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

/* custom news list */
.wsu-news-list {
	list-style-type: disc;
}

.vcea-custom-news-list article {
	margin-bottom: 0;
}

.vcea-custom-news-list li::marker {
	font-size: 0;
}

.vcea-custom-news-list article div {
	padding-top: initial;
	padding-bottom: .6em;
}

.vcea-custom-news-list .wsu-card .wsu-caption:not(:first-child) {
	margin-bottom: 1rem;
	margin-top: -.2rem;
}

/* Adjust spacing for post/archive elements */
.wsu-meta-date {
	margin-bottom: 1.5em;
}

.wsu-article__footer {
	margin: 0 0 2rem;
}

/* --- END custom site CSS --- */
/* --- START GENERAL FIXES to resolve issues until theme updated --- */
/* allow display of additional ordered list options */
.vcea-custom-list--upper-roman li {
	list-style-type: upper-roman;
}

.vcea-custom-list--upper-roman li ol li {
	list-style-type: decimal;
}

.vcea-custom-list--lower-alpha li {
	list-style-type: lower-alpha;
}

/* match gravity forms buttons to WDS */
.gform_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 {
	box-shadow: 0 5px 14px rgba(0,0,0,.4);
	background-color: #ca1237;
}

/* 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-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;
	line-height: 1.5;
	padding: .2rem 0;
}

.wsu-menu-deep-links a::after {
	background-color: #ffffff;
}

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

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

.wsu-footer-site__offsite-menu li a:focus::before, .wsu-footer-site__offsite-menu li a:hover::before {
	height: 3px;
}

.wsu-meta-address a {
	text-decoration-color: #ffffff;
}

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

.wsu-menu-tertiary>li>a::after {
	background-color: #ffffff;
}

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

/* white background for People cards on sections with background colors */
.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;
}

/* --- END general fixes --- */