/* ======== COURSES ========*/
#coursestable dd,
#coursestable dt {
	float: left;
}

#coursestable dd {
	margin-left: 0.5em;
}

#coursestable th {
	cursor: pointer;
}

/*Taken from http://cdn-4.psndealer.com/e2/dealersite/images/sort_arrow_up.png*/
#coursestable .sorted {
	background: url("https://education.ucsb.edu/drupal7/sites/default/files/main_images/sort_arrow_up.png") right center no-repeat;
}

/*Taken from http://cdn-4.psndealer.com/e2/dealersite/images/sort_arrow_down.png*/
#coursestable .rsorted {
	background: url("https://education.ucsb.edu/drupal7/sites/default/files/main_images/sort_arrow_down.png") right center no-repeat;
}

.courseDescriptionHidden,
.courseDescr {
	display: none;
}

.courseDescr {
	background: #eee;
	padding: 1em 2em;
}

.result-row td:nth-child(1),
.result-row td:nth-child(2) {
	cursor: pointer;
}


#search_terms {
	max-width: 200px;
	clear: left;
}

#addNewSearchWrap {
	clear: both;
}

#addNewSearch {
	display: inline-block;
	margin-top: 3px;
}

#searchform select {
	margin-bottom: 4px;
	margin-right: 4px;
}

table {
	width: 100%;
}

thead {
	background: #eee;
}

thead th {
	cursor: pointer;
	border-top: 3px solid #eee;
	border-bottom: 3px solid #eee;
}

thead .sorted {
	border-bottom: 3px solid #ccc;
}

thead .rsorted {
	border-top: 3px solid #ccc;
}

tbody td {
	white-space: pre-wrap;
	padding: 0.5em;
}

td ul {
	list-style: none;
	border-left: 1px solid #999;
	padding-left: 5px;
}

#coursestable {
	margin-top: 45px;
}

#coursestable .loading {
	margin: 5em 45%;
	font-weight: bold;
}

#control {
	position: fixed;
	top: 0;
	width: 100%;
	border-bottom: 1px solid #ddd;
	background: #eee;
	margin: 0;
	height: 35px;
}

#filter {
	float: left;
	margin: 5px;
}

#filter input {
	border: 1px inset #bbb;
	color: #333;
}

#filter button {
	height: 12px;
	width: 13px;
	margin-left: -18px;
	margin-bottom: -2px;
	background: url(sprite.png) no-repeat 50% 50%;
	opacity: 0.5;
	border: 0;
	text-indent: -9999em;
	cursor: pointer;
}

#showAll {
	float: right;
	clear: right;
	margin: 5px;
	z-index: 10;
	color: #333;
}

#staleness {
	position: fixed;
	top: 5px;
	left: 40%;
	float: center;
	text-align: center;
	z-index: 8;
	padding: 0;
	margin: 5px 0 0;
	color: #666;
	font-style: italic;
	cursor: pointer;
}

@media(max-width:767px) {
	#coursestable {
		margin-top: 22.5px;
	}
}

/* ======== CURRENTLY FUNDED ========*/
#currentlyFunded table {
	border-spacing: 0;
	border-collapse: collapse;
	clear: both;
}

#currentlyFunded table a,
#currentlyFunded h3 {
	cursor: pointer;
	margin: 0;
}

#currentlyFunded table a:hover,
#currentlyFunded table a:focus{
	text-decoration: underline;
}

#currentlyFunded tbody td>dl {
	border-top: 1px solid #ddd;
	margin-top: 0;
}

#currentlyFunded td {
	min-width: 8em;
	padding: 0.5em 1em;
}

#currentlyFunded dt {
	font-weight: bold;
}

#currentlyFunded tbody tr:nth-child(even) td {
	padding: 0;
	margin: 0;
}

#currentlyFunded tbody tr:nth-child(even) dl {
	padding: 1em 2em;
	overflow: auto;
}

#currentlyFunded dd,
#currentlyFunded dt {
	float: left;
}

#currentlyFunded dd {
	margin-left: 0.5em;
}

#currentlyFunded dt.yearEnd {
	margin-left: 3em;
}

#currentlyFunded .amount {
	float: right;
}

#currentlyFunded dt.amount {
	margin-right: 6em;
}

#currentlyFunded dd.amount {
	clear: right;
	margin-top: -1.5em;
}

#currentlyFunded .sponsor,
#currentlyFunded .abstract {
	margin-top: 1em;
}

#currentlyFunded dt.sponsor,
#currentlyFunded .abstract {
	clear: both;
}

#currentlyFunded dd.abstract {
	white-space: pre-wrap;
}

#currentlyFunded th {
	cursor: pointer;
}

/*Taken from http://cdn-4.psndealer.com/e2/dealersite/images/sort_arrow_up.png*/
#currentlyFunded .sorted {
	background: url("https://education.ucsb.edu/drupal7/sites/default/files/main_images/sort_arrow_up.png") right center no-repeat;
}

/*Taken from http://cdn-4.psndealer.com/e2/dealersite/images/sort_arrow_down.png*/
#currentlyFunded .rsorted {
	background: url("https://education.ucsb.edu/drupal7/sites/default/files/main_images/sort_arrow_down.png") right center no-repeat;
}

#currentlyFunded td[colspan=2] {
	padding: 0 1em;
}


/* ======== FACULTY EXPERTISE SEARCH ========*/
.fesPerson {
	padding-bottom: 5px;
	padding-top: 5px;
}

.fesPerson h1,
.fesPerson h2,
.fesPerson h3,
.fesPerson h4 {
	display: inline;
}

.fesPerson:nth-child(even) {
	background-color: rgb(250, 250, 250);
}


/* ======== FACULTY LISTING BIO ========*/
/* header > h1#page-title {
	margin: 0px 0;
	font-size: 0%;
	line-height: 0em;
}

.field-item  > #musterPictureContent{
	min-width: 230px;
}

.node-content > .field-name-field-announcements {
	width: 240px;
}

#musterPictureContent img{
	width: 215px;
	height: auto;
}

#musterInfoContent dt {
	display: none;
}

#musterInfoContent dd {
	margin-left: 0;
}

#musterInfoContent>dl>dd#Dept {
	margin-bottom: 5px;
}

#musterInfoContent>dl>dd#Room {
	margin-top: 5px;
}

#musterDataContent dt {
        width: 250px;
        -webkit-transition: background-color 0.5s ease,
                    color 0.5s ease;
        -moz-transition: background-color 0.5s ease,
                    color 0.5s ease;
        -o-transition: background-color 0.5s ease,
                    color 0.5s ease;
        transition: background-color 0.5s ease,
                    color 0.5s ease;
        font-family:'Open Sans', 'Trebuchet MS', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        background-color: rgb(231, 244, 253);
        cursor: pointer;
        font-size: 15px;
        /* height: 21px; */
/* padding: 8px 10px 8px 15px;
        border-bottom: 1px solid #fff;
} */

#musterDataContent dt:hover {
	width: 250px;
	font-family: 'Open Sans', 'Trebuchet MS', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	background-color: rgb(101, 172, 227);
	color: #fff;
	cursor: pointer;
	font-size: 15px;
	/* height: 21px; */
	padding: 8px 10px 8px 15px;
	border-bottom: 1px solid #fff;
}


#musterDataContent dd {
	padding-bottom: 5px;
}

#musterDataContent dd:nth-child(odd) {
	background-color: rgb(250, 250, 250);
}


/* ======== FACULTY LISTING ========*/
/* .facultyListing {
	color: #333;
	font-family: sans-serif;
	font-size: 0.7em;
	overflow: auto;
	padding: 0;
}

.facultyListing label {
	display: block;
	width: 350px;
	margin: auto;
	font-weight: bold;
	font-size: 1.2em;
}

.facultyListing select {
	margin-top: 0.7em;
}

.facultyListing .person {
	float: left;
	margin: .5em;
	padding: 2px;
	height: 240px;
	width: 12em;
	cursor: pointer;
}


.facultyListing .person:active {
	box-shadow: none;
}

#formFilter > form {
	margin-bottom: .83em;
}

.field-item.even > h2 {
	margin: 0px;
}

.facultyListing h3, .facultyListing h4 {
	margin: 1em 0 0 0;
	text-align: center;
}

.facultyListing h4 {
	margin: 0.2em 0 0 0;
	font-size: 11px;
}

.facultyListing h3 a {
	font-size: 12px;
	font-weight: bold;
}

.facultyListing img {
	display: block;
	margin: auto;
	max-width: 100px;
	width: 100px;
	border: 1px solid #333;
	margin-bottom: 1em;
}

.facultyListing img[src*=placeholder] {
	opacity: 0.2;
}


#facultyListingLACTS.facultyListing .person {
	display: block;
	height: auto;
	width: 90%;
	margin: 1px;
	float: left;
}

#facultyListingLACTS.facultyListing .person:nth-child(odd) {
	background-color: #eee;
}

#facultyListingLACTS.facultyListing img {
	display: none;
}

#facultyListingLACTS.facultyListing h3, #facultyListingLACTS.facultyListing h4 {
	display: inline;
	text-align: left;
	font-size: 12px
}

#facultyListingLACTS.facultyListing h4:before {
	content: " "
}

#facultyListingResearchers.facultyListing .person {
	display: block;
	height: auto;
	width: 90%;
	margin: 1px;
	float: left;
}

#facultyListingResearchers.facultyListing .person:nth-child(odd) {
	background-color: #eee;
}

#facultyListingResearchers.facultyListing img {
	display: none;
}

#facultyListingResearchers.facultyListing h3, #facultyListingResearchers.facultyListing h4 {
	display: inline;
	text-align: left;
	font-size: 12px
} */

#facultyListingResearchers.facultyListing h4:before {
	content: " "
}

/* .centerColumnContent {
	padding-bottom:2em;
} */

.hidden {
	display: none;
}


/* ======== FACULTY RESEARCH INTERESTS ========*/
#facultyResearchInterests th {
	cursor: pointer;
}

#facultyResearchInterests table,
#facultyResearchInterests thead,
#facultyResearchInterests tr {
	width: 100%;
}

#facultyResearchInterests table a,
#facultyResearchInterests h3 {
	cursor: pointer;
	margin: 0;
}

#facultyResearchInterests table a:hover {
	text-decoration: underline;
}

#facultyResearchInterests tbody td>dl {
	border-top: 1px solid #ddd;
	margin-top: 0;
}

#facultyResearchInterests dt {
	font-weight: bold;
}

/*Taken from http://cdn-4.psndealer.com/e2/dealersite/images/sort_arrow_up.png*/
#facultyResearchInterests .sorted {
	background: url("https://education.ucsb.edu/drupal7/sites/default/files/main_images/sort_arrow_up.png") right center no-repeat;
}

/*Taken from http://cdn-4.psndealer.com/e2/dealersite/images/sort_arrow_down.png*/
#facultyResearchInterests .rsorted {
	background: url("https://education.ucsb.edu/drupal7/sites/default/files/main_images/sort_arrow_down.png") right center no-repeat;
}

/* ======== FACULTY SPOTLIGHT ========*/


/* ======== INSTRUCTOR CODES ========*/
#facultyInstructorCodes table a,
#facultyInstructorCodes h3 {
	cursor: pointer;
	margin: 0;
}

#facultyInstructorCodes dt {
	font-weight: bold;
}

#facultyInstructorCodes th {
	cursor: pointer;
}

#facultyInstructorCodes tr td:nth-child(odd) {
	width: 25%;
}

#facultyInstructorCodes tr td:nth-child(even) {
	width: 75%;
}

/*Taken from http://cdn-4.psndealer.com/e2/dealersite/images/sort_arrow_up.png*/
#facultyInstructorCodes .sorted {
	background: url("https://education.ucsb.edu/drupal7/sites/default/files/main_images/sort_arrow_up.png") right center no-repeat;
}

/*Taken from http://cdn-4.psndealer.com/e2/dealersite/images/sort_arrow_down.png*/
#facultyInstructorCodes .rsorted {
	background: url("https://education.ucsb.edu/drupal7/sites/default/files/main_images/sort_arrow_down.png") right center no-repeat;
}

/* ======== Ocean o' Graphics Changes ========*/

#musterPictureContent img {
	width: 100%;
}

.faculty-info {
	display: -webkit-box;
	display: flex;
}

@media(min-width: 768px) {
	.facultyImage-and-contactInfo {
		width: 320px;
	}

	#musterDataContent {
		-webkit-box-ordinal-group: 3;
		order: 2;
		-webkit-box-flex: 1;
		flex: 1;
		margin-left: 30px;
	}
}

@media(max-width:767px) {
	.faculty-info {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}

	#musterDataContent {
		-webkit-box-ordinal-group: 2;
		order: 1;
	}
}

.faculty-info p {
	font-size: 20px;
	line-height: 28px;
}

.path-node-164 .page-header:not(.faculty-name),
#musterInfoContent button {
	display: none;
}

#musterInfoContent {
	margin-top: 20px;
}

.faculty-name {
	margin-bottom: 60px;
}

p.Name {
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 5px;
}

#musterInfoContent p {
	margin-bottom: 0px;
}

#musterInfoContent>div div {
	margin-top: 10px;
}

#musterInfoContent a {
	text-decoration: none !important;
}

#musterInfoContent a:hover,
#musterInfoContent a:focus {
	text-decoration: underline !important;
}

#musterDataContent button {
	display: block;
	background: none;
	border: none;
	padding: 0px;
	font-weight: 500;
	color: #047C91;
}

#musterDataContent button:not(:last-of-type) {
	margin-bottom: 15px;
}

#musterDataContent button[aria-label='view Biography'] {
	display: none;
}

#musterDataContent button span {
	margin-left: 10px;
	width: 15px;
	display: inline-block;
	height: 10px;
	background: #047C91;
	-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
}


#musterDataContent button span.rotate {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.faculty-title {
	font-weight: 500;
}

@media(max-width:767px) {
	.faculty-name {
		margin-bottom: 30px;
	}

	#musterInfoContent {
		margin-top: 10px;
	}

	p.Name {
		font-size: 20px;
		line-height: 28px;
	}

	.faculty-info p {
		font-size: 16px;
		line-height: 26px;
	}

	#musterDataContent {
		margin-top: 20px;
	}
}

/* FACULTY LIST */
.facultyListing {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
	max-width: 1720px;
	margin: 0 auto;
}

.facultyListing .person {
	width: 25%;
	padding: 0px 15px 60px 15px;
}

#facultyListingLACTS .person{
	width: 20%;
}

.facultyListing .image-container{
	aspect-ratio: 2 / 3
}

.facultyListing .image-container {
	margin-bottom: 20px;
}

.facultyListing .person img {
	display: block;
	  object-fit: cover;    /* crop proportionally */
  object-position: center;
	width: 100%;
	height: 100% !important;
}

.facultyListing .person h3 {
	margin-bottom: 7.5px;
}

.facultyListing .person p {
	font-size: 20px;
	line-height: 28px;
}

.facultyListing img {
	margin-bottom: 20px;
}

h2[id*='facultyListing'],
.facultyForm {
	max-width: 1230px;
	margin: 0 auto 60px auto;
	padding: 0px 30px;
}

h2[id*='facultyListing'] {
	margin-bottom: 60px;
}


@media(min-width: 768px) {
	.facultyForm .select-wrapper {
		max-width: 460px;
	}
}

.courses-header {
	display: none;
}

#coursestable {
	overflow: hidden;
	overflow-x: auto;
	min-height: 0.01%;
	width: 100%;
}

#coursestable table {
	/* display: inline-block;
    overflow: scroll; */
	border-collapse: collapse;
	max-width: 100%;
	width: 100% !important;
	border-spacing: 0;
}


#coursestable table {
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd
}

#coursestable td,
#coursestable th {
	white-space: nowrap
}

@media(max-width:991px) {
	.facultyListing .person,
	#facultyListingLACTS .person {
		width: 50%;
		padding: 0px 15px 30px 15px;
	}

	h2[id*='facultyListing'],
	.facultyForm {
		padding: 0px 15px
	}

	.facultyListing .person p {
		font-size: 16px;
		line-height: 22px;
	}

}

@media(max-width:767px) {

	h2[id*='facultyListing'],
	.facultyForm {
		margin: 0 auto 30px auto;
	}

	.facultyListing .person,
	#facultyListingLACTS .person {
		width: 100%;
	}

}

/* course title */
.result-row>td:nth-of-type(2),
#coursestable thead tr>th:nth-of-type(2) {
	max-width: 220px !important;
	white-space: normal !important;
}

#searchform a:hover,
#coursestable a:hover {
	text-decoration: underline !important;
}

#searchform fieldset>div:not(.add-another-btn) {
	width: 100%;
	margin-bottom: 40px;
}

#search_terms>div:not(:first-of-type) {
	margin-top: 20px;
}

#search_terms button {
	margin-top: 5px;
	font-weight: 500;
	font-size: 16px !important;
	line-height: 22px !important;
	background: #003660 !important;
	color: #FFFFFF !important;
	border: 2px solid #003660 !important;
}

#search_terms button:hover {
	background: #FFFFFF !important;
	color: #003660 !important;
}

#search_terms {
	float: left;
	clear: left;
}

@media (min-width: 767px) {
	#searchform fieldset>div {
		margin-right: 40px;
	}

	.year-filter,
	.quarter-filter {
		max-width: 160px;
		float: left;
	}

	#search_terms {
		max-width: 360px;
	}
}

.btn-container {
	width: 100%;
	clear: left;
}

.add-another-btn {
	width: auto !important;
	float: left;
	margin-top: 35px;
}

@media(max-width: 767px) {
	#search_terms {
		margin-right: 20px;
	}

	#searchform fieldset>div:not(.add-another-btn) {
		margin-bottom: 20px;
	}

}

/* RESEARCH INTERESTS */

#facultyResearchInterests form {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	max-width: 470px;
	margin-bottom: 60px;
}

/* FACULTY EXPERT SEARCH */

#facultyExpertiseSearch fieldset {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}

#facultyExpertiseSearch fieldset>div {
	margin-bottom: 40px;
}
.filter-diver{
	width:100%
}

#facultyExpertiseSearch .filter.byKey input{
	margin-right: 0px;
}
.byName,
.byDept {
	margin-right: 40px;
}

.byName {
	max-width: 280px;
}

.byDept {
	max-width: 397px;
}

.bySpec {
	max-width: 450px;
}

.byKey {
	max-width: 458px;
}

.byKey input {
	width: 100%;
	margin-right: 40px;
}


.byKey div {
	display: -webkit-box;
	display: flex;
}