﻿/* COMPONENTS */
.utility-bar { min-height: 54px; }
.profile-rail, .profile-article {
	float: left;
	position: relative;
}
/* LEFT RAIL */
.profile-rail {
	padding-top: 30px;
	border-top: 1px solid #cccccc;
}
/* RIGHT ARTICLE */
.profile-article {
}

/* MEDIA */
@media (min-width:992px) { 
	.profile-rail { 
		width: 27.5%;
		right: 72.5%;
		padding-top: 0;
		margin-bottom: 20px;
		border-top: none;
	}
	.profile-article { 
		width: 72.5%;
		left: 27.5%;
	}
	.profile-header, .profile-body {
		margin-left: 30px;
	}
}

/* HEADSHOT */
.profile-headshot {
	max-width: 340px;
	margin-bottom: 30px; 
}
	.profile-headshot__img {
	}

/* BLURB */
.profile-blurb {
	padding-bottom: 30px;
}
	.profile-blurb__text {
		font: 18px/30px 'HelveticaNeueLT-Light';
		margin-bottom: 0;
	}

/* FAST FACTS */
.profile-facts {
}
	.profile-facts__header {
		color: #fff;
		background-color: #103c62;
		padding: 5px 10px;
		margin-top: 0;
		font: 16px/22px 'HelveticaNeueLT-Light';
	}
	.profile-facts__list {
		background-color: rgba(16,60,98,0.1); /* #cfd8df; */
		padding: 20px 15px 30px;
	}
	.profile-facts__question {
		font: bold 12px/20px 'HelveticaNeueLT-Light';
		color: #103c62;
		letter-spacing: 1px;
		float: left;
		margin-right: 5px;
	}
		.profile-facts__question:after {
			content: ": ";
		}
	.profile-facts__answer {
		font: 12px/20px 'HelveticaNeueLT-LightItalic';
		margin-bottom: 10px;
	}
		.profile-facts__answer em, .profile-facts__answer i {
			font-family: 'HelveticaNeueLT-Light';
			font-style: inherit;
		}
	
/* RAIL SURVEY */
.profile-link {
	margin-bottom: 15px;
}
.profile-link * {
	color: #fff;
}
	.profile-link a:hover, .profile-link a:active, .profile-link a:focus {
		color: #fff;
		text-decoration: none;
		outline: none;
	}
	.profile-link__text {
		font: 16px/20px 'HelveticaNeueLT-Light';
		padding: 20px 10px;
		margin: 0;
		background-color: #2875a6;
		text-align: center;
		letter-spacing: 1px;
	}
		.profile-link--icon {
			font: normal normal normal 14px/1 FontAwesome;
			color: #fff;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		.profile-link--icon:before {
			content: "\f0e6";
			font-size: 2em;
			padding-left: 5px;
			vertical-align: middle;
		}	
	
/* RAIL adjustments for desktop / mobile */
@media (min-width:992px) { 
	.profile-headshot {
		margin-left: -20px;
		margin-bottom: 50px; 
	}
	.profile-blurb, .profile-facts, .profile-link {
		border-right: 1px solid #cccccc;
		padding: 0 20px 40px 10px;
	}	
}

/* HEADER */
.profile-header {
	margin-bottom: 40px;
}
	.profile-header * {
		padding: 0;
		margin: 5px 0;
	}
	.profile-header__name {
	}
	.profile-header__company {
		font: 18px/30px 'HelveticaNeueLT-LightItalic';
		color: #103c62;
	}
	.profile-header__member-position {
		font: bold 13px/16px 'HelveticaNeueLT-Light';
		color: #e67a17;
		letter-spacing: 1px;
	}
    .flyinback {
        margin-top: 20px;
    }

/* BODY */
.profile-body {

}

/* PULLQUOTE */
.profile-pullquote {
	padding: 10px 30px 10px 50px;
	margin-bottom: 30px;
}
	.profile-pullquote em, .profile-pullquote i {
		font-family: 'HelveticaNeueLT-Light';
		font-style: inherit;
	}
	.profile-pullquote--orange-border {
		border-top: 1px dotted #e67a17;
		border-bottom: 1px dotted #e67a17;
	}
	.profile-pullquote__content  {
		font: 18px/30px 'HelveticaNeueLT-LightItalic';
	}
	.profile-pullquote__content--orange-quotation {
		padding-right: 15px;
	}
		.profile-pullquote__content--orange-quotation:before, 
		.profile-pullquote__content--orange-quotation:after {
			font: normal normal normal 14px/1 FontAwesome;
			display: inline-block;
			color: #e67a17;
		}
		.profile-pullquote__content--orange-quotation:before {
			content: "\f10d";
			margin-left: -20px;
			vertical-align: top;
			padding-right: 5px;
		}
		.profile-pullquote__content--orange-quotation:after {
			content: "\f10e";
			margin-right: -15px;
			padding-left: 5px;
		}
		
/* PROFILE BLOCK ON LANDING */
.profile-block {
	margin-bottom: 1em;
	float: left;
	width: 100%;
	min-height: 160px;
	height: 225px;
	max-height: 300px;
}
	.profile-block:before, .profile-block:after {
		clear: both;
		content: " ";
		display: table;
	}
	.profile-block a:hover, .profile-block a:focus {
		text-decoration: none;
		outline: none;
	}

/* ELEMENTS */
	.profile-block-blurb {
		font: 14px/26px 'HelveticaNeueLT-LightItalic';
	}
	.profile-block__img {
		float: left;
		display: none;
		max-width: 186px;
	}
	.profile-block__list {
		margin: 0;
		padding: 1em;
		height: 100%;
	}
		.profile-block__list * {
			color: #fff;
			font: 11px/20px 'HelveticaNeueLT-Roman';
		}	
		.profile-block__name {
			font-size: 18px;
			margin-top: 30px;
		}
		.profile-block__member-position {
			font-size: 13px;
		}
		.profile-block__company-position {
			font-style: italic;
		}
		.profile-block__company-name {
		}
		.profile-block__company-location {
		}
		.profile-block__term {
			font-size: 10px;
		}

/* MEDIA QUERIES */	
/* sm */
@media (min-width:768px) {
	.profile-block {
		width: 49%;
		overflow: hidden;
	}
		.profile-block:nth-of-type(odd) {
			margin-right: 1em;
		}
		.profile-block__img {
			display: inherit;
		}
			.profile-block__img + .profile-block__list {
				margin-left: 185px;
			}
}	
		
/* MODIFIERS */
	.profile-block--arrow {
		float: right;
		font: normal normal normal 14px/1 FontAwesome;
		padding: 0.25em;
		color: #fff;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
		.profile-block--arrow:before {
			font-size: 2.5em; 
			content: "\f18e";
		}
	.profile-block--background {
		/* default color, overwritten inline */
		background-color: #2875a8;
	}
	.profile-block__img.profile-block--divider {
		border-right: 1px solid #fff;
	}
	
	/* extras */
	.hvr-grow {
		display: inline-block;
		vertical-align: middle;
		box-shadow: 0 0 1px transparent;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
	}
	.hvr-grow:hover {
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
	}	