@import url(/assets/styles/libs/components-font-awesome/font-awesome.css);
@import url(/assets/styles/libs/components-font-awesome/font-awesome.css);

@font-face { font-family: 'NoSpace'; font-weight: normal; font-style: normal; src: url("/assets/fonts//zerowidthspaces.eot"); src: url("/assets/fonts//zerowidthspaces.woff") format("woff"), url("/assets/fonts//zerowidthspaces.ttf") format("truetype"), url("/assets/fonts//zerowidthspaces.svg#NoSpace") format("svg"); }
@font-face { font-family: 'NoSpace'; font-weight: normal; font-style: normal; src: url("/assets/fonts//zerowidthspaces.eot"); src: url("/assets/fonts//zerowidthspaces.woff") format("woff"), url("/assets/fonts//zerowidthspaces.ttf") format("truetype"), url("/assets/fonts//zerowidthspaces.svg#NoSpace") format("svg"); }
@font-face { font-family: selection-icons; src: url("/assets/fonts/selection/selection-icons.eot?6cw4ey"); src: url("/assets/fonts/selection/selection-icons.eot?#iefix6cw4ey") format("embedded-opentype"), url("/assets/fonts/selection/selection-icons.woff?6cw4ey") format("woff"), url("/assets/fonts/selection/selection-icons.ttf?6cw4ey") format("truetype"), url("/assets/fonts/selection/selection-icons.svg?6cw4ey#selection-icons") format("svg"); font-weight: normal; font-style: normal; }

p { margin: 0 0 24px; }
a { color: #578270; text-decoration: none; }
a:hover { color: #4B4B4B; }
a:active, a:focus { color: #4B4B4B; outline: none; }
hr { border-bottom: 1px solid #DDD; border-left: none; border-right: none; border-top: none; margin: 24px 0; }

img, video { margin: 0; max-width: 100%; height: auto; }
abbr, acronym { border-bottom: 1px dotted #DDD; cursor: help; }
address { display: block; margin: 0 0 12px; }
hgroup { margin-bottom: 12px; }
del { color: #717171; }

blockquote { border: none; color: #595959; margin: 0 0 24px 24px; }

cite { color: #8b8b8b; font-style: italic; }
cite:before { content: '\2014 \00A0'; }

input, textarea { -webkit-appearance: none; -webkit-border-radius: 0; }
hgroup .hN { margin-bottom: 0; }

.interior .content--bio .btn--link { display: inline-block; text-transform: uppercase; padding: 8px 12px; color: #FFFFFF; background: #989181; font-weight: 600; font-family: Roboto Condensed, sans-serif; margin: 20px 0; }

.content--section > h4 { font: 1.875rem/1em Sentinel Ssm A, Sentinel Ssm B, serif; font-size: 1.75rem; line-height: 1em; font-family: Sentinel Ssm A, Sentinel Ssm B, serif; margin-bottom: 15px; }
.content--section { margin-bottom: 1.5em; }

.listing { list-style: none; padding: 0; margin: 0; }
.listing > li { margin-bottom: 1.5rem; }
.listing__title { font: 1.35rem/1.2em Sentinel Ssm A, Sentinel Ssm B, serif; font-size: 1.35rem; line-height: 1.2em; font-family: Sentinel Ssm A, Sentinel Ssm B, serif; margin-bottom: 0px; }
.listing__date { font-size: 0.8em; font-weight: 700; color: #999999; }
.listing__tag { font-style: italic; }
.listing__tag a { color: #999999 !important; }
.listing__tag a:hover { color: black; }

.interior .content--overview { position: relative; width: 100%; min-height: 21.5rem; overflow: hidden; margin-bottom: 2.5rem; background: #003764; padding: 90% 3.125% 1.5rem; text-align: center; }
.interior .content--overview > h3 { font: 2.3875rem/1em Sentinel Ssm A, Sentinel Ssm B, serif; font-size: 2.3875rem; line-height: 1em; font-family: Sentinel Ssm A, Sentinel Ssm B, serif; margin-bottom: 0; color: #FFFFFF; }
.interior .content--overview > span { font: 1.125rem/1em Sentinel Ssm A, Sentinel Ssm B, serif; font-size: 1.125rem; line-height: 1em; font-family: Sentinel Ssm A, Sentinel Ssm B, serif; color: #dee0e1; font-style: italic; }
.interior .content--overview > img { position: absolute; top: 3.125%; left: 0; right: 0; margin: auto; width: 65%; max-width: 18.4375em; }

.interior .content--overview > ul { padding: 0; margin: 0.8125rem 0 0; }
.interior .content--overview > ul li { list-style: none; color: #FFFFFF; }
.interior .content--overview > ul li > a { position: relative; font: 1.125rem/1.3em Roboto, sans-serif; font-size: 1.125rem; line-height: 1.3em; font-family: Roboto, sans-serif; color: inherit; }
.interior .content--overview > ul li::before, .interior .content--overview > ul li:before { content: ""; display: inline-block; font: 1.25em/1.3em "FontAwesome"; text-indent: 0; color: #dee0e1; }
.interior .indicator img { width: 20px; margin-left: 5px; }
.interior .content--bio { margin-bottom: 3.5rem; }
.interior .content--bio > h4 { font: 1.875rem/1em Sentinel Ssm A, Sentinel Ssm B, serif; font-size: 1.875rem; line-height: 1em; font-family: Sentinel Ssm A, Sentinel Ssm B, serif; margin-bottom: 15px; }
.interior .content--bio .more-content { display: none; margin-top: 5px; }
.interior .content--bio .btn--link { margin: 0; padding: 0; background: none; color: #4a917b; font-size: 0.95em; }
.interior .content--bio .btn--link::before, .interior .content--bio .btn--link:before { content: "\f067"; margin-right: 5px; display: inline-block; font: 0.85em/1.3em "FontAwesome"; text-indent: 0; }
.interior .content--bio .btn--link.read-less::before, .interior .content--bio .btn--link.read-less:before { content: "\f068 "; }
.interior .content--extra { margin-bottom: 3.5rem; }
.interior .content--extra > h4 { position: relative; font: 1.875rem/1em Sentinel Ssm A, Sentinel Ssm B, serif; font-size: 1.875rem; line-height: 1em; font-family: Sentinel Ssm A, Sentinel Ssm B, serif; margin-bottom: 15px; }
.interior .content--extra.can-expand.is-expanded > h4::before, .interior .content--extra.can-expand.is-expanded > h4:before { content: "\f068"; }
.interior .content--extra.can-expand > h4 { padding-left: 20px; cursor: pointer; }
.interior .content--extra.can-expand > h4::before, .interior .content--extra.can-expand > h4:before { position: absolute; top: 1.5px; left: 0; content: "\f067"; margin-right: 10px; display: inline-block; font: 14px/1.3em "FontAwesome"; text-indent: 0; }
.interior .content--extra.can-expand > h4.read-less::before, .interior .content--extra.can-expand > h4.read-less:before { content: "\f068"; }
.interior .content--extra.can-expand .more-content { display: none; }
.interior .content--extra ul.content--stats { margin: 1.5rem 0; padding: 0; overflow: hidden; }
.interior .content--extra ul.content--stats > li { float: left; border: 1px solid #e6e6e6; text-align: center; list-style: none; display: block; padding: 20px 25px 30px; max-height: 224px; }

.interior .content--extra ul.content--stats > li > span { font: 6.25rem/1em Sentinel Ssm A, Sentinel Ssm B, serif; font-size: 6.25rem; line-height: 1em; font-family: Sentinel Ssm A, Sentinel Ssm B, serif; min-width: 24%; }
.interior .content--extra ul.content--stats > li > sup { font-size: 3.25rem; line-height: 1em; font-family: Sentinel Ssm A, Sentinel Ssm B, serif; top: -10px; left: -0.7em; }

aside ul.highlights { list-style: none; padding-left: 0px; margin-top: 0px; }
aside ul.highlights li { padding: 20px 20px; background: #e6e6e6; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #c3c3c3; }
aside ul.highlights li h4 { font-size: 1.4em; color: #003764; }
aside ul.highlights li p { margin-bottom: 12px; }
aside ul.highlights li p:last-child { margin-bottom: 0px; }

.interior--professionals .content.detail aside { padding-top: 0px; }
.interior div.content--overview ul li:before { display: none; }

.content--stats li span { font: 4.25rem/1em Sentinel Ssm A, Sentinel Ssm B, serif; font-size: 4.25rem; line-height: 1em; font-family: Sentinel Ssm A, Sentinel Ssm B, serif; font: 4.25rem/1em Sentinel Ssm A, Sentinel Ssm B, serif; float: left; margin-right: 7%; min-width: 45%; }

.content-tabify { position: relative; overflow: hidden; width: 100%; min-height: 500px; }
.content-tabify .tabify { display: block; position: absolute; left: 100%; width: 100%; }
.content-tabify .tabify#overview { left: 0; }
.content-tabify .can-expand.content--extra h4 { font-size: 1.5rem; }

.contactinfo { color: #A1A1A1; line-height: 28px; margin-top: 15px; }
.contactinfo > div { position: relative; margin-left: 40px; }
.contactinfo i { font-size: 20px; color: #A1A1A1; position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; }
.contactinfo > div:hover i { color: #FEC900; }
.contactinfo a { color: #FFFFFF; }
.contactinfo a:hover { color: #A1A1A1; }
.contactinfo .contactlabel { color: #FFFFFF; }

.interior .content--overview .content--connect { color: #b8b8b8; text-align: center; position: absolute; right: 1em; bottom: 1em; cursor: pointer; font-size: .8em; text-transform: uppercase; font-weight: 500; width: 60px; }
.interior .content--overview .content--connect:hover { border-color: #FFFFFF; }
.interior .content--overview .content--connect:hover:before { color: #FFFFFF; background-color: #f4c301; }
.interior .content--overview .content--connect.active:before { content: 'x'; font-size: 20px; padding-top: 5px; }
.interior .content--overview .content--connect:before { content: '+'; font-size: 32px; line-height: 1em; color: #b8b8b8; display: block; font-weight: 400; width: 35px; height: 35px; border: 2px solid #275479; background: #275479; border-radius: 60px; top: 0; left: 0; right: 0; margin: auto; }
.interior .content--overview .content--connect > ul { position: absolute; bottom: -250%; margin: 0; padding: 0; list-style: none; right: 19%; transition: all .3s ease-in-out; opacity: 0; }
.interior .content--overview .content--connect > ul.active { opacity: 1; bottom: 100%; }
.interior .content--overview .content--connect > ul > li { margin-bottom: 6px; }
.interior .content--overview .content--connect > ul > li > a { display: block; width: 35px; height: 35px; border-radius: 50%; text-indent: 100%; position: relative; overflow: hidden; padding: 5px 30px 5px 0; }
.interior .content--overview .content--connect > ul > li > a.twitter::after, .interior .content--overview .content--connect > ul > li > a.twitter:after, .interior .content--overview .content--connect > ul > li > a.linkedin::after, .interior .content--overview .content--connect > ul > li > a.linkedin:after, .interior .content--overview .content--connect > ul > li > a.blog::after, .interior .content--overview .content--connect > ul > li > a.blog:after { content: ""; position: absolute; top: 7px; left: 10px; display: inline-block; font: 15px/1.3em "FontAwesome"; text-indent: 0; color: #FFFFFF; }
.interior .content--overview .content--connect > ul > li > a.twitter { background-color: #4099ff; }
.interior .content--overview .content--connect > ul > li > a.twitter::after, .interior .content--overview .content--connect > ul > li > a.twitter:after { content: "\f099"; }
.interior .content--overview .content--connect > ul > li > a.linkedin { background-color: #017cb6; }
.interior .content--overview .content--connect > ul > li > a.linkedin::after, .interior .content--overview .content--connect > ul > li > a.linkedin:after { content: "\f0e1"; }
.interior .content--overview .content--connect > ul > li > a.blog { background-color: #76bc1e; }
.interior .content--overview .content--connect > ul > li > a.blog::after, .interior .content--overview .content--connect > ul > li > a.blog:after { content: "BLOG"; font: 9px/1em Sentinel Ssm A, Sentinel Ssm B, serif; top: 13px; left: 5px; }
.interior .content--overview .content--connect > ul > li > a.blog--image { text-indent: 0; padding: 0; overflow: hidden; background: none; }
.interior .content--overview .content--connect > ul > li > a.blog--image img { width: 35px; height: 35px; }

div.org, div.role { line-height: 1.2em; }

@media screen and (min-width: 30em) {
    .interior .content--overview { padding-top: 50%; }
    .interior .content--overview > img { width: 35%; }
    .interior .content--extra ul.content--stats > li { width: 49%; }
}

@media screen and (min-width: 38em) {
    .interior .content--overview { padding: 2rem 2rem 2rem 20.5rem; text-align: left; }
    .interior .content--overview > img { width: 100%; margin: 0; right: auto; top: 0; }
}

@media screen and (min-width: 48em) {
    blockquote { border-left: 3px solid #DDD; padding-left: 36px; }
    .interior .content--overview > h3 { font-size: 2.6875em; }
    .interior .content--extra ul.content--stats > li:first-child { margin-right: 10px; }
    .interior .content--overview .content--connect > ul > li > a.twitter::after, .interior .content--overview .content--connect > ul > li > a.twitter:after, .interior .content--overview .content--connect > ul > li > a.linkedin::after, .interior .content--overview .content--connect > ul > li > a.linkedin:after, .interior .content--overview .content--connect > ul > li > a.blog::after, .interior .content--overview .content--connect > ul > li > a.blog:after { font-size: 17px; }
}

@media screen and (max-width: 620px) {
    .interior .content--overview > img { position: initial; }
    .interior .content--overview { padding-top: 12px; }
}