/*  

$black: #000000;
$offblack: #2b2b2b;
$white: #ffffff;
$charcoal: #585858;
$gold: #b7a366;
$grey: #848484;
$lightgrey: #ebebed;
$light: #f2f2f4;

font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight:
	light 300
	regular 400
	semi bold 600
	bold 700

*/
#content { background-color: #ffffff; }

.loadmore, .lazy-more { text-align: center; }

.lazy-more { margin-bottom: 3em; }

#loadmore.done, #lazy-load.stop { cursor: default; border-color: #f2f2f4; color: #f2f2f4; background-color: #ffffff; }

#staff-list-2 { position: relative; }

#staff-list-2:after { display: none; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.85) url(/_assets/img/loaders/ajax-loader-linear.svg) no-repeat center center; background-size: 64px 64px; z-index: 999; }

#staff-list-2.loading:after { display: block; }

#staff-list-2 h2 { text-align: center; margin-bottom: .5em; }

#staff-list-2 article .image { display: block; position: relative; background-color: #000000; margin-bottom: 1em; }

#staff-list-2 article .image .email { opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); -webkit-transition: .3s; transition: .3s; }

#staff-list-2 article .image .email p { text-align: center; margin: 0; display: block; position: relative; top: 50%; max-height: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#staff-list-2 article .image .email p a { margin: 0 !important; }

#staff-list-2 article .info h4 a { color: #2b2b2b; text-decoration: none; }

#staff-list-2 article .info h4 a.link { color: #b7a366; }

#staff-list-2 article .info h4 a.link:hover { text-decoration: underline; }

html.touch-off #staff-list-2 article .image:hover .email, #staff-list-2 article .image.on .email { opacity: 1; visibility: visible; }

#staff-list { position: relative; margin-bottom: 2em; }

@media (min-width: 768px) { #staff-list { margin-bottom: 3em; } }

#staff-list:after { display: none; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.85) url(/_assets/img/loaders/ajax-loader-linear.svg) no-repeat center center; background-size: 64px 64px; z-index: 999; }

#staff-list.loading:after { display: block; }

#staff-list h6 { font-size: 1em; margin: 2em 0; }

#staff-list article { margin-bottom: 1em; }

#staff-list article .info { overflow: hidden; }

#staff-list article .info h5 { color: #2b2b2b; margin: 0; line-height: 1.1em; }

@media (min-width: 768px) { #staff-list article .info h5 { float: left; width: 35%; } }

#staff-list article .info p { margin: 0; line-height: 1.1em; }

@media (min-width: 768px) { #staff-list article .info .position { font-size: 1.125em; float: left; width: 45%; } }

#staff-list article .info .email { font-size: 1.375em; }

@media (min-width: 768px) { #staff-list article .info .email { float: left; width: 20%; } }

#content #staff-detail .image { margin-bottom: 2em; }

@media (min-width: 768px) { #content #staff-detail .image { margin-bottom: 4em; } }

#content #staff-detail .top { text-align: center; }

#content #staff-detail .top h2 { text-transform: uppercase; }

@media (min-width: 768px) { #content #staff-detail .top h2 { font-size: 3.75em; } }

#content #staff-detail .top h6 { margin-bottom: 1em; }

#content #staff-detail .social { margin: 1em 0 2.5em 0; }

#content #staff-detail .social li { display: inline-block; margin: 0 .5em; }

@media (min-width: 768px) { #content #staff-detail .social li { margin: 0 .75em; } }

#content #staff-detail .social li a { text-decoration: none; font-size: 1.25em; }

@media (min-width: 768px) { #content #staff-detail .social li a { font-size: 1.75em; } }

#content #staff-detail .social li a:hover { color: #585858; }

#content .staffInfo { display: flex; flex-wrap: wrap; list-style: none; padding: 0px; max-width: 768px; margin: 0 auto; }

#content .staffInfo li {list-style: none; margin: 0px; padding: 0px; position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; font-size: 1.25rem;}

@media (min-width: 768px) { #content .staffInfo li { flex: 0 0 50%; max-width: 50%; font-size: 1.5rem; } }

#content .staffInfo li a { font-weight: 700; }