.clear{
	clear:both;
}
.bg-spartan-blue{
	background-color:#0055A2;
}
.bg-spartan-gold{
	background-color:#E5A823;
}
.bg-spartan-gray{
	background-color:#939597;
}
.top-logo{
	display:inline-block;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
	padding:10px 10px 10px 20px;
}
.hero-img{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
.search-box-area{
	width:50%;
	padding:10px 0px; 
	margin:0 auto;
}


.sidenav {
	min-height: 240px;
}

.sidenav {
	background-color: #ffffff;
	height: 100%;
	padding: 15px;
}

footer {
	background-color: #0055A2;
	color: white;
	padding: 15px;
}
footer a{
	color: #ffffff;
}	
footer a:hover{
	color: #ffffff;
	text-decoration:underline;
}	
.footer-top{
	background: #0055a2;
	background: url(img/chrs-bg-triangles-up-big.svg), linear-gradient(-180deg, #0055a2 20%, #0761b3 100%);
	background-position-y: bottom;
	background-size: 100%, 100%;
	border-top: 5px solid #e5a823;
}
.footer-spartan-icon{
	display:inline-block;
	margin:-73px auto 0px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
	.sidenav {
		height: auto;
		padding: 15px;
	}
	.row.content {
		height: auto;
	} 
}


	
.sjsu-contact-list:li {
    display: block;
	font-size:32px;
}
.sjsu-contact-list li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 20px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;
}	
	

.custom-bullet li {
    display: block;
}
.custom-bullet li:nth-child(1):before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e062";
    font-family: 'Glyphicons Halflings';
    font-size: 24px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #ffffff;
	padding:0px 10px 0px 0px;
}
.custom-bullet li:nth-child(2):before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e182";
    font-family: 'Glyphicons Halflings';
    font-size: 24px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #ffffff;
	padding:0px 10px 0px 0px;
}

.up-jobs li {
    display: block;
}
.up-jobs li:nth-child(1)
{
	text-transform: uppercase;
    font-size: 16px;
	font-weight:400;
    margin-top: 4px;
    margin-left: -17px;
    color: #ffffff;
	padding:20px 10px 0px 0px;
}
.up-jobs li:nth-child(2):before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content:"\2709";
    font-family: 'Glyphicons Halflings';
    font-size: 24px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #ffffff;
	padding:0px 10px 0px 0px;
}
.up-jobs li:nth-child(3):before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e182";
    font-family: 'Glyphicons Halflings';
    font-size: 24px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #ffffff;
	padding:0px 10px 0px 0px;
}

ul.footer-list-one {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 16px;
}

ul.footer-list-one li {
  float: left;
}

ul.footer-list-one li a {
  display: block;
  color: #ffffff;
  text-align: left;
  padding: 16px;
  text-decoration: none;
}
ul.footer-list-one li a:hover {
  text-decoration:underline;
}

ul.footer-list-two {
  list-style-type: none;
  font-size: 16px;
  padding:0px 0px 15px 0px;
}
ul.footer-list-two li:first-child {
  padding:0px 0px 15px 0px;
}
ul.footer-list-two li {
  padding:0px 0px 3px 0px;
}
ul.footer-list-two li a {
  color: #ffffff;
  text-align: left;
  text-decoration: none;
}
ul.footer-list-two li a:hover {
  text-decoration:underline;
}

ul.social-media {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 32px;
  display: inline-block;
}
ul.social-media li {
  float: left;
}
ul.social-media li a {
  display: block;
  color: #E5A823;
  text-align: left;
  padding: 16px;
}
ul.social-media li a:hover {
  opacity: 0.7;
  text-decoration:none;
}


.bottom-gradient{
	display: block;
	height: 20px;
	background: linear-gradient(90deg, #1c88f4 0%, #e5a823 73%) 100% 0 no-repeat;
}
.height-40{
	height:40px;
}