/*
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.
*/
.attribution {
	font-weight: bold;
	font-size: 12px;
	font-style: oblique;
}

.wsu-article-header {
	display: none;
}

.tribe-events-after-html .footersection {
	display: none;
}

.wsu-article-footer {
	display: none;
}

/*Site footer styles*/
.wsu-footer-site__offsite-menu li a::before {
	overflow: hidden;
}

footer {
	display: block;
}

/*Edits to hero banner ; Adding CMM logo*/
.wsu-hero__caption {
	max-width: 517px;
}

.wsu-hero__caption .wsu-caption {
	height: 0;
	padding-bottom: 61.1%;
	width: 100%;
}

.wsu-hero__caption .wsu-caption:after {
	background: url(https://s3.wp.wsu.edu/uploads/sites/2804/2020/01/CMM-BECU-rev.png) no-repeat center/contain;
	content: "";
	height: 100%;
	position: absolute;
	width: 60%;
}

/*CSS for Fin. Lit. Month Background tiles*/
.weekly-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 90%;
}

.weekly-text a {
	text-decoration: none;
	color: #A60F2D;
	font-weight: bold;
}

.weekly-text a:hover {
	text-decoration: underline;
	color: #4D4D4D;
	font-weight: bold;
}

.weekly-container {
	position: relative;
	text-align: left;
}

.white-box {
	background-color: rgba(255,255,255,0.9);
	padding: 10px;
	overflow: hidden;
}

.white-box li {
	margin: 0;
	font-size: 75%;
}

.week-header {
	background-color: #4D4D4D;
	font-weight: bold;
	color: white;
	padding: 5px;
}

.week1-sub {
	background-color: #AADC24;
	font-weight: bold;
	color: white;
	padding: 5px;
}

.week2-sub {
	background-color: #5BC3F5;
	font-weight: bold;
	color: white;
	padding: 5px;
}

.week3-sub {
	background-color: #FF6727;
	font-weight: bold;
	color: white;
	padding: 5px;
}

.week4-sub {
	background-color: #CA1237;
	font-weight: bold;
	color: white;
	padding: 5px;
}

.events-btn {
	float: right;
	clear: both;
	margin-bottom: 10px;
	color: white;
	border: white solid 1px;
	background-color: #A60F2D;
}

.events-btn:hover {
	color: white;
	border: white solid 1px;
	background-color: #4D4D4D;
}

@media only screen and (max-width: 1450px) {
	.weekly-text h3, .weekly-text h4, .weekly-text p {
		font-size: 75%;
	}
	
	.weekly-text li {
		font-size: 60%;
	}
	
	.smaller-text {
		margin-bottom: 0;
	}
	
	.week2 li {
		font-size: 50%;
	}
	
	.white-box {
		padding: 5px;
	}
	
	.events-btn {
		float: right;
		clear: both;
		margin-bottom: 5px;
		color: white;
		border: white solid 1px;
		background-color: #A60F2D;
	}
}

/*CSS for tiles on homepage*/
.tile-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: .3s;
	padding: 5px;
	border: white solid 1px;
	color: white;
	font-size: 75%;
	font-weight: bold;
	margin: 0;
}

.tile-text:hover {
	background-color: white;
	color: #A60F2D;
}

.tile-text a {
	text-decoration: none;
	color: white;
}

.tile-text a:hover {
	text-decoration: none;
	color: #A60F2D;
}

.tile-container {
	position: relative;
	text-align: center;
	padding: 0;
}

.tile-container::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 97%;
	background: #A60F2D;
	opacity: 0;
	transition: .5s ease;
}

.tile-container:hover::before {
	opacity: .5;
}

/*CSS for Event Calendar page*/
.wsu-meta-date {
	content: "";
}

/*CSS for igrad section on homepge*/
.crimson-text-box {
	background-color: #A60F2D;
	padding: 20px;
	height: 60%;
}

.crimson-text-box h2, .crimson-text-box p {
	color: white;
}

.igrad-list {
	color: white;
}

.igrad-list li {
	list-style: none;
}

.igrad-list a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}

.igrad-list a:hover {
	color: #4D4D4D;
	font-weight: bold;
}

/*CSS for Footer---------------------------------*/
.footer-cmm a {
	text-decoration: none;
	color: white;
}

.footer-cmm a:hover {
	transition: .5s;
}

.footer-cmm {
	margin: 0 auto;
	text-align: center;
	background-color: #A60F2D;
	color: white;
}

.footer-list {
	list-style: none;
	font-size: 16px;
	line-height: 50px;
	vertical-align: top;
	text-decoration: none;
}

.footer-list li {
	position: relative;
}

.footer-list li {
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
	z-index: 1;
}

.footer-list li:before {
	content: "";
	height: 20px;
	width: 1px;
	display: block;
	position: absolute;
	right: 0;
	top: 16px;
}

.footer-list li:last-child:before {
	content: unset;
}

/*END OF CSS for Footer---------------------------------*/