/*
Theme Name: UPMC Hillman Cancer Center Research Website
Description: Custom WordPress theme built for HillmanResearch.UPMC.edu
Author: Kirk Peters
Author URI: http://kirkpeters.com
Template: responsive
Version: 1
Tags: custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, rtl-language-support, featured-images, blog
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: responsive
*/
#upcoming-events .ai1ec-agenda-widget-view .ai1ec-date {
	float: left;
	width: 33.3%;
}

#upcoming-events .ai1ec-agenda-widget-view {
	max-width: none !important;
}

#upcoming-events .ai1ec-subscribe-buttons-widget {
	clear: both;
}

.gf_browser_ie {
	display: block !important;
}

@media screen and (max-width: 650px) {

	a img.alignright,
	.alignright {
			float: none;
			display: block;
			margin: 10px 0;
	}

	a img.alignleft,
	.alignleft {
			float: none;
			display: block;
			margin: 10px 0;
	}
}

.navigation a {
	color: #666;
	padding: 4px 10px;
}

html {
	scroll-behavior: smooth;
}

body.full-width-layout #content-outer,
body.default-layout #content-outer,
body.full-width-no-box #content-outer {
	margin: 0 auto;
	max-width: 1200px;
}

#container {
	margin: 0 auto;
	max-width: 1090px;
	padding: 0 20px;
}

body {
	background: #fff;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	line-height: 1.5em;
}

#arve .arve-wrapper,
#tinymce .arve-wrapper {
	margin-bottom: 0 !important;
}

.post-meta .timestamp,
.post-meta .vcard {
	border-right: none;
}

ol li,
ul li {
	margin: 15px 0;
}

a img.alignnone {
	margin: 0;
}

form div {
	margin-bottom: 0;
}

.gform_wrapper .gsection {
	margin-top: 50px !important;
	margin-bottom: 0px !important;
	padding-bottom: 10px !important;
}

.gform_wrapper .description_above .gfield_description {
	padding: 0 !important;
}

.resource-row p:last-child {
	overflow: hidden;
}

.ubermenu .ubermenu-submenu-type-stack {
	padding-top: 0 !important;
	padding-bottom: 10px !important;
}

.ubermenu-main .ubermenu-item-level-0>.ubermenu-target span {
	border-bottom: 5px solid transparent !important;
	padding-bottom: 5px !important;
}

.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item>.ubermenu-target span,
.ubermenu.ubermenu-main .ubermenu-item-level-0:hover>.ubermenu-target span,
.ubermenu-main .ubermenu-item-level-0.ubermenu-active>.ubermenu-target span {
	border-bottom: 5px solid #771b61 !important;
	padding-bottom: 5px !important;
}

.ubermenu-main .ubermenu-submenu .ubermenu-item-header>.ubermenu-target span {
	background-image: url(images/header-bar.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 10px !important;
}

.ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
	margin-top: 0px !important;
}

/* =Headings
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: 500;
	line-height: 1.2em;
	word-wrap: break-word;
	color: #771b61;
}

h1 {
	font-size: 34px;
	margin-bottom: .5em;
	margin-top: .5em;
}

h2 {
	font-size: 26px;
	margin-bottom: .75em;
	margin-top: .75em;
}

h3 {
	font-size: 20px;
	margin-bottom: .857em;
	margin-top: .857em;
}

.gform_wrapper h3 {
	font-size: 18px;
	color: black;
	font-weight: 700 !important;
	margin: 30px 0 0 0
}

.widget-title h3,
.widget-title-home h3 {
	display: block;
	font-size: 20px;
	font-weight: 400;
	line-height: 23px;
	color: black;
	margin: 0;
	padding: 0;
	text-align: left;
}

h4 {
	font-size: 1.500em;
	/* = 24px */
	margin-bottom: 1em;
	margin-top: 1em;
}

@media screen and (max-width: 650px) {
	h1 {
			font-size: 24px;
	}

	h2 {
			font-size: 20px;
	}

	h3 {
			font-size: 18px;
	}
}

/* =Links
-------------------------------------------------------------- */
a {
	transition: all .3s ease-in-out;
	color: #06a8cc;
	text-decoration: none;
}

a {
	border-bottom: 1px solid transparent;
}

a:hover,
a:focus,
a:active {
	color: #06a8cc;
	outline: 0;
	text-decoration: none;
}

#container a:hover {
	border-bottom: 1px solid #06a8cc;
}

.pfd-link {
	padding-left: 30px;
	background-image: url(images/pdf.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;
}

#breadcrumbs a {
	color: #771b61;
}

#breadcrumbs a:hover {
	border-color: #771b61;
}

#widgets a {
	color: #771b61;
}

#widgets a:hover {
	border-color: #771b61;
}

/* =Buttons
-------------------------------------------------------------- */
a.button,
input[type='reset'],
input[type='button'],
input[type='submit'] {
	font-family: 'Montserrat', sans-serif;
	-moz-border-radius: 20px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 20px;
	background-color: #771b61;
	/* Alabaster */
	background-image: none;
	box-shadow: none;
	border: none;
	border-radius: 20px;
	color: white;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	padding: 4px 30px;
	text-shadow: none;
}

a.button:hover,
input[type='reset']:hover,
input[type='button']:hover,
input[type='submit']:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background-color: black;
	background-image: none;
	border: none;
	box-shadow: none;
	color: white;
}

a.button:active,
input[type='reset']:active,
input[type='button']:active,
input[type='submit']:active {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background-color: black;
	background-image: none;
	border: none;
	box-shadow: none;
	color: white;
}

.sidebar-menu .sidebar-menu-title {
	font-size: 20px;
}

.sidebar-menu ul,
#widgets ul {
	padding: 0;
	margin: 0;
}

.sidebar-menu li,
#widgets li {
	list-style: none;
	margin: 10px 0;
}

.sidebar-menu li.current_page_item a {
	font-weight: 600;
}

.skip-container {
	padding: 0;
}

#header-top {
	padding: 10px 20px;
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 10px;
}

.top-widget {
	clear: none;
	float: none;
	width: auto;
	text-align: left;
	padding: 0;
	margin: 0;
}

#top-right {
	float: right;
	width: 75%;
	text-align: left;
	padding: 0;
	margin: 0;
	position: relative;
}

.top-widget p,
.top-widget img {
	margin: 0;
}

#top-left {
	float: left;
	width: 25%;
	position: relative;
}

#top-left p,
#top-left img {
	margin: 0;
}

#text-2 {
	float: left;
}

#text-2 img {
	width: 200px;
}

#search-2 {
	position: absolute;
	top: 0;
	right: 0;
}

.hill-search-open {
	left: 0;
}

#nav_menu-2 {
	float: right;
	margin-right: 40px;
}

#menu-top-menu {
	list-style: none;
	margin: 5px 0;
	padding: 0;
}

#menu-top-menu li {
	display: inline-block;
	margin: 0;
}

#menu-top-menu li a {
	font-family: 'Montserrat', sans-serif;
	color: #771b61;
	font-size: 16px;
	padding: 0 5px;
}

#menu-top-menu li a:hover {
	border-color: #771b61;
}

/* =Top Menu old
-------------------------------------------------------------- */
.top-menu {
	float: right;
	text-align: right;
	margin: 5px 0;
	padding: 0;
	width: 50%;
}

.top-menu li a {
	font-family: 'Montserrat', sans-serif;
	border-left: none;
	color: #771b61;
	font-size: 16px;
	padding: 0 5px;
}

.top-menu li a:hover {
	color: black;
}

.top-menu li:last-child a {
	padding-right: 20px;
}

#ubermenu_navigation_widget-2 {
	float: right;
}

.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
	padding: 1px 20px !important;
	margin-top: -5px;
}


@media screen and (min-width: 801px) {
	.hide-desktop {
			display: none;
	}

	#ubermenu_navigation_widget-2 {
			display: none;
	}
}

@media screen and (max-width: 800px) {
	.hide-mobile {
			display: none;
	}

	.hide-desktop {
			display: block;
	}

	#header-top {
			padding: 10px 20px;
	}

	#top-right {
			float: none;
			width: 100%;
			border-bottom: 1px solid #d7d7d7;
			padding-bottom: 10px;
			margin-bottom: 10px;
	}

	#top-left {
			clear: both;
			float: none;
			width: 100%;
	}

	#text-2 {
			position: absolute;
			top: 0;
			left: 0;
			max-width: 50%;
	}

	#menu-top-menu li a {
			font-size: 14px;
	}

	#header-top {
			border-bottom: none;
			margin-bottom: 0;
	}

	#header-top {
			border-bottom: none;
			margin-bottom: 0;
	}

}

#header-middle {
	clear: both;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: flex-end
}

#logo {
	float: left;
	margin: 0;
	width: 25%;
}

#logo img {
	width: 325px;
}



#logo a {
	display: block;
	margin: 0 20px;
	border: none;
}

#logo a:hover {
	border: none;
}

#menu-wrapper {
	float: right;
	width: 75%;
}

.main-nav {
	clear: none;
	float: none;
	width: auto;
}

.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
	padding: 1px 20px;
	text-align: right;
	color: #771b61;
	font-size: 22px;
}

@media screen and (max-width: 1500px) {
	#header-middle {
			display: block;
	}

	#logo {
			width: 100%;
			text-align: left;
	}

	#menu-wrapper {
			width: 100%;
	}
}

#header-bottom {
	clear: both;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	font-size: 11px;
	line-height: 1.4em;
	color: #666;
	margin: 10px 0;
}

#header-bottom-title {
	background: -moz-linear-gradient(left, rgba(119, 27, 97, 1) 0%, rgba(119, 27, 97, 0) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(119, 27, 97, 1) 0%, rgba(119, 27, 97, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(119, 27, 97, 1) 0%, rgba(119, 27, 97, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#771b61', endColorstr='#00771b61', GradientType=1);
	/* IE6-9 */
	font-size: 24px;
	line-height: 1em;
	color: white;
	text-transform: uppercase;
	padding: 5px 60px 5px 20px;
	min-width: 25%;
}

#header-bottom-content {
	text-align: center;
	padding: 3px 20px;
	flex-grow: 3;
}

@media screen and (max-width: 650px) {
	#header-bottom {
			display: block;
	}

	#header-bottom-content {
			text-align: left;
			width: auto;
	}

	#header-bottom-title {
			margin: 10px 0;
	}
}

#content {
	margin-top: 0px;
	margin-bottom: 0px;
}

#content-full {
	margin-top: 0px;
	margin-bottom: 0px;
}

#content-archive {
	margin-top: 0px;
	margin-bottom: 0px;
}

#content-blog {
	margin-top: 0px;
	margin-bottom: 0px;
}

body.home #wrapper {
	margin: 0 auto 20px auto;
}

#wrapper {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-color: transparent;
	border: none;
	border-radius: 0px;
	margin: 20px auto 20px auto;
	padding: 0;
}

.widget-wrapper {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-color: transparent;
	border: none;
	border-radius: 0px;
	margin: 0 0 20px;
	padding: 20px;
}

.widget-wrapper .widget-wrapper {
	margin: 0;
	padding: 0;
}

.colophon-widget {
	padding: 0;
}

#sow-editor-2 p {
	margin: 0;
}

#sow-editor-2 img {
	margin: 10px;
	vertical-align: middle;
}

#home-callouts {
	color: #771b61;
}

#home-callouts img,
#home-callouts p {
	margin: 0;
}

#home-callouts h3 {
	margin: 8px 0;
}

.home #pg-2-2 {
	margin-left: -100px;
	margin-right: -100px;
}

@media screen and (max-width: 1400px) {
	.home #pg-2-2 {
			margin-left: 0;
			margin-right: 0;
	}
}

#director-image img {
	border: 2px solid #122061;
	margin-bottom: 0;
}

@media screen and (max-width: 780px) {
	#directors-message h2 {
			margin-top: 0;
	}

	#director-image p {
			margin-bottom: 0;
	}
}

.hillman-button {
	transition-property: background-color;
	transition-duration: 1s;
	display: inline-block;
	margin: 20px;
	background-color: #771b61;
	border-radius: 20px;
	color: white;
	padding: 10px 20px;
	font-size: 16px;
}

.hillman-button:hover {
	background-color: #773f6a;
	color: white;
}

#online-donation a {
	margin-left: 0;
}

#footer {
	max-width: none;
	padding: 0;
	background-color: #771b61;
	font-size: 12px;
	line-height: 1.4em;
	font-weight: 500;
	color: white;
	text-align: center;
}

#footer p {
	margin: 10px 0;
}

#footer .grid {
	margin-bottom: 0;
}

#footer a {
	color: white;
	font-weight: 500;
}

#footer a:hover {
	color: black;
}

#footer .widget-wrapper {
	margin: 0;
}

.footer-mobile {
	display: none;
}

#text-3 {
	text-align: right;
}

#text-4 {
	text-align: left;
}

#text-3 p,
#text-4 p,
#text-3 img,
#text-4 img {
	margin: 0;
}

/* =Footer Menu
-------------------------------------------------------------- */
.footer-menu {
	text-align: center;
	margin: 0;
}

.footer-menu li a {
	border-left: 1px solid white;
	color: white;
	padding: 0 8px;
}

.footer-menu li a:hover {
	color: black;
}

.footer-menu>li:first-child>a {
	padding: 0 8px 0 0;
}

#copyright {
	font-size: 10px;
}

@media screen and (max-width: 980px) {
	.footer-screen {
			display: none !important;
	}

	.footer-mobile {
			display: block;
	}

	#footer .col-220 {
			display: inline-block;
			width: auto;
	}

	#footer .col-220 .widget-wrapper {
			padding-top: 0;
	}
}

.contact-name {
	font-size: 18px;
	font-weight: 600;
	color: #771b61;
}

.contact-info p {
	margin: 0;
}

.feed-element {
	clear: both;
	margin: 20px 0;
}

.funding-filters .filter {
	margin: 10px 0;
}

.funding-filters {
	font-size: 18px;
}

.funding-filters input {
	margin: 0 10px;
}

.funding-element {
	clear: both;
	margin: 20px 0;
}

.funding-header {
	font-weight: 700;
}

.funding-wrapper {
	padding-right: 20px;
}

.funding-title {
	display: inline-block;
	vertical-align: top;
	width: 60%;
}

.funding-category {
	display: inline-block;
	vertical-align: top;
	width: 14%;
}

.funding-deadline {
	display: inline-block;
	vertical-align: top;
	width: 24%;
}



@media screen and (max-width: 780px) {
	.funding-header {
			display: none;
	}

	.funding-title {
			display: block;
			width: auto;
	}

	.funding-category {
			display: block;
			width: auto;
	}

	.funding-category .funding-wrapper::before {
			content: "Category: ";
	}

	.funding-deadline {
			display: block;
			width: auto;
	}

	.funding-deadline .funding-wrapper::before {
			content: "Deadline: ";
	}
}

.investigators {
	position: relative;
}

.loading-image {
	transition-property: opacity;
	transition-duration: .5s;
	opacity: 0;
	text-align: center;
	position: absolute;
	top: 0;
	padding: 50px 0;
	width: 100%;
	z-index: -1;
}

.loading-image-active {
	transition-delay: .5s;
	opacity: 1;
}

.investigators-wrapper {
	transition-property: opacity;
	transition-duration: 1s;
}

.investigators-loading {
	opacity: 0;
}

.investigator {
	margin: 10px 0;
	position: relative;
	font-size: 15px;
	color: black;
	font-weight: 500;
	background: #f0f0f0;
	border-radius: 2px;
	border: 2px solid #eee;
	box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);

}

.investigator-hide.investigator-summary-wrapper {
	padding: 0 10px;
}

.investigator-program {
	width: 50%;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
}

.investigator-email {
	width: 33%;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
}

.investigator-phone {
	width: 33%;
	display: inline-block;
	font-size: 15px;
	/*   float: left;*/
	font-weight: bold;
}

.investigator-contact {
	font-size: 15px;
	display: inline-block;
	float: left;
	font-weight: bold;
}

.investigator-hide {
	transition-property: opacity;
	transition-duration: 1s;
	opacity: 1;
}

.investigator-hide-active {
	opacity: 0;

}

.hidden {
	visibility: hidden;
	display: none;
}


.investigator-height {
	transition-property: height;
	transition-duration: 1s;
	overflow: hidden;

}

.summary-height-guide,
.investigator-summary-height {
	overflow: hidden;
}

/*.investigator a {
	 font-size: 14px;
	 color: inherit;
	 font-weight: bold;
}*/

.investigator-title {
	font-size: 24px;
	line-height: 26px;
	/*  color:#d3d3d3;*/
}

.page-id-3599 h1.entry-title.post-title {
	font-size: 30px !important;
	color: #fff !important;
	font-weight: bold !important;
}

.inv-grid .inv-col-1 .post-entry {
	width: 100%;
	margin: 10px;
}
@media screen and (max-width: 650px) {

	.page-id-3599 h1.entry-title.post-title {
			text-align: center;
			padding: 0;
	}

	.letter-menu-title-h2 {
			font-size: 17px;
			color: #fff;
			text-align: center;
			margin: 0;
			padding: 0;
	}

	.inv-grid .inv-col-1 .post-entry {
			width: 90%;
			margin: 0 auto;
	}

}

.letter-menu-title-h1 {
	font-size: 30px;
	color: #fff;
	font-weight: bold;
}

.letter-menu-title-h2 {
	font-size: 17px;
	color: #fff;
}

.investigator-name.investigator-title {
	color: #333;
	margin: 0;
	padding-bottom: 10px;

	font-weight: bold;
	font-size: 26px;
}


.investigator-email,
.investigator-phone,
.investigator-program {
	padding-bottom: 10px;
}

.investigator-email a {
	font-size: 15px;
	color: inherit;
	font-weight: bold;
}


.investigator-title a {
	font-size: 18px;
	color: #d3d3d3;
	text-decoration: underline;
	border-bottom: none;
}

.investigator-title a:hover {
	border-bottom: none;
}

.investigator div {
	margin: 0;
}

/*.investigator-left {
	display: grid;
	padding-top: 10px;
}*/

.investigator-right {
	/*display:grid;*/
	/*padding: 10px;*/
}

.investigator-left-column {
	/*  float:left;
	width:48%; */
}

.investigator-right-column {
	/*  float:right;
	width:48%; */
}

.investigator-image {
	float: left;
	clear: both;
	margin-right: 15px !important;

}

.investigator-image img {
	height: 250px;
	width: 320px;
	min-width: 300px;
	min-width: 300px;
	height: 278px;
	object-fit: cover;
	max-width: 100%;

}

@media screen and (max-width: 1200px) {
	.inv-hero {
			width: 100%;
			background-color: #0a56a7 !important;
			height: 406px;
			background: unset;
			background-size: contain;
			position: relative;
	}
}


@media screen and (max-width: 1100px) {
	.investigator-left-column {
			float: none;
			width: auto;
	}

	.investigator-right-column {
			float: none;
			width: auto;
	}
}

@media screen and (max-width: 650px) {
	.investigator {
			margin: 40px 0;
	}

	.investigator-left {
			float: none;
			width: auto;
	}

	.investigator-right {
			float: none;
			width: auto;
	}

	.investigator-image {
			position: static;
			float: left;
			width: 100%;
			height: auto;
			clear: both;
	}
}

.letter-menu {
	list-style: none;
	margin: 10px 0;
	padding: 0;
	display: none;
	text-align: center;
}

.letter-menu-item {
	display: inline-block;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	width: 25px;
	border-left: 2px solid purple;
	margin: 0;
	color: #fff;
	opacity: 0;

}

.letter-menu-item:hover {
	cursor: pointer;
}

.letter-menu-item:first-child {
	border-left: none;
}

.letter-menu-title {
	margin: 10px 0 0 0;
	font-size: 15px;
	/*color:#771b61;*/
	color: #fff;
}

.investigator-filters {
	margin: 5px 0 0 0;
}

.filter {
	margin: 10px 0 0 0;
}

input#keyword-search::placeholder,
input#name-search::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #000;
	opacity: 1;
	/* Firefox */
	font-size: 15px;

}

input#name-search,
input#keyword-search,
select#program-search,
select#theme-search {
	padding: 10px;
}

.investigator-filters-left {
	/*  float:left;
	width:50%;
	white-space:nowrap; */
}

.investigator-filters-right {
	/*  float:right;
	width:50%; */
	/*white-space: nowrap;*/
}

.investigator-filters {
	font-size: 18px;
}

.investigator-filters input {

	border-radius: 20px;
	width: 50%;
	/*float: left;*/
	margin: 9px 0px 0px 4px;
	padding: 10px;
}

.filter select {
	padding: 10px;
	width: 50%;
	border-radius: 20px;
	margin: 9px 0px 0px 4px;
}

.investigator-filters select {
	max-width: 350px;
	font-size: 16px;
}

@media screen and (max-width: 1100px) {
	.investigator-filters-left {
			float: none;
			width: auto;
			white-space: normal;
			margin: 10px 0;
	}

	.investigator-filters-right {
			float: none;
			width: auto;
			white-space: normal;
			margin: 10px 0;
	}

	.investigator-filters select {
			max-width: 100%;
	}
}

@media screen and (max-width: 650px) {
	.investigator-filters input {
			display: block;
			margin: 10px 0;
			width: 100%;
			max-width: 100%;
	}

	.filter .fa-search {
			position: absolute;
			top: -31px;
			left: 250px;
	}

	.investigator-filters input[type="text"] {
			width: 100%;
			max-width: 100%;
			/*background: url(images/comment-author.gif) #fff no-repeat scroll 7px 7px;*/
			/*  padding-left: 30px;*/
	}

	.investigator-filters input {

			border-radius: 20px;
			width: 100%;
			/*float: left;*/
			margin: 9px 0px 0px 4px;
			padding: 10px;
	}

	.filter select {
			padding: 10px;
			width: 100%;
			max-width: 100%;
			border-radius: 20px;
			margin: 9px 0px 0px 4px;
	}

	.investigator-filters select {
			width: 100%;
			max-width: 100%;
			font-size: 16px;
	}
}


.fa-solid .fa-magnifying-glass {
	font-family: FontAwesome;
	content: "\f002";
}

.navigation .previous {
	line-height: 1.1em;
	margin: 10px 0;
	width: 50%;
}

.navigation .next {
	text-align: right;
	line-height: 1.1em;
	margin: 10px 0;
	width: 50%;
}

/* REFACTORED INVESTIGATOR HERO SECTION CSS */

#inv-hero {
	background: #0a56a7;
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
}

#inv-hero * {
	box-sizing: border-box;
}

.inv-grid > .post-entry {
	display: grid;
	grid-template-columns: 1fr 2fr;
}

#inv-filter-section,
#inv-image-section {
	padding: 1em;
}

#inv-filter-section {
	color: #fff;
}

#inv-filter-section a,
#inv-filter-section p {
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-weight: 400;
}

#inv-filter-section h1,
#inv-filter-section h1.post-title {
	margin: 0;
	color: #fff;
}

#inv-filter-section h2 {
	color: #fff;
	margin: .25em 0 2em 0;
	font-weight: 500;
	font-size: 1.25em;
}

#inv-filter-section label {
	display: block;
	position: relative;
	margin: 1em 0;
}

#inv-filter-section input,
#inv-filter-section select {
	background: #fff;
	color: #363533;
	font-size: 1em;
	padding: .75em 1em;
	border: none;
	border-radius: 20px;
	width: 100%;
}

#inv-filter-section select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor: pointer;
}

#inv-filter-section .select-wrapper {
	position: relative;
}

#inv-filter-section .select-wrapper::after {
	content: "▼";
	color: #0a56a7;
	font-size: 1.25em;
	pointer-events: none;
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
}

#inv-filter-section input::placeholder,
#inv-filter-section select {
	color: #363533;
	opacity: 1;
}

#inv-filter-section button {
	background: transparent;
	border: none;
	color: #0a56a7;
	outline: none;
	position: absolute !important;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
}

#inv-filter-section button:hover {
	cursor: pointer;
	transform: translateY(-50%) scale(120%);
}

#inv-filter-section button i,
#inv-filter-section a i {
	font-style: normal; /* TODO: remove in prod? */
}

#inv-image-section {
	background-size: cover;
	background-position: right 45%;
	background-image: url('/wp-content/themes/responsive-child/images/upmc-investigators-hero.jpg');
	background-repeat: no-repeat;
	min-height: 500px;
	position: relative;
}

#inv-image-section p {
	background: #fff;
	color: #0a56a7;
	display: inline-block;
	font-size: 1.5em;
	padding: .75em;
	position: absolute;
	bottom: 10%;
	right: 10%;
	font-weight: 400;
}

.sr-only {
	opacity: 0;
	display: block;
	height: 0px;
	width: 0px;
}

@media (max-width: 650px) {
	.inv-grid {
		display: block;
	}

	#inv-image-section {
		display: none;
	}
}

#inv-hero .inv-col-2 {
		display: none !important;
}

/* END REFACTORED INVESTIGATOR HERO SECTION CSS */

/* START REFACTORED INVESTIGATOR CARDS SECTION CSS */

#investigator-cards {
	max-width: 1400px;
	margin: 0 auto;
}

#investigator-cards * {
	box-sizing: border-box;
}

.investigator-card {
	display: grid;
	grid-template-columns: 1fr 3fr;
	background: #f0f0f0;
	min-height: 300px;
	margin: 0 auto 1em auto;
}

.investigator-card:nth-child(even) {
	background: #fff;
}

.investigator-card .inv-image {
	background-position: top;
	background-repeat: no-repeat;
	background-color: #DBD9D6;
	background-size: cover;
}

.investigator-card .inv-image img {
	display: none;
}

.inv-info {
	position: relative;
	border-left: 0px;
	padding: 1em;
	border: 1px solid #DBD9D6;
	border-left: none;
}

.inv-supplemental-buttons,
.inv-interests-keywords {
	display: none;
}

.inv-info h3 {
	color: #333;
	margin: 0;
	font-size: 2em;
	font-weight: bold;
}

.inv-info h4 {
	color: #333;
	margin: .25em 0 1em 0;
	font-size: 1.25em;
	font-weight: bold;
}

.inv-info h5 {
	color: #333;
	margin: 1em 0 0 0;
	font-size: 1.25em;
	font-weight: bold;
}

.inv-info p {
	margin: .5em 0 1em 0;
}

.inv-summary-container.truncated {
	max-height: 150px;
	overflow-y: hidden;
	position: relative;
	margin-bottom: 1em;
}

.inv-summary-container.truncated::after {
	content: "";
	height: 100%;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	-webkit-box-shadow: inset 0px -35px 14px -4px rgba(240,240,240,.9);
	-moz-box-shadow: inset 0px -35px 14px -4px rgba(240,240,240,.9);
	box-shadow: inset 0px -35px 14px -4px rgba(240,240,240,.9);
	}

.investigator-card:nth-child(even) .inv-summary-container.truncated::after {
	-webkit-box-shadow: inset 0px -35px 14px -4px rgba(255,255,255,.9);
	-moz-box-shadow: inset 0px -35px 14px -4px rgba(255,255,255,.9);
	box-shadow: inset 0px -35px 14px -4px rgba(255,255,255,.9);
}

.inv-contact-info > span {
	display: inline-block;
	margin-right: 1em;
	margin-bottom: 1em;
	vertical-align: top;
}


.investigator-card .inv-contact-info a {
	font-weight: bold;
	text-decoration: none;
	color: #333;
	transition: 300ms;
}

.investigator-card .inv-contact-info a:hover {
	border-bottom: 0px !important;
	text-decoration: underline;
	color: #0092B4;
}

.inv-contact-info .inv-office-address {
	display: none;
	margin-left: 30px;
	margin-right: 0;
	font-weight: bold;
}

.inv-contact-info .inv-office-address > i {
	margin-left: -30px;
	margin-right: 7px;
}

.investigator-card .inv-button-link {
	border-radius: 20px;
	display: inline-block;
	padding: .5em 1em;
	background: #0a56a7;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	margin: 0 .5em .5em 0;
}

.investigator-card .inv-button-link:hover {
 background: #0e4c8f;
 color: #fff;
}


@media (max-width: 1000px) {
	.investigator-card {
		grid-template-columns: 1fr 3fr;
	}
}

@media (max-width: 650px) {
	.investigator-card {
		display: block;
		min-height: none;
		max-width: 350px;
	}

	.investigator-card .inv-image img {
		display: block;
		height: auto;
		width: 100%;
		object-fit: cover;
	}
	
	.inv-info {
		border-left: 1px solid #DBD9D6;
		border-top: none;
	}

	.inv-info .inv-info-content {
		position: static;
		transform: none;
		
	}

	.inv-contact-info > span {
		display: block;
		margin: 0 0 .5em 0;
	}

	.inv-info h4 {
		margin: .25em 0 1.5em 0;
	}

	.inv-info h5 {
		margin: 1.5em 0 0 0;
	}

}

/* END REFACTORED INVESTIGATOR CARDS SECTION CSS */

#post-1579 table img {
	margin: 0;
	vertical-align: top;
}

#post-1579 table table {
	margin: 0;
	border: none;
	vertical-align: top;
	margin: -10px
}

#post-1579 td {
	padding: 10px;
	border: none;
}

#post-1748 th {
	text-align: left;
}

.member-publication-element {
	margin: 20px 0;
}

.gform_wrapper #field_8_120 .gfield_checkbox li label {
	vertical-align: top;
	font-size: 1em;
}

.gform_wrapper #field_8_120 .gfield_checkbox li input {
	vertical-align: top;
	margin: 3px 3px 0 0;
}


/* Search icon by IcoMoon, made with http://icomoon.io/app/ */
@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon/icomoon.eot');
	src: url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
			url('../fonts/icomoon/icomoon.woff') format('woff'),
			url('../fonts/icomoon/icomoon.ttf') format('truetype'),
			url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.sb-search {
	position: relative;
	width: 0%;
	min-width: 32px;
	height: 32px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 100% !important;
	height: 32px;
	margin: 0;
	z-index: 10;
	padding: 20px 65px 20px 20px;
	font-family: inherit;
	font-size: 20px;
	color: #2c3e50;
}

.sb-search-input::-webkit-input-placeholder {
	color: #771b61;
}

.sb-search-input:-moz-placeholder {
	color: #771b61;
}

.sb-search-input::-moz-placeholder {
	color: #771b61;
}

.sb-search-input:-ms-input-placeholder {
	color: #771b61;
}

.sb-icon-search,
.sb-search-submit {
	width: 32px;
	height: 32px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff;
	/* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	/* IE 8 */
	filter: alpha(opacity=0);
	/* IE 5-7 */
	opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: #771b61;
	z-index: 90;
	font-size: 16px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
	font-family: FontAwesome;
	content: "\f002";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
	left: 0;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #661753;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}

#input_8_120 label {
	font-weight: 400;
}

#field_5_83,
#field_5_85,
#field_5_88,
#field_5_98,
#field_5_99,
#field_5_92,
#field_5_93,
#field_5_97,
#field_5_89,
#field_5_90,
#field_5_100 {
	display: none;
}

#field_2_53,
#field_2_54,
#field_2_55,
#field_2_58,
#field_2_59,
#field_2_57,
#field_2_60,
#field_2_62,
#field_2_63,
#field_2_64 {
	display: none;
}

#field_3_56,
#field_3_57,
#field_3_58,
#field_3_60,
#field_3_62,
#field_3_59,
#field_3_61,
#field_3_63,
#field_3_64,
#field_3_65 {
	display: none;
}

#field_4_56,
#field_4_57,
#field_4_58,
#field_4_60,
#field_4_61,
#field_4_59,
#field_4_62,
#field_4_63,
#field_4_64,
#field_4_65 {
	display: none;
}

/*a.investigators-view-more-button {
	background: #cecece;
	border: 2px solid #333;
	padding: 8px 20px;
	border-radius: 20px;
	width: 230px;
}*/

.investigator-button-clicked {}

.investigator-button {
	font-weight: bold;
	color: #000;
	font-size: 15px;
	margin-right: 10px !important;

}

a.investigator-button {
	text-decoration: none;
	display: inline-block !important;
	background-color: #0a56a7;
	float: left;
	border-radius: 20px;
	color: #fff;
	padding: 5px 20px;
	font-size: 15px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	transition-duration: 0.3s
}

a.investigator-button:hover {
	background-color: #0e4c8f;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
}


button#keyword-button,
button#name-button {
	background: transparent;
	border: 0;
	position: relative;
}

button#name-button:hover {
	cursor: pointer;
}

button#keyword-button:hover,
button#name-button:hover {
	background: transparent;
	border: 0;
	cursor: pointer;
}

.investigators-read-more-link {
	/*     transition-property: background-color;;*/
	transition-duration: .3s;
	display: inline-block;
	font-weight: bold;
	background-color: #0a56a7;
	border-radius: 20px;
	color: #fff;
	padding: 5px 20px;
	font-size: 15px;

}

.investigators-read-more-link .fa-caret {
	color: #fff;
}

.investigators-read-more-link:hover {
	background-color: #0e4c8f;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	font-size: 15px;

}

div#post-3599 {

	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}


div#filter-program,
div#filter-theme {
	color: white;
	font-size: 15px;
	display: block;
	clear: both;
}


.investigator-summary {
	font-size: 15px;

}

.investigator-summary p {
	padding: 5px;
	margin: 0;
	font-size: 15px;
	height: auto;


}

.investigator-publications.investigator-title a,
.investigator-website.investigator-title a {
	font-weight: bold;
}

.inv-hero {
	width: 100%;
	background-color: #0a56a7 !important;
	height: 445px;
	background: url(/wp-content/themes/responsive-child/images/investigators-hero.jpg) center right no-repeat;
	background-size: contain;
	position: relative;
}

@media screen and (max-width: 650px) {
	.inv-hero {
			width: 100%;
			background-color: #0a56a7 !important;
			height: 406px;
			background: unset;
			background-size: contain;
			position: relative;
	}

}

.inv-grid {
	display: flex;
	max-width: 1400px;
	flex-wrap: wrap;
	margin: 0 auto;
}

.inv-col-1,
.inv-col-2 {
	width: 50%;
	height: 455px;
	vertical-align: middle;
}
@media screen and (max-width: 650px) {
	.inv-col-1 {
			width: 100%;
	}


}

.inv-col-2 {}

@media screen and (max-width: 768px) { 

.inv-card-col-1 { 
	width:auto !important;
}
}


.inv-card-grid {
	display: flex;
}

.inv-card-col-1 {
	width: 30%;
}

.inv-card-col-2 {
	/* width: 100% !important; */
	width: 70%;
	display: inline-block;
	padding: 10px;
}

@media screen and (max-width: 650px) {


	.inv-card-grid {
			display: block;
	}

	.inv-card-col-1 {
			width: 100%;
	}

	.inv-card-col-2 {
			/* width: 100% !important; */
			width: 100%;
			display: inline-block;
	}


	.investigator-image img {
			height: auto;
			width: 100%;
			min-width: 100%;

			max-width: 100%;

	}

	.investigator-phone,
	.investigator-email {
			width: 100%;
	}

	.investigator-contact-wrapper {
			display: grid !important;
			width: 100%;
	}
}

.investigator-contact-wrapper {
	width: 100%;
	display: flex;
}


.investigator-publications-title a,
.investigator-department-title a,
.investigator-lab-title a {
	/*     transition-property: background-color;
	 transition-duration: 1s;*/
	display: inline-block;
	margin: 5px;
	background-color: #cecece;
	border-radius: 20px;
	color: #000;
	padding: 10px 20px;
	font-size: 15px;
	font-weight: bold;
}

.investigator-publications-title a:hover,
.investigator-department-title a:hover,
.investigator-lab-title a:hover {
	/*     transition-property: background-color;
	 transition-duration: 1s;*/
	display: inline-block;
	margin: 5px;
	background-color: blue;
	border-radius: 20px;
	color: #fff;
	padding: 10px 20px;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
}


.investigator-website.investigator-department-title {
	float: left;
	white-space: nowrap;
	display: block;
	margin: 0;
}

.investigator-publications.investigator-publications-title {
	display: inline-block;
	margin: 0;
}

.investigator-summary-title,
.investigator-keywords-title {
	font-size: 15px;
	font-weight: bold;

}

.investigator-keywords-content {
	/*display: inline-block;*/
}

i.far.fa-address-card,
i.fas.fa-briefcase,
i.fas.fa-phone,
i.far.fa-envelope {
	color: #0a56a7;
	font-size: 20px;
}

i.far.fa-address-card {

	margin-left: -30px;
}


.investigator:nth-child(even) {
	background-color: #fff !important;
}



.investigator-program {
	width: 100%;
	display: block;
	font-size: 15px;
}

.height-guide.investigator-name-creds-wrapper {
	width: 100%;

}


.filter .fa-search {
	position: absolute;
	color: #0a56a7;
	top: -6px;
	left: -26px;
	font-size: 17px;
}

@media screen and (max-width: 650px) {
	.investigator-filters input {
			display: block;
			margin: 10px 0;
			width: 100%;
			max-width: 100%;
	}

	.filter .fa-search {
			position: absolute;
			top: -31px;
			left: 250px;
	}
}






a.investigators-read-more-link,
.investigators-read-more {
	padding-top: 5px;
	color: #fff;
}

.investigators-read-more {
	margin-top: 10px;
}

.inv-sitemap {
	height: 20px !important;

	padding: 20px;
}

.inv-sitemap a {
	color: #fff;
	margin-top: 50px !important;
	padding: 28px 0 !important;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 100 !important;
	font-family: 'Montserrat';
}

.fa .fa-sitemap {
	color: #fff;
	font-size: 16px;
}

.fa-sitemap:before {
	color: #fff;
	margin-right: 10px;
}


@media screen and (max-width: 800px) {
	.site-map-desktop {
			column-count: 3;
			column-gap: 145px;
	}

	#logo img {
			max-width: 325px;
			width: 100%;
			height: auto;

			padding-top: 10px;
	}

}

@media screen and (max-width: 650px) {
	#logo img {
			max-width: 325px;
			width: 100%;
			height: auto;
			padding-top: 20px;
	}



	.site-map-mobile {
			column-count: 1;
			column-gap: 145px;
	}

	.site-map-desktop {
			column-count: 1;
			column-gap: 25px;
	}


}

.sitemap-button { 

}
a.sitemap-link{
	color: #00819f;
	text-decoration: underline;
}
a.sitemap-link: hover{
	color: #bc3dc9;
	text-decoration: underline;
}
.investigator-email a:hover {
	color: #00819f;
	text-decoration: underline;
}