/*
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.
*/
/* -- GENERAL STYLES --*/
.main-header {
	background-color: #981e32;
}

/* -- NEWS STYLES -- */
.cmr-news ul {
	list-style-type: none;
}

.cmr-news ul li {
	padding-bottom: 1.5em;
}

.cmr-news .wsuwp-content-syndicate-item {
	border-bottom: solid 2px #e1e1e1;
	margin-bottom: 1em;
}

.cmr-news .content-item-title {
	font-size: 1.2em;
	font-weight: 600;
}

.cmr-news .content-item-byline {
	display: block;
}

.cmr-news .content-item-byline-author {
	display: none;
}

.cmr-news .content-item-excerpt strong {
	font-weight: normal;
}

/* Prevent content/images from spilling into the sidebar */
.row .column img {
	max-width: 100% !important;
	height: auto !important;
}

.row .column figure {
	max-width: 100% !important;
	overflow: hidden;
}

/* If you have figures with multiple images, stack them nicely */
.row .column figure img {
	display: block;
	margin: 0 auto 1rem;
}

/* Home page: stop the first big image from overlapping the right column */
body.home .column.one figure,
body.home .column.one img {
	max-width: 100% !important;
	height: auto !important;
}

/* Extra safety: prevent any overflow from column one */
body.home .column.one {
	overflow: hidden;
}

figcaption {
	padding: 0 0 15px;
	font-style: italic;
	color: #717171;
}

/* Default: desktop */
.mobile-only {
	display: none !important;
}

.desktop-only {
	display: block !important;
}

/* Mobile */
@media (max-width: 768px) {
	.mobile-only {
		display: block !important;
	}
	
	.desktop-only {
		display: none !important;
	}
}