:root {
	--primary-color: #eba91b;
	--primary-hover-color: #000000;

	--banner-background: #000000;
	--banner-color: #eeeeee;
	--banner-height: 60px;
	--banner-logo-image: url(/csulb/img/banner-logo.png);
	--banner-logo-width: 35%;
	--banner-font-family: sans-serif;

	--nav-background: hsl(0, 0%, 0%);
	--nav-text: #eba91b;
	--nav-hover-background: transparent;
  --nav-hover-text: #ffd67a;
	--nav-menu-height: 2.5rem;
	--nav-min-popup-menu-width: 150px;
	--nav-border-size: 4px;

	--tab-backgound: linear-gradient(135deg, rgba(235,169,27,1) 0%, rgba(175,138,49,1) 80%, rgba(194,155,47,1) 100%);
	--tab-color: var(--nav-hover-text);

	--issue-background: #000000;
	--issue-border: #ddd;
	--issue-color: var(--nav-text);
	--issue-hover-background: var(--nav-text);
	--issue-hover-color: #fff200;

	--years-background: #000000;
	--years-color:  var(--nav-text);
	--years-hover-background: var(--nav-text);
	--years-hover-color: #fff200;
	
	--text-color: #eee;

	--container-background:rgb(238, 238, 238);
	--search-hover: rgb(64,79,107);

  --footer-background: var(--nav-background);
	--footer-text: #cccccc;
	--footer-link: rgb(89, 158, 155);

	--page-title-color: var(--nav-background);
		
	--file-btns-background: var(--nav-background);
	--file-btns-color: var(--nav-text);
	--file-btns-hover-background: linear-gradient(135deg, rgba(235,169,27,1) 0%, rgba(175,138,49,1) 80%, rgba(194,155,47,1) 100%);
	--file-btns-hover-color: #fff200;

	--media-link-color: var(--primary-color);
	--media-link-hover-color: #555555;

	--photo-title-color: #202020;

	/* Portal Link on Home Page */
	--portal-link-color: var(--primary-color);
	--portal-link-hover-color: rgb(89, 158, 155);

	--cutoff: 700px;

}

/* body {
	font-size: 16px;
	font-family: 'Lato', sans-serif;
} */

/* .container {
	--container-height: calc(100vh - var(--banner-height) - var(--nav-menu-height) - 56px); 56px Footer 
	padding-bottom: 116px;
} */

/* 
.container p {
	margin: 1rem;
	
} */

.banner-title {
	text-transform: capitalize;
	justify-content: flex-start;
	font-size: 16px;
	margin-left:15px;
	font-style: italic;
}

/* .infopage p {
	text-align: left;
}
.infopage h3 {
	font-weight: revert;
  color: var(--page-title-color);
  text-align: left;
  padding: 0px;
  text-transform: unset;
	margin-left: 1rem;
}

.infopage h1 {
	text-align: left;
	margin: 1rem;
}

.infopage a {
	color: var(--nav-text);
}

.infopage ul {
	text-align: left;
	margin-left: 4rem;
	margin-bottom: 20px;
} */

.msg {
	margin: .5rem;
	font-size: x-small;
}
.msg a {
	color: var(--nav-text);
}


footer {
	height: 56px;
	/* position: absolute; */
}
footer ul {
	list-style-type: none;
	background: transparent;
}

.footer-menu {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	background-color: var(--footer-background);
	color: var(--footer-link);
	height: 2rem;
}

.footer-menu-item a {
	color: var(--nav-text);
	text-decoration: none;
}

.footer-menu-item a:hover {
	color: var(--nav-hover-text);
	text-decoration: underline;
}

footer p {
	/* padding: 5px 0; */
	margin: 1rem;
}

@media only screen and (min-width: 768px) {
	.nav-menu {
		justify-content: flex-end;
		
	}

	.nav-menu-item {
		border-bottom: 4px solid var(--banner-background);
		padding: 0px 1.5rem;

	}

	.nav-menu-item:hover {
		border-bottom: 4px solid var(--nav-text);
		border-radius: 2px;
	}

	nav ul li a {
	  line-height: 2.5rem;
	}
	.msg {
		margin: 2rem 0px 0px 1rem;
		font-size:medium;
	}
}