/* OI v0.1.0 
 * Copyright (c) 2016  
 */
#leadership-container { background-color: #efeeea; }
#leadership-container .leadership-wrapper { max-width: 1260px; margin-left: auto; margin-right: auto; }
#leadership-container .leader { width: 100%; position: relative; overflow: hidden; }
#leadership-container .leader:nth-child(odd) { background-color: #f9f8f5; }
#leadership-container .leader .photo { width: 100px; height: 0; padding-bottom: 100px; background-size: 100%; float: left; background-position: 0 100%; }
#leadership-container .leader .title { margin-left: 100px; margin-right: 40px; padding: 20px; font-size: .75em; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#leadership-container .leader a { font-size: 30px; color: #8f8e8c; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#leadership-container .bios { display: none; }
.superheading{display:block;text-align:center;font-style:italic;font-family:"Times New Roman", Times, serif;font-weight:normal;padding-bottom:1em;}
@media (min-width: 480px) { /* phone */ #leadership-container .leader .photo { width: 150px; height: 150px; } #leadership-container .leader .title { margin-left: 150px; font-size: .875em; } #leadership-container .leader a { right: 40px; } }
@media (min-width: 680px) { /* big phone, small tablet */ #leadership-container .leader .photo { width: 25%; padding-bottom: 25%; } #leadership-container .leader .title { margin-left: 25%; padding: 40px; } }
@media (min-width: 768px) { /* tablet */ }
@media (min-width: 960px) { /* netbook */ #leadership-container { padding: 40px; } 
.mobile-intro { display: none; } #leadership-container .photos { margin-right: 315px; } #leadership-container .leader { width: 33.33%; float: left; cursor: pointer; } #leadership-container .leader .photo { width: 100%; padding-bottom: 100%; background-position: 0 0; float: none; } #leadership-container .leader .title { font-size: .75em; padding: 10px; margin-left: 0; width: 100%; top: auto; bottom: -50%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); background-color: #4a0059; color: #fff; -webkit-transition: bottom .5s; transition: bottom .5s; } #leadership-container .leader a { display: none; } #leadership-container .leader:hover .photo { background-position: 0 100%; }
  #leadership-container .leader:hover .title { bottom: 0; } #leadership-container .bios { display: block; float: right; width: 315px; position: relative; overflow: hidden; }
  #leadership-container .bios .bio { position: absolute; float: left; z-index: 0; top: 0; left: -100%; width: 100%; height: 100%; padding-left: 40px; -webkit-transition: left .5s, opacity .5s; transition: left .5s, opacity .5s; }
  #leadership-container .bios .bio.active { left: 0; z-index: 1; opacity: 1; }
  #leadership-container .bios .bio.hide { left: 100%; opacity: 0; } }
@media (min-width: 1080px) { /* small desktop */ #leadership-container .leader { width: 25%; } }
@media (min-width: 1260px) { /* desktop */ }