/**
 * Revised CSS for responsive Staff Pages
 *
 * Created 10 Apr 2017
 * Updated 10 Apr 2017
 *
 * @author Allan A Beattie
 */


/* contact details
------------------------------------------------------------ */

.staff_profile .content_heading {
	margin: 0 0 0.1em;
	font-size: 3em;
	font-weight: 300;
	line-height: 1em;
}

.postnominals {
	margin: 0 0 1em;
	font-size: 1.5em;
	font-weight: 300;
	line-height: 1em;
	color: #777;
}

.job_title {
	margin: 0 0 3em;
}

.tabcordion > dd > div.personal_details,
.tabcordion > dd > div#panel_publications_content {
	padding: 0;
}

.staff_profile .staff_photo {
	width: 150px;
	height: 150px;
	margin: 0 auto 2em;
	overflow: hidden;
	border-radius: 50%;
	background: #003c5f;
	text-align: center;
	vertical-align: middle;
}

.staff_profile .staff_photo img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.staff_profile .staff_photo.landscape img {
	max-width: 200%;
	height: 100%;
	width: auto;
}

.staff_profile h2:first-child {
	margin: 0 0 0.3em;
}

.staff_profile .contact dt {
	font-weight: 700;
	color: #888;
}

.staff_profile .contact dd {
	margin: 0 0 0.5em 1em;
}

.staff_profile hr {
	border-color: #ddd;
}



/* publication list controls
------------------------------------------------------------ */

#staffpages_publications_loading {
	position: absolute;
	top: -47px;
	left: -56px;
}

#loading {
	font-weight: normal;
}

#publication_jumpto {
	margin: 0 0 1em;
	padding: 5px 7px;
	border: 1px solid #ccc;
	background: #f3f2ee;
}

#type_form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

#type_form label {
	font-weight: 700;
}

#type {
	box-sizing: border-box;
	width: 100%;
	padding: 0.5em;
	border: 1px solid #aaa;
}

#type:focus {
	background: #fdffce;
}

#publication_info {
	margin: 0 0 1em;
	padding: 0.5em;
	border: 1px solid #e9d8cf;
	background: #fdfdec;
	text-align: right;
	font-size: 0.9em;
}

#publication_page_indicator {
	float: left;
}


/* publications
------------------------------------------------------------ */

.publication_list li {
	padding-bottom: 15px;
	line-height: 145%;
	border: none;
	border-bottom: none;
}

.publication_download {
	font-size: 0.9em;
	text-transform: uppercase;
	color: #444;
}

@media screen and (min-width: 480px) {
	.staff_profile .staff_photo {
		float: left;
		margin: 0 1.5em 0 0;
	}

	.staff_profile .staff_photo + .contact {
		margin-left: 168px;
		margin-left: calc(150px + 5.5%);
	}
}