.header {
	background-color:#f6f6f6; 
	padding:30px 0;
}

h1 {
	font-family: "Lora", "Times New Roman", serif; 
	font-size:3em; 
	color :#004965;
}

h2 {
	color:#004965; 
	font-family: "League Spartan", sans-serif; 
	font-weight: bold;
	text-transform: uppercase;
}

.headshot {
	/*margin-right:30px;*/
}

.headshot img {
	height:200px;
}

.sub-title {
	color:#0585C8; 
	font-family: "League Spartan", sans-serif; 
	font-size:1.5em; 
	text-transform: uppercase;
}

.intro-text {
	font-family:"Minion Pro"; 
	margin-top:10px; 
	color:#004965; 
	font-weight:500;
}

.contact {
	display: block; 
	padding:15px; 
	background-color:#0585C8;
	color:#ffffff; 
	font-family: "League Spartan", sans-serif; 
	font-size: 1.1em;
}

.contact a {
	display: inline-block;
	color:#ffffff;
	text-decoration: none;
}

.contact a:hover {
	text-decoration: underline; 
	/*transform: scale(1.1); */
	transition: all 100ms ease-in; 
}

.contact a:hover i {
	animation: shake 0.5s;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-2px, 0, 0);
  }

  50% {
    transform: translate3d(2px, 0, 0);
  }
}

.contact i {
	margin-right:10px;
}

.expertise {
	padding:30px 0 0 0;
}

.expertise-list {
	padding-left:0;
}

.expertise-list li {
	display: inline-block; 
	background-color:#0585C8; 
	color:#ffffff; 
	padding:5px 15px; 
	margin:5px 5px 5px 0; 
	font-size:1em;  
	border-radius:7px;
	/*transition: all 0.25s ease; */
	background-image: linear-gradient(-60deg, transparent, transparent 40%, #ffffff44 40%, #ffffff44 60%, transparent 60%, transparent 100%);
	background-size: 200% 100%;
	background-repeat: no-repeat;
	background-position-x: 150%;
}

.expertise-list li:hover {
	background-color: #f8a91a;
	background-position-x: -150%;
	transition: background-position-x 500ms ease-in;
	/*background-color: #f6a500;*/
}  

.experience {
	padding:30px 0 0 0;
}

.exp-item {
	margin-bottom:50px;
}

.exp-item:hover .exp-intro::before {
   position: absolute;
   left: -40px;
   top:30px;
   background-color: #f8a91a;
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   transition: background-color 0.2s linear;
}

.exp-title h3 {
	font-family: "League Spartan", sans-serif;
	font-size:1.5em;
	margin-bottom:0;
}

.exp-position {
	font-family:"Minion Pro"; 
	font-weight:bold;
}

.exp-time {
	font-family:"Minion Pro"; 
	color: #8e8e8e;
}

.exp-intro::before {
   position: absolute;
   left: -10px;
   top:30px;
   background-color: #00ccff;
   height:15px;
   width: 25px;
   clip-path: polygon(0 0, 78% 0, 100% 50%, 76% 100%, 0 100%, 0% 50%);
   content: url(/images/empty-marker.png);
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
}

.exp-intro {
	display: inline-block;
	position: relative;
	padding-left:40px;
	margin-bottom:20px;
	color:#004965;
}

.exp-desc {
	position: relative;
	padding-left:17px;
	margin-left:10px;
	border-left:3px solid #d9d9d9;
	font-family:"Minion Pro";
	color:#004965; 
}

.exp-desc li::marker {
	color:#0585C8;

}

.callout {
	background-color: #f0f0f0;
    display: inline-block;
    padding: 10px 20px;
    background-image: linear-gradient(-60deg, transparent, transparent 40%, #ffffff44 40%, #ffffff44 60%, transparent 60%, transparent 100%);
	background-size: 200% 100%;
	background-repeat: no-repeat;
	background-position-x: 150%;
}

.callout:hover {
	background-position-x: -150%;
	transition: background-position-x 600ms ease-in;
}

.callout:hover i {
	transform: scale(1.2);
	text-shadow: 0 0 5px #ffffff;
	transition: all 250ms ease-in; 
}

.callout-desc {
	font-weight: bold;
	margin-left:40px;
}

.callout i {
	position: absolute;
	color:gold;
	margin-right: 20px;
	font-size:1.5em;
	text-shadow: 0 0 2px #ffffff;
}