/*
Welcome to custom CSS for the WSU Spine Theme!

You may delete these comments and get started with your custom stylesheet.
Before doing so, please review the WSU web standards:

https://brand.wsu.edu/media/web/web-standards/

As a general rule of thumb, if your styles target aspects of the spine
(#spine), that's against standard, whereas if you're styling elsewhere on
the page, it's all good.
*/
/* ----- Check links ----- */
/* Checks for empty links & only shows when you are logged into the website */
.logged-in a:not([href]) {
	outline: 8px solid rebeccapurple !important;
}

/* Checks for links that open in a new tab */
body.logged-in a[target=_blank] {
	color: #000000;
	background-color: yellow;
	border: 5px #000000 solid;
	padding: 8px;
}

body.logged-in a[target=_blank]:after {
	content: "Edit the link to toggle off Open in a new tab.";
	color: black;
	border: 3px red solid;
	padding: 5px;
	font-size: .7em;
	font-weight: bold;
	font-style: italic;
}

/* Checks for pound sign/hashtag for a link */
.logged-in a[href="#"] {
	background-color: rebeccapurple;
}

/* ----- END Check links ----- */
/* Check for urldefense links */
.logged-in a[href*="urldefense.com"],
.logged-in a[href*="nam12.safelinks.protection.outlook.com"] {
	background-color: rebeccapurple;
}

/* END Check for urldefense links */
/* ------- Check for Documents  -------- */
[href$=".xlsx"] {
	background: green;
	color: white;
	font-weight: bold;
	padding: 10px;
}

[href$=".docx"] {
	background: yellow;
	color: white;
	font-weight: bold;
	padding: 10px;
}

[href$=".pdf"] {
	background: blue;
	color: white;
	font-weight: bold;
	padding: 10px;
}

/* ------- End Check for Documents  -------- */