.leader-nav {
	width: 18%;
	float: left;
	background: none;
	min-height:100vh; 
}
.leader-wrap {
	background-image: linear-gradient(to right, #231f20, #231f20 18%, #ffffff 18%, #ffffff 100%);
}
.leader-images, .leader-info {
	width: 41%;
	float: left;
}
.leader-info { 
	width: 82%; 
	position:relative;
	left:18%;
}

.leader-images section, .leader-info section {
	width: 100%;
	float: left;
	font-size: 5px;
}
.leader-images img {
	border: 1px solid #fff;
}
.hwrap {
	width: 100%;
}
.footer {
	clear: both;
}
.leader-wrap section {
	transition: all 0.2s ease-in-out;
}
.leader-nav h1 {

	border: none;
	text-align: right;
	margin-right: 16%;
    padding: 28px 0px 2px 0px;

}

.leader-nav h1 a { 
	text-transform: uppercase;
	font-size: 15px;
	color: #fff;
	font-weight: 700;
	text-decoration:none;
}


.leader-nav ul {
	margin-right: 16%;
}
.leader-nav ul li a {
	color: #f2eecd;
	text-decoration: none;
	display: block;
	line-height: 2.5;
	text-align: right;
	text-transform: uppercase;
	font-size: 12px;
}
.leader-nav ul li a:hover, .leader-nav ul li a:hover span, .leader-nav ul li a.hover, .leader-nav ul li a.hover span {
	color: #f75a37;
}
.leader-nav ul li a span {
	color: #f2eecd;
	font-weight: 500;
}

.lead-nav-button { padding:20px; text-align:center; } 
.lead-nav-button a { padding: 10px 15px; text-decoration: none; display: inline-block; margin: 4px; box-shadow: 0px 1px 2px rgba(0,0,0,.2); }
.nonmob, .contact-info { text-align:center; }
.nonmob { margin-top:15vh; }
.nonmob h2 { font-size:40px; } 


.wake-forest-logo{
	background-image:url('../_assets/school-logo/wf-logo.png');
	background-repeat: no-repeat;
	background-position:left;
	min-height:55px;
	line-height:55px;
	vertical-align:middle;
	padding-left:55px;
}
.bio {padding:20px;}

.mobile-img { display:none; }
.mobile { display:none; } 

.leader-info.bio h2 { margin-bottom:0px; padding-bottom:0px;} 
.leader-info.bio h3 { margin-bottom:15px; margin-top:0px; }	

.ico-div { height:100px; } 
.bio-icons { width:75px; margin:0px 20px; transition: all .2s ease; cursor:pointer; -webkit-filter:grayscale(100%); filter:grayscale(100%); transition:all .2s ease; border:1px solid rgba(0,0,0,.2); border-radius:50%; padding:10px; overflow:overlay!important; vertical-align:text-top; position:relative; top:0; }
.bio-icons:hover { -webkit-filter:grayscale(0%); filter:grayscale(0%); width:100px; top:-10px; margin: 0px 7.5px; } 
.ai:hover, .art-inst:hover { fill:#ED1C24; }
.nonmob h3, .contact-us h3 { margin-bottom:20px; font-size:15px; } 
.biography { float: left; position: relative; left: 10%; padding: 20px; border: 1px solid white; width:60%; }
.press-coverage { margin-bottom:20px; } 
.press-coverage li { margin: 10px 0px; }
.press-coverage a { text-decoration: none; border-bottom: 1px solid #f5f5f5; padding-bottom: 5px; display: inline-block; padding: 10px 10px; font-weight: 900;font-family:courier; color:#0054a4; background:#f5f5f5;}
.press-coverage a:before { content: "\2022"; margin-right: 10px; }
.press-coverage a:hover { background: #ddecff; border-bottom: 1px dotted; color: #000; }
.portrait { max-height:80vh; overflow:hidden; min-height:500px; } 
.hobbycard > div { display:none; }
.hobbycard  .introTo { margin:0; } 
.hobbycard { margin: 0 auto; padding: 20px; border: 6px double rgba(0,0,0,.2); width: 85%; display:none;} 
blockquote { width: 300px; float: left; background: #f5f5f5; padding: 20px; line-height: 1.7; font-size: 21px; margin-right: 20px; margin-bottom: 20px; font-weight: bold; border-left: 5px solid #f75a37; margin-left: -15%; }
blockquote:before, blockquote:after { content:"..." }

#previous-person svg, #next-person svg, .viewall svg{ height:15px; vertical-align:middle} 
#previous-person svg { transform: rotate(180deg); margin-right:5px; margin-bottom:3px; } 
#next-person svg { margin-left:5px; margin-bottom:3px; }
#previous-person span, #next-person span { text-transform:uppercase; font-size:12px; font-weight:bold; } 

.lead-nav-button a:hover svg { fill: #666; }



/****************Tooltips ****/


/****Tooltips modifier*****/
.tooltips{}

.bio-icons:hover + span { opacity:1; }




.tooltips { position:relative; display:inline-block; position:relative; max-width:105px; } 

.tooltips span { position: absolute; right: -85px; bottom: 119px; width: 268px; line-height: 22px; opacity:0; padding: 10px; border-radius: 5px; background: #231f20; text-align: left; color: #f2eecd; font-size: 14px; transition: all .3s ease; }
.tooltips span.left { right: -218px; }
.tooltips span.right { right: 48px; } 




.tooltips span:after, .tooltips span:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; margin-top:-1px;}

.tooltips span:before { border-top-color: #231f20; border-width: 11px; margin-left: -11px; }
.tooltips span.left:before { margin-left: -145px; margin-top: -16px; transform: rotate(135deg); }
.tooltips span.right:before { margin-left: 123px; transform: rotate(-135deg); margin-top: -16px; }




/*************** ICON FILLS  *******************/
.hometown { fill: #C33C30; } 
.community-service { fill: #82692D } 
.family { fill: #3E3EEE; }
.chess { fill:#203069; }

.club-shaft { fill:silver; }
.tee { fill: tan; } 
.club-head { fill: #666 }
svg:hover .club-head { fill: #000; }




/********************************************/


.mobile-menu { display:none; position: fixed; top: 0; width: 150px; z-index: 20; background-image:url("/_assets/css/bgs/leadership-select-arrow.png"); } 
.mobile-menu, .mobile-menu li { text-transform: capitalize; } 
.mobile-menu, .mobile-menu option, .mobile-menu:focus{ color:#f2eecd ; background-color:#231f20; } 
.mob-sel { position:absolute; top: 0; left:0; transition: all .3s ease; }
.content { position:relative; }  


.right-slide{ left:220px; } 
.left-slide { left:-220px; } 


@media only screen and (max-width: 1125px) {
.leader-nav { width:20%; } 
.leader-wrap { background-image: linear-gradient(to right, #231f20, #231f20 20%, #ffffff 18%, #ffffff 100%); }
.leader-nav ul li a { font-size:11px; }

.leader-images { width:40%; }
.biography { left:0; width: 80%; } 	
.bio-icons { margin: 0px 15px; } 
.bio-icons:hover { margin: 0px 3px; } 
}

@media only screen and (max-width: 1060px) {
.leader-wrap { background-image: linear-gradient(to right, #231f20, #231f20 24%, #ffffff 18%, #ffffff 100%); }
.leader-nav { width:24%; }	
.leader-images { width:76%; float:right; }
.leader-nav ul li a { font-size:10px; }
.biography { left:24%; width:76%; } 
.nonmob { position: initial; margin-top:20px; } 
.hobbycard { position: initial; width: calc(100% - 40px); margin:20px; margin-bottom:0; } 
.mobile { display: block; text-align:center; } 
.portrait { height: auto; } 
}

@media only screen and (max-width: 810px) {
.leader-nav ul li a { font-size:9px; }
}

@media only screen and (max-width: 768px) {
.leader-nav { display:none; } 
.leader-images { width:100%; }
.leader-images img { border:none; } 
.leader-images h2, .leader-images h3 { text-align:center; } 
.leader-images img:not(.mobile-img) { display:none; /*position:absolute; opacity: .4;*/}
.mobile-img { display:block; width:100%; margin:0 auto; }
.leader-wrap { background: #fff; } 
.biography { width: 100%; left:0; } 
.mobile { position: absolute; text-align: center; width: 100%; margin-top:10px; line-height:0px; } 
.mobile-menu { display:block; } 

blockquote { margin: 5px 20px 20px 0px; }
.lead-nav-button span { display:none; } 
}

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

blockquote { margin:0; margin:0 auto; width:80%; margin: 20px 10%; }	
	
	
}