/*
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 --- */
/* checklists with checkmarks */
.checklist {
	padding-left: 2em;
}

.checklist ::marker {
	font-size: 0;
}

.checklist li:before {
	position: absolute;
	margin-left: -1.3em;
	font-weight: 600;
	content: "\2713";
	color: #981e32;
}

/* stretch callout to height of column */
.vcea-custom-full-height .wsu-callout {
	height: 100%;
}

/* custom styling for event feeds -- Using old shortcode on Team Portal for Brett copy/paste solution */
.vcea-custom-event-excerpt .wsuwp-content-syndicate-excerpts div:first-child {
	margin-top: -1rem;
}

.vcea-custom-event-excerpt .wsuwp-content-syndicate-excerpts div:last-child {
	border-bottom: none;
}

.vcea-custom-event-excerpt .wsuwp-content-syndicate-event {
	display: grid;
	grid-auto-flow: row;
	border-bottom: solid 6px #d9d9d9;
	margin-bottom: 12px;
	padding: 20px 0;
}

.vcea-custom-event-excerpt .content-item-event-date {
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 1rem;
}

.vcea-custom-event-excerpt .content-item-event-title a {
	color: inherit;
	text-decoration: none;
	font-weight: 600;
}

.vcea-custom-event-excerpt .content-item-event-title a {
	font-size: 1.2rem;
}

.vcea-custom-event-excerpt .content-item-event-title a:hover {
	text-decoration: underline;
	text-decoration-color: #ca1237;
}

.vcea-custom-event-excerpt .content-item-event-venue {
	font-size: .8rem;
	font-weight: 500;
	margin: .4rem 0 .4rem 1.25rem;
	position: relative;
}

.vcea-custom-event-excerpt .content-item-event-venue::before {
	font-family: wsu-icons;
	font-size: 1.2em;
	margin-right: .2em;
	position: absolute;
	right: calc(100% + .2rem);
	top: -.1rem;
	content: "\F127";
}

.vcea-custom-event-excerpt .content-item-event-venue::before {
	color: #a60f2d;
}

.vcea-custom-event-excerpt .content-item-event-city, .vcea-custom-event-excerpt .content-item-event-state {
	display: none;
}

.vcea-custom-event-excerpt .content-item-event-excerpt {
	margin-top: 1rem;
}

@media screen and (max-width: 768px) {
	.vcea-custom-event-excerpt .content-item-event-venue::before {
		font-size: 1.2em;
		top: 0;
	}
}

/* --- END Custom site CSS --- */
/* --- START GENERAL FIXES to resolve issues until theme updated --- */
/* 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;
}

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

.wsu-social-icons li.wsu-social-icons__facebook, .wsu-social-icons li.wsu-social-icons__youtube, .wsu-social-icons li.wsu-social-icons__instagram, .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-quicklinks__content ul {
	column-count: 1;
}

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

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

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

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

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