@charset "UTF-8";


article.speakingEngagement
{
   width: calc(100% - 24px);
   margin-left: 12px;
   padding-top: 1.5em;
}

article.speakingEngagement div.pageHeadings
{
   line-height: 1.1em;
   margin-bottom: 2.5em;
}

article.speakingEngagement div.pageHeadings h1
{
   font-family: HN57;
   color: #000000;
   font-size: 30px;
   display: block;
   line-height: 1.1em;
   font-weight: normal;
}


article.speakingEngagement div.pageHeadings h2
{
   font-family: HN47;
   color: #000000;
   font-size: 26px;
   display: block;
   line-height: 1.1em;
   margin-top: 0.25em;
   font-weight: normal;   
}

article.speakingEngagement div.pageHeadings h3
{
   font-family: HN47;
   color: #525252;
   font-size: 18px;
   font-weight: 600;   
}

article.speakingEngagement div.pageHeadings h4
{
   font-family: HN47;
   color: #525252;
   font-size: 18px;
   font-weight: 300;   
}

article.speakingEngagement div.pageHeadings h5
{
   font-family: HN47;
   color: #888888;
   font-size: 16px;
   font-weight: 100;   
}

article.speakingEngagement span.highlighter
{
   font-size: 18px;
   font-family: din-2014, sans-serif;
   color: #333333;
   font-weight: bold;
   margin-bottom: 0.25em;
   margin-top: 0.75em;
   width: auto;
   display: block;
}

article.speakingEngagement span.highlighter a.highlight
{
   background-image: url('../yellow_square_30.png');
   background-size: 0 0.5em;
   background-repeat: no-repeat;
   background-position: 0 0.4em; 
   transition: background-size 500ms ease-in-out;
   display: inline;
   width: auto;  
   color: #333333;
 }


article.speakingEngagement span.highlighter a.highlight
{
   cursor: pointer;
}
 
article.speakingEngagement span.highlighter:hover a.highlight
{
   background-size: 100% 0.5em;
}


article.speakingEngagement div.conferenceInfo,
article.speakingEngagement div.speakers
{
  width: 100%;
  float: none;
  margin-bottom: 2em;
}

article.speakingEngagement p span.subheading
{
   display: block;
   font-size: 18px;
   font-family: din-2014, sans-serif;
   color: #333333;
   font-weight: bold;
   margin-bottom: 0.25em;
   margin-top: 0.75em;
}

article.speakingEngagement img.landscape
{
   margin-bottom: 1em;
}


article.speakingEngagement div.speakers a.author img,
article.speakingEngagement div.speakers span.author img
{
 filter: grayscale(100%);
}


article.speakingEngagement div.speakers a.author,
article.speakingEngagement div.speakers span.author
{
   width: 43%;
   margin-right: 6%;
   margin-bottom: 1em;
   margin-top: 0;
   display: inline-block;
}


article.speakingEngagement div.speakers a.author span.name,
article.speakingEngagement div.speakers span.author span.name
{
   font-size: 15px;
   color: #000000;
   font-weight: bold;
   font-family: HN47;
   display: block;
   vertical-align: bottom;
}

article.speakingEngagement div.speakers a.author span.name span.credentials,
article.speakingEngagement div.speakers span.author span.name span.credentials
{ 
   font-size: 13px;
   color: #777777;
   font-weight: normal;
   font-family: HN37;
   display: inline-block;
   white-space: nowrap;
   vertical-align: bottom;
}

article.speakingEngagement div.speakers a.author span.jobTitle,
article.speakingEngagement div.speakers span.author span.jobTitle
{
   font-size: 14px;
   color: #777777;
   font-weight: normal;
   font-family: HN47;
   display: block;
}


article.speakingEngagement div.conferenceInfo ul,
article.speakingEngagement div.conferenceInfo ol
{
   margin-top: -1em;
   padding-left: 0;
   margin-left: 1em;
   font-size: 100%;
}

@media (min-width: 767px)
{
    article.speakingEngagement
	{
	  margin-left: 102px;
	  width: calc(100% - 204px); 
	  max-width: 1080px;
	  padding-top: 0;
	}
	

    article.speakingEngagement div.conferenceInfo
    {
       width: calc(100% - 222px);
       float: right;
    }
    
    
    article.speakingEngagement div.speakers
    {
       width: 180px;
       margin-right: 40px;
       float: left;
       margin-left: 0;
    }


	
	article.speakingEngagement div.speakers a.author,
	article.speakingEngagement div.speakers span.author
	{
	   display: block;
	   width: 100%;
	   margin-bottom: 1.25em;
	}
}