/*
oustyles.css
Add styles to overwrite customer CSS, USE WITH CAUTION.
*/

header .blue {
background: #181e35 !important;
color: #FFFFFF !important;
}


header .yellow {
	background: #f9cd73 !important;
	color: #000 !important; 
}

header .alert.yellow h2, header .yellow.alert p {
	color: #000 !important; 
}

/*I think this is the RED alert but I'm not sure, comment by DHenderson  */
header .alert.yellow a:hover {
	color: #8d0a0a;
}

.pagination-block {
	clear: both;
}

.ou-form #spin img {
	max-width: 150px;
}

list-inline

/* A-Z Index */
ul.horizontal-list {
	padding-top: 20px;
}

ul.horizontal-list li {
	display: inline;
	padding: 10px;
	position: inherit;
}

.horizontal-list li:before {
	content: none;
}

ul.horizontal-list li a {
	display: inline;
	font-size: 150%;
}

/* Search */
@media (min-width: 768px) {
	.quicklinks ul.navbar-nav.ml-auto {
		line-height: 1;
		align-items: center;
	}

	.quicklinks .form-control {
		font-size: 14px;
		padding: 0.375rem 0.75rem;
		line-height: 1.6;
		padding: 5px;
		height: 34px;
	}

	button.searchicon.btn.btn-primary {
		font-size: .9rem;
		width: 58px;
		background-position: center;
		background-repeat: no-repeat;
		background-image: none;
		height: auto;
		color: #000;
		padding: 5px 10px;
		line-height: 1;
		overflow: hidden;
	}

	button.searchicon.btn.btn-primary .button-text {
		display: block;
	}

	button.searchicon.btn.btn-primary.active {
		width: 58px;
		padding: 17px 10px 17px 10px;
		position: relative;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		background-size: 45%;
	}

	.searchbox .input-group-append {
		overflow: hidden;
	}

	button.searchicon.btn.btn-primary.active .button-text {
		display: none;
	}
}


.navigation-zz{

	font-family: "Tahoma", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, "Geneva", Arial, sans-serif;
}
button { cursor: pointer; }


/* Faculty Directory Styling */

/* Added for Bio and Link update for directory */
.col-bio,
.col-link {
	display: none;
	/* max-width: 250px;
	min-width: 120px; */
}

#directory.expandedview tbody .col-bio,
#directory.expandedview tbody .col-link {
	display: block;
	width: 100%;
	clear: left;
	padding: 0;
}

@media (min-width: 480px) {
	#directory.expandedview tbody .col-bio,
	#directory.expandedview tbody .col-link {
		width: 100%;
		padding: 0;
		/* float: left; */
	}
}
#directory.expandedview .d-none { display: none !important; } 

/* end Added for Bio and Link update for directory */
/* Name, Title, Department, Phone Number update for directory */
.col-title { display: table-cell; }
.col-email { display: none; }
/* end Name, Title, Department, Phone Number update for directory */

.interior-feature.directory-feature .interior-header h1 {
	text-align: left;
}

/* news feed listing asset */
.news-feed-content h4 {
  font-family: "Tahoma", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, "Geneva", Arial, sans-serif;
  margin-bottom: 2px; 
  font-size: 1.2rem;
}
.news-feed-content {
  padding-left: 1rem;
  flex-grow: 1;
}
.news-feed-article.hide-description .news-feed-content p {
  display: none;
}
.news-feed-article + .news-feed-article {
    border-top: 1px solid #ddd;
}
.news-feed-article {
    display: flex;
    flex-direction: row;
    position: relative;
    padding-top: .75rem;
    margin-bottom: .75rem;
    clear: both;
}
.news-feed-article:hover h4 {
  text-decoration: underline;
}
.news-feed-content p {
    font-size: .9rem;
	line-height: 1.4;
	margin-bottom: 0;
}
.news-feed-image {
  flex-basis: 35%;
  flex-shrink: 0;
}
.news-feed-article>a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 1;
  text-indent: -9999px;
  outline: none;
}
.connect-card.news-feed {
  color: #000;
  text-align: left;
}
/* end news feed listing asset */