/*
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.
*/
.home .wsuwp-content-syndicate-list .content-item-excerpt p a img,
.home .more-default {
	display: none;
}

body.archive main#wsuwp-main,
body.single-post main#wsuwp-main {
	margin-top: 80px;
}

body.single-wsuwp_uc_project main#wsuwp-main > section.single {
	margin-top: 50px;
}

.single-wsuwp_uc_project .the-content {
	width: 100%;
}

.post-type-archive-wsuwp_uc_project h2.article-title {
	font-size: 1.6em;
}

#jacket {
	border: 0;
}

body.postid-6309 .wsuwp-content-syndicate-list .wsuwp-content-syndicate-item span.content-item-thumbnail {
	max-width: 400px;
}

figure.featured-image {
	background-position: center;
}

.row.side-right.gutter.pad-ends {
	margin-top: 0;
}

body.postid-6309 .row.side-right.gutter.pad-ends {
	top: 80px;
	margin-top: 0;
}

body.postid-6309 figure.featured-image {
	top: 80px;
	height: auto;
	background-position: center top;
	background-image: none !important;
}

body.postid-6309 figure.featured-image img {
	display: block;
}

@media (max-width: 1119px) {
	body.postid-6309 figure.featured-image {
		top: 70px;
	}
}

@media (max-width: 1113px) {
	body.postid-6309 figure.featured-image {
		top: 112px;
	}
	
	body.postid-6309 section.row.side-right.gutter.pad-ends {
		top: 110px;
	}
}

@media (max-width: 1019px) {
	body.postid-6309 figure.featured-image {
		top: 167px;
	}
	
	body.postid-6309 section.row.side-right.gutter.pad-ends {
		top: 180px;
	}
}

@media (max-width: 910px) {
	body.postid-6309 figure.featured-image {
		top: 0;
	}
	
	body.postid-6309 section.row.side-right.gutter.pad-ends {
		top: 0;
	}
}

@media (min-width: 990px) {
	.blog main {
		padding-top: 6.8em;
	}
}

@media (min-width: 380px) and (max-width: 693px) {
	.widget_archive ul {
		display: grid;
		grid-template-columns: repeat(4,1fr);
	}
}

@media (min-width: 380px) and (max-width: 600px) {
	.widget_archive ul {
		display: grid;
		grid-template-columns: repeat(3,1fr);
	}
}

@media (min-width: 380px) and (max-width: 500px) {
	.widget_archive ul {
		display: grid;
		grid-template-columns: repeat(2,1fr);
	}
}