/*
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.
*/
/* ----- Check links ----- */
/* Checks for empty links & only shows when you are logged into the website */
.logged-in a:not([href]) {
	outline: 4px solid Red !important;
}

body.logged-in a:not([href]):after {
	content: "Anchor with no link. Use \"HTML Anchor\" under Advanced tab in right sidebar instead.";
	color: black;
	background-color: yellow;
	border: 3px red solid;
	padding: 5px;
	font-size: .7em;
	font-weight: bold;
	font-style: italic;
}

/* 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 with string for a link */
body.logged-in a[href*="#"]:not([href="#"]):not(.clickable-no-url) {
	border-bottom: 6px solid limegreen;
}

body.logged-in a[href*="#"]:not([href="#"]):not(.clickable-no-url):after {
	content: "May link to somewhere on This Page, like #my-anchor.";
	color: black;
	background-color: yellow;
	border: 3px red solid;
	padding: 5px;
	font-size: .7em;
	font-weight: bold;
	font-style: italic;
}

/* Checks for pound sign/hashtag only - without string - for a link */
body.logged-in a.clickable-no-url[href="#"] {
	border-bottom: 6px solid orange;
}

body.logged-in a.clickable-no-url[href="#"]:after {
	content: "Links to a # symbol, not a URL.";
	color: black;
	background-color: yellow;
	border: 3px red solid;
	padding: 5px;
	font-size: .7em;
	font-weight: bold;
	font-style: italic;
}

/* Checks for links to PDF files */
.logged-in a[href*=".pdf"] {
	border-bottom: 6px solid magenta;
}

body.logged-in a[href*=".pdf"]:after {
	content: "Links to a PDF file. Check that file is accessible OR equivalent exists OR remove.";
	color: black;
	background-color: yellow;
	border: 3px red solid;
	padding: 5px;
	font-size: .7em;
	font-weight: bold;
	font-style: italic;
}

.logged-in a[href*=".doc"], 
.logged-in a[href*=".docx"] {
/* Checks for links to PDF files */
	border-bottom: 6px solid cyan;
}

body.logged-in a[href*=".doc"]:after, 
body.logged-in a[href*=".docx"]:after {
	content: "Links to a DOC or DOCX file. Check that file is accessible OR equivalent exists OR remove.";
	color: black;
	background-color: yellow;
	border: 3px red solid;
	padding: 5px;
	font-size: .7em;
	font-weight: bold;
	font-style: italic;
}

/* ----- END Check links ----- */
/* ----- BEGIN Check for markup ----- */
/* Checks for span elements applying inline styles */
body.logged-in .wsu-wrapper-site span::after {
	content: "Span";
	color: black;
	background-color: yellow;
	border: 3px red solid;
	padding: 5px;
	font-size: .7em;
	font-weight: bold;
	font-style: italic;
}

/* Hide spans inside .wsu-footer-site */
body.logged-in .wsu-wrapper-site .wsu-footer-site span::after {
	content: "";
	display: none;
}

/* is removing separators from breadcrumbs and may have other negative effects if span::after is used in other places */
body.logged-in .wsu-wrapper-site .breadcrumbs span::after {
	display: none;
}

/* For documents review - logged in users only - delete after review period complete (~Q4 2026)*/
body.logged-in a[href$=".doc" i],
body.logged-in a[href$=".docx" i],
body.logged-in a[href$=".ppt" i],
body.logged-in a[href$=".pptx" i],
body.logged-in a[href$=".csv" i],
body.logged-in a[href$=".pdf" i],
body.logged-in .wsu-cta:has(a[href$=".doc" i]),
body.logged-in .wsu-cta:has(a[href$=".docx" i]),
body.logged-in .wsu-cta:has(a[href$=".ppt" i]),
body.logged-in .wsu-cta:has(a[href$=".csv" i]),
body.logged-in .wsu-cta:has(a[href$=".pdf" i]) {
	background-color: yellow;
	border: 2px solid red;
}

/* ----- END Check for markup ----- */