/*
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.
*/
/* custom CSS to hide bylines because the Customizer toggle doesn't work */
/*address.wsu-meta-byline {
	display: none;
}
*/
/* styling for home page post feed */
.wsu-card__content .wsu-title::before {
	width: 50px;
	height: 2px;
	margin-bottom: 12px;
	display: block;
	background-color: #ca1237;
	content: "";
}

.wsu-card {
	margin-bottom: 0;
}

/* add sublines to footer menu */
.wsu-footer-site__content > #menu-or-footer-menu > li > span:first-child {
	display: block;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 3px solid grey;
	transition: border-bottom .5s, color .5s, text-shadow .5s;
}

.wsu-footer-site__content > #menu-or-footer-menu > li:hover > span:first-child {
	color: white;
	border-bottom: 3px solid #A60F2D;
	text-shadow: 0 0 4px black;
}

.wsu-footer-site__content > #menu-or-footer-menu > li li a {
	transition: color .5s, text-shadow .5s, transform .3s;
}

.wsu-footer-site__content > #menu-or-footer-menu > li:hover li a {
	color: white;
	text-shadow: 0 0 4px black;
}

.wsu-footer-site__content > #menu-or-footer-menu > li li a:hover {
	transform: scale(105%);
}

/* reverse order of social media icons in footer */
.wsu-footer-site .wsu-social-icons {
	flex-direction: row-reverse;
	justify-content: flex-end;
}

/* add little link icon to navigation items that go offsite -- for sub-sub menus */
#wsu-site-menu .sub-menu a[href="https://orap.wsu.edu"]::before,
#wsu-site-menu .sub-menu a[href="https://orso.wsu.edu"]::before,
#wsu-site-menu .sub-menu a[href="https://ora.wsu.edu"]::before,
#wsu-site-menu .sub-menu a[href="https://campusvet.wsu.edu"]::before,
#wsu-site-menu .sub-menu a[href="https://commercialization.wsu.edu"]::before,
#wsu-site-menu .sub-menu a[href="https://natlab.wsu.edu"]::before,
#wsu-site-menu a[href^="https://foundation.wsu.edu/give"]::before,
#wsu-site-menu a[href="https://research.wsu.edu/instrumentation-services/"]::before {
	content: "\F126";
	font-family: "wsu-icons";
	color: #ccc;
	position: absolute;
	left: .75em;
	transition: color .5s;
	font-weight: normal;
	font-size: 90%;
}

/* adjust little link icon to navigation items that go offsite -- for sub menus */
#wsu-site-menu a[href^="https://foundation.wsu.edu/give"]::before,
#wsu-site-menu a[href="https://research.wsu.edu/instrumentation-services/"]::before {
	left: .5em;
}

#wsu-site-menu .sub-menu a[href="https://orap.wsu.edu"]:hover::before,
#wsu-site-menu .sub-menu a[href="https://orso.wsu.edu"]:hover::before,
#wsu-site-menu .sub-menu a[href="https://ora.wsu.edu"]:hover::before,
#wsu-site-menu .sub-menu a[href="https://campusvet.wsu.edu"]:hover::before,
#wsu-site-menu .sub-menu a[href="https://commercialization.wsu.edu"]:hover::before,
#wsu-site-menu .sub-menu a[href="https://natlab.wsu.edu"]:hover::before,
#wsu-site-menu a[href^="https://foundation.wsu.edu/give"]:hover::before,
#wsu-site-menu a[href="https://research.wsu.edu/instrumentation-services/"]:hover::before {
	color: #A60F2D;
}

/* adjust spacing on top of the carousel */
.wsu-carousel {
	padding-top: 20px;
}

/* on pages with multiple hero banners, alternate the left/right positioning of the text box and adjust right margin */
.wsu-article div:nth-child(even of .wsu-hero) .wsu-hero__inner-content-wrapper {
	flex-direction: row-reverse;
}

.wsu-article div:nth-child(even of .wsu-hero) .wsu-hero__inner-content-wrapper .wsu-hero__title-wrapper {
	margin-right: 0;
}

/* adjust size and shadow of thumbnail images in article list*/
.wsu-article.wsu-style--index .wsu-article__thumbnail {
	flex: 0 0 200px;
}

.wsu-article.wsu-style--index .wsu-article__thumbnail img {
	box-shadow: 0 3px 6px #aaa;
}

.wsu-article.wsu-style--index {
	margin-bottom: .5rem;
	padding-bottom: 3rem;
	border-bottom: 6px solid #eee;
}

.wsu-article.wsu-style--index:last-child {
	border-bottom: none;
}

.or-center-caption figcaption {
	text-align: center;
}

.or-center-caption figcaption::before {
	content: '';
}

/* hover effect for head and footer logo */
.wsu-coug-head {
	transition: fill .5s, transform .5s;
}

.wsu-coug-head:hover {
	fill: #4D4D4D;
	transform: scale(105%);
}

.wsu-coug-head--white:hover {
	fill: #a60f2d;
}

/* add crimson border to bottom of striped tables */
figure.is-style-stripes table {
	border-bottom: 4px solid #a60f2d;
}

/* add crimson border to bottom of tables */
figure.is-style-stripes table td {
	border-right: 1px solid #fff !important;
}

/* reduce gap under tables before captions */
figure.oppTables table {
	margin-bottom: 4px;
}

/* reduce spacing in horizontal nav menu */
.wsu-nav-site-horiz--style-wds a, .wsu-nav-site-horiz--style-wds button {
	padding: .6875rem 1rem;
}

/* ----- CUSTOM FIXED HERO BACKGROUNDS FOR THE BIG IDEA PAGE at https://research.wsu.edu/?page_id=16724 ----- */
/* specific hero background settings */
.shifted-hero-1 {
	z-index: 100;
}

/* styles for shifting hero blocks to fixed backgrounds */
@media (prefers-reduced-motion: no-preference) {
	.wsu-hero.shift-to-fixed-background {
		background-size: cover;
		background-attachment: fixed;
		background-position: top center;
		box-shadow: inset 0 .5em 1em #333;
	}
	
	.wsu-hero.shift-to-fixed-background .wsu-image-frame,
				.wsu-hero.shift-to-fixed-background .wsu-hero__background {
		display: none;
	}
}

/* bullets inside overlap blocks should be triangles */
.wsu-overlap__container ul {
	list-style-type: disclosure-closed;
}

/* ----- 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 stage links ----- */
/* Checks for stagewp.research.wsu.edu links once website is launched (published) */
.logged-in a[href*="stagewp.research.wsu.edu"] {
	background-color: rebeccapurple;
}

/* ----- END Check for stage links ----- */