/* MIXINS  */
/* COLORS  */
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, #archive-wrapper .post .left > *, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }

body { line-height: 1; height: 100%; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

a { text-decoration: none; color: inherit; }

img { max-width: 100%; height: auto; }

img[src*=".svg"] { width: 100%; }

sup { display: inline-block; line-height: 0; }

.content-wrap ul { margin-bottom: 1.5em; list-style: none; }
.content-wrap ul li { position: relative; margin-bottom: 0.75em; padding-left: 1em; }
.content-wrap ul li:before { content: "\2022"; position: absolute; left: 0; }
.content-wrap ul ul { margin-bottom: 0; margin-top: 0.75em; }
.content-wrap ul ul li:before { content: "\25E6"; }
.content-wrap ul ul li:last-of-type { margin-bottom: 0; }
.content-wrap ol { margin-bottom: 1.5em; list-style: decimal; list-style-position: inside; }
.content-wrap ol li { margin-bottom: 1em; }
.content-wrap a:not(.button) { text-decoration: underline; color: blue; }
.content-wrap table { width: 100%; border-collapse: collapse; border: 1px solid black; }
.content-wrap table tr td, .content-wrap table tr th { padding: 1rem; border: 1px solid black; }
.content-wrap table tbody tr:nth-child(2n) { background-color: #f5f5f5; }

/* WP Styles  */
@media screen and (min-width: 768px) { img.alignright { float: right; margin: 0 0 1em 1em; max-width: 50%; }
  img.alignleft { float: left; margin: 0 1em 1em 0; max-width: 50%; }
  .alignright { float: right; }
  .alignleft { float: left; }
  .aligncenter { display: block; margin-left: auto; margin-right: auto; } }
/* FONTS  */
@font-face { font-family: 'Raleway'; src: url("../fonts/raleway-regular-webfont.woff2") format("woff2"), url("../fonts/raleway-regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Raleway'; src: url("../fonts/raleway-italic-webfont.woff2") format("woff2"), url("../fonts/raleway-italic-webfont.woff") format("woff"); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Raleway'; src: url("../fonts/raleway-extrabold-webfont.woff2") format("woff2"), url("../fonts/raleway-extrabold-webfont.woff") format("woff"); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Raleway'; src: url("../fonts/raleway-extrabolditalic-webfont.woff2") format("woff2"), url("../fonts/raleway-extrabolditalic-webfont.woff") format("woff"); font-weight: 700; font-style: italic; }
@font-face { font-family: 'Icons'; src: url("../fonts/icomoon.eot?fm5wx9"); src: url("../fonts/icomoon.eot?fm5wx9#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?fm5wx9") format("truetype"), url("../fonts/icomoon.woff?fm5wx9") format("woff"), url("../fonts/icomoon.svg?fm5wx9#icomoon") format("svg"); font-weight: normal; font-style: normal; }
/* TRANSITIONS  */
#nav-wrapper .menu, #nav-wrapper header:after, #team-wrapper, #team-wrapper .triggers, #team-wrapper .bios, #team-wrapper .bios li { transition: all 0.3s ease-out; }

#nav-wrapper { transition: left 0.3s cubic-bezier(0.2, 1, 0.6, 1); }

#nav-overlay { transition: opacity 0.3s ease-out; }

.pagination a, .button, .links a, .menu-icon span, .post .title, .sidebar .title, .triggers .name, .toggle { transition: all 0.15s ease-out; }

/* TEXT STYLES  */
h1 { font-size: 3em; font-weight: 700; margin-bottom: 1rem; line-height: 1; }
@media screen and (min-width: 768px) { h1 { font-size: 3.75em; } }

h2 { font-size: 1.5em; font-weight: 700; margin-bottom: 1rem; line-height: 1.2; }
@media screen and (min-width: 768px) { h2 { font-size: 2em; } }

h3, #archive-wrapper .post .left > * { font-size: 1.25em; font-weight: normal; margin-bottom: 1rem; line-height: 1.2; }
@media screen and (min-width: 768px) { h3, #archive-wrapper .post .left > * { font-size: 1.625em; } }

h4 { font-size: 1.125em; font-weight: 700; margin-bottom: 0.5rem; }

p { margin-bottom: 1em; }

.button { background-color: #3c3741; display: inline-block; margin-bottom: 0.5em; padding: 1em 1.5em; font-family: inherit; font-size: 0.875em; font-weight: 700; color: white; border: none; border-radius: 999px; outline: none; -webkit-appearance: none; cursor: pointer; text-decoration: none !important; }
@media screen and (min-width: 768px) { .button:hover { background-color: #2f2b33; } }
.button:after { font-family: 'Icons'; font-weight: normal !important; font-style: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e902"; position: relative; top: 1px; margin-left: 0.75em; }
.button.back:after { content: none; }
.button.back:before { font-family: 'Icons'; font-weight: normal !important; font-style: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e903"; position: relative; top: 1px; margin-right: 0.75em; }

.center { margin-left: auto; margin-right: auto; text-align: center; }

/* GLOBAL STYLES  */
html { height: 100%; font-size: 14px; }
@media screen and (min-width: 768px) { html { font-size: 16px; } }

body { font-family: 'Raleway', sans-serif; line-height: 1.4; -webkit-font-smoothing: antialiased; color: #3c3741; padding-top: 50px; min-height: 100vh; display: 'flex'; flex-direction: column; }
@media screen and (min-width: 768px) { body { padding: 0; } }
body.home, body.error404 { height: 100%; }
body.home #page-wrapper, body.error404 #page-wrapper { height: 100%; overflow: visible; }
body.error404 #page-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
body.error404 #page-wrapper #bottom { margin-top: auto; }

#page-wrapper { overflow: hidden; flex: 1; display: flex; flex-direction: column; }
@media screen and (min-width: 768px) { #page-wrapper > * { padding-left: 4rem; } }

#nav-wrapper { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; }
@media screen and (min-width: 768px) { #nav-wrapper { left: -320px; bottom: 0; width: 320px; background-color: #2c3e50; color: white; padding-left: 0 !important; }
  .admin-bar #nav-wrapper { top: 32px; } }
#nav-wrapper .logo { display: inline-block; height: 100%; }
@media screen and (min-width: 768px) { #nav-wrapper .logo { display: block; height: auto; width: 200px; } }
#nav-wrapper .logo img { display: block; }
@media screen and (max-width: 767px) { #nav-wrapper .logo img { height: 100%; width: auto; } }
#nav-wrapper .header { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 50px; padding: 0.625em 5%; border-bottom: 1px solid #ccc; background-color: white; z-index: 1; text-align: center; }
@media screen and (min-width: 768px) { #nav-wrapper .header { display: block; position: absolute; left: 100%; top: 0; bottom: 0; width: 4em; height: auto; border-bottom: none; border-right: 1px solid rgba(255, 255, 255, 0.5); background-color: rgba(44, 62, 80, 0.05); padding: 3em 0; }
  #nav-wrapper .header:after { content: ""; position: absolute; right: 0; top: 150px; height: 2em; border-left: 3px solid white; }
  .home #nav-wrapper .header:after, .reverse-line #nav-wrapper .header:after, .error404 #nav-wrapper .header:after, .page-template-page-no-header #nav-wrapper .header:after { border-color: #2c3e50; } }
#nav-wrapper .header .menu-icon { position: absolute; top: 50%; left: 0.5em; width: 4em; height: 48px; margin-top: -24px; cursor: pointer; }
@media screen and (min-width: 768px) { #nav-wrapper .header .menu-icon { position: relative; left: 0; top: 0; margin: 0; } }
#nav-wrapper .header .menu-icon span { display: block; position: absolute; left: 1em; width: 2em; height: 2px; background-color: #3c3741; opacity: 1; }
@media screen and (min-width: 768px) { #nav-wrapper .header .menu-icon span { background-color: white; } }
.home #nav-wrapper .header .menu-icon span, .reverse-icon #nav-wrapper .header .menu-icon span, .error404 #nav-wrapper .header .menu-icon span, .page-template-page-no-header #nav-wrapper .header .menu-icon span { background-color: #2c3e50 !important; }
#nav-wrapper .header .menu-icon span:nth-child(1) { top: 16px; }
#nav-wrapper .header .menu-icon span:nth-child(2), #nav-wrapper .header .menu-icon span:nth-child(3) { top: 22px; }
#nav-wrapper .header .menu-icon span:nth-child(4) { top: 28px; }
@media screen and (max-width: 767px) { .no-flexbox #nav-wrapper .header .logo { margin: 0 auto; } }
@media screen and (min-width: 768px) { #nav-wrapper .header .logo { display: none; } }
#nav-wrapper .menu { color: white; padding: 3em 2em; }
@media screen and (max-width: 767px) { #nav-wrapper .menu { position: fixed; top: 50px; left: -100%; bottom: 0; width: 100%; background-color: #2c3e50; padding: 2em; }
  .admin-bar #nav-wrapper .menu { top: 46px; } }
@media screen and (min-width: 768px) { #nav-wrapper .menu { border-right: 1px solid rgba(255, 255, 255, 0.25); } }
@media screen and (max-width: 767px) { #nav-wrapper .menu .logo { display: none; } }
@media screen and (min-width: 768px) { #nav-wrapper .menu .links { margin-top: 3em; } }
#nav-wrapper .menu .links > li { position: relative; display: block; }
#nav-wrapper .menu .links > li > a { position: relative; display: block; font-size: 1.75em; padding: 0.375rem 0; }
#nav-wrapper .menu .links > li > a:hover { opacity: 0.8; -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; }
#nav-wrapper .menu .links > li.access { margin-top: 1em; padding: 1.5em 0; }
#nav-wrapper .menu .links > li.access:before { content: ""; position: absolute; left: 0; top: 0; width: 2em; border-top: 0.125em dotted rgba(255, 255, 255, 0.6); }
#nav-wrapper .menu .links > li.access a { font-size: 1rem; font-weight: 700; }
#nav-wrapper .menu .links > li.access a:after { font-family: 'Icons'; font-weight: normal !important; font-style: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e902"; position: relative; top: 1px; margin-left: 0.5em; }
@media screen and (min-width: 768px) { #nav-wrapper + #nav-overlay { display: block; position: fixed; top: 0; left: 0; width: 0; height: 0; background-color: rgba(255, 255, 255, 0.5); z-index: 998; opacity: 0; } }
@media screen and (min-width: 768px) { #nav-wrapper.open { left: 0; z-index: 100021; } }
@media screen and (min-width: 768px) { #nav-wrapper.open + #nav-overlay { width: 100%; height: 100%; opacity: 1; } }
@media screen and (min-width: 768px) { #nav-wrapper.open .header { background-color: rgba(44, 62, 80, 0.15); } }
@media screen and (max-width: 767px) { #nav-wrapper.open .menu { left: 0; } }
#nav-wrapper.open .menu-icon span:nth-child(1), #nav-wrapper.open .menu-icon span:nth-child(4) { top: calc(1em + 6px); width: 0%; left: 50%; }
#nav-wrapper.open .menu-icon span:nth-child(2) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#nav-wrapper.open .menu-icon span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
#nav-wrapper:not(.open) .menu-icon:hover span:nth-child(1) { top: 14px; }
#nav-wrapper:not(.open) .menu-icon:hover span:nth-child(4) { top: 30px; }

#page-header { position: relative; background-color: #2c3e50; color: white; height: 165px; min-width: 380px; padding: 1em 1em calc(65px + 1em) 1em; margin-bottom: -50px; z-index: 0; }
@media screen and (min-width: 768px) { #page-header { min-width: 960px; height: 425px; padding: 3em 2em calc(150px + 2em) 6em; margin-bottom: -150px; background-image: url("../images/header-blur.jpg"); background-size: 450px auto; background-position: left -50px; background-repeat: no-repeat; } }
#page-header .image-wrapper { position: absolute; top: 0; bottom: 0; right: 0; width: 182px; background-image: url(http://placehold.it/800x600); background-position: center center; background-size: cover; }
@media screen and (min-width: 768px) { #page-header .image-wrapper { width: 500px; } }
.post-type-archive-news #page-header .image-wrapper, .single-news #page-header .image-wrapper, .post-type-archive-careers #page-header .image-wrapper, .single-careers #page-header .image-wrapper, .blog #page-header .image-wrapper, .single-post #page-header .image-wrapper { background-image: url("../../images/header-posts.jpg"); }
#page-header .image-wrapper:after { content: ""; position: absolute; top: 0; right: 0; height: 100px; width: 182px; background-image: url("../images/header-x-shape.png"); background-size: auto 100%; background-repeat: no-repeat; background-position: right top; }
@media screen and (min-width: 768px) { #page-header .image-wrapper:after { height: 275px; width: 500px; } }
#page-header:before { content: ""; position: absolute; bottom: 0; left: 0; right: 65px; height: 65px; background-color: white; z-index: 1; }
@media screen and (min-width: 768px) { #page-header:before { right: 150px; height: 150px; } }
#page-header:after { content: ""; position: absolute; bottom: 0; right: 0; width: 0px; height: 0px; border-left: 65px solid white; border-top: 65px solid transparent; z-index: 1; }
@media screen and (min-width: 768px) { #page-header:after { border-left: 150px solid white; border-top: 150px solid transparent; } }
#page-header .logo { display: none; }
@media screen and (min-width: 768px) { #page-header .logo { display: block; width: 200px; margin-bottom: 100px; } }
#page-header .logo img { display: block; }
#page-header h1 { font-size: 2em; position: absolute; left: 1rem; bottom: 65px; white-space: nowrap; }
@media screen and (min-width: 768px) { #page-header h1 { left: 6rem; bottom: 160px; } }

.simple-header { display: none; }
@media screen and (min-width: 768px) { .simple-header { display: block; padding-left: 6em !important; margin-bottom: 1em; margin-top: 3em; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } }
.simple-header .logo { display: block; width: 200px; }
.simple-header .logo img { display: block; }
#bottom {
  background-color: #3c3741;
  color: white;
  padding: 1rem 5%;
  font-size: 0.875em;
  margin-top: auto;
  margin-bottom: 0
}
@media screen and (min-width: 768px) {
  #bottom {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      padding: 1rem 5% 1rem calc(4rem + 5%);
  }
}
#bottom p { margin-bottom: 0.5em; }
@media screen and (min-width: 768px) { #bottom p { margin-bottom: 0; } }
#bottom p:last-child { margin-bottom: 0; }

section { position: relative; padding: 2em 0; }
@media screen and (min-width: 768px) { section { padding: 8% 0; } }
@media screen and (min-width: 1280px) { section { padding: 80px 0; } }
section.gray { background-color: #f5f5f5; }

.section-header { margin-bottom: 2em; max-width: 800px; }
@media screen and (min-width: 768px) { .section-header { margin-bottom: 3rem; } }

.contain { width: 90%; margin: 0 auto; max-width: 960px; position: relative; }
.contain:after { content: ""; display: table; clear: both; }
.contain.narrow { max-width: 800px; }

.clear:after:after { content: ""; display: table; clear: both; }

[class*='col-'] { position: relative; height: 100%; margin-bottom: 5%; }
@media screen and (min-width: 768px) { [class*='col-'] { float: left; margin-bottom: 0; margin-right: 8%; }
  [class*='col-'].right { float: right; margin-right: 0; }
  [class*='col-'].col-1-2 { width: 46%; }
  [class*='col-'].col-1-3 { width: 28%; }
  [class*='col-'].col-2-3 { width: 64%; }
  [class*='col-'].col-1-4 { width: 19%; }
  [class*='col-'].col-3-4 { width: 73%; }
  [class*='col-'].col-1-5 { width: 13.6%; }
  [class*='col-'].col-2-5 { width: 35.2%; }
  [class*='col-'].col-3-5 { width: 56.8%; } }

/* 5% Margins 
[class*='col-'] {
	position: relative;
	height: 100%;
	margin-bottom: 5%;
	@media screen and (min-width: 768px) {
		float: left;
		margin-bottom: 0;
		margin-right: 5%;
		
		&.right { 
			float: right;
			margin-right: 0;
		}
		
		&.col-1-2 { width: 47.5%; }
		&.col-1-3 { width: 30%; }
		&.col-2-3 { width: 65%; }
		&.col-1-4 { width: 21.25%; }
		&.col-3-4 { width: 73.75%; }
		&.col-1-5 { width: 16%; }
		&.col-2-5 { width: 37%; }
		&.col-3-5 { width: 58%; }
	}	
}
*/
@media screen and (min-width: 960px) { .columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; } }
.columns div, .columns ul, .columns li, .columns h1, .columns h2, .columns h3, .columns #archive-wrapper .post .left > *, #archive-wrapper .post .columns .left > *, .columns h4, .columns h5, .columns h6, .columns p, .columns a { -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; column-break-inside: avoid; page-break-inside: avoid; }

/* HOME   */
#home-wrapper { 
  padding-left: 0; 
  background-image: url("../images/background-razor-texture.svg"); 
  background-size: cover; 
  background-position: center center; 
}
@media screen and (min-width: 768px) { 
  #home-wrapper { 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    -webkit-justify-content: space-between; 
    -ms-flex-pack: justify; 
    justify-content: space-between; 
    height: 100vh; 
    min-height: 600px; 
  } 
}
@media screen and (min-width: 768px) { #home-wrapper > .content-wrap { padding: 1em 0 1em 6em; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } }
@media screen and (min-width: 768px) { #home-wrapper > .content-wrap .contain { padding-left: 5%; margin: 0; } }
#home-wrapper > .content-wrap .button { background-color: #ffcb05; }
@media screen and (min-width: 768px) { #home-wrapper > .content-wrap .button:hover { background-color: #ebba00; } }
@media screen and (min-width: 768px) { #home-wrapper > nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } }
#home-wrapper > nav a { position: relative; display: block; background-color: #3c3741; padding: 2em 5%; color: white; background-size: cover; background-position: center center; background-repeat: no-repeat; }
@media screen and (min-width: 768px) { #home-wrapper > nav a { -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 2em; } }
#home-wrapper > nav a:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(60, 55, 65, 0.9); }
#home-wrapper > nav a:first-child { border: 1px solid white; border-width: 0 0 1px 0; }
@media screen and (min-width: 768px) { #home-wrapper > nav a:first-child { padding-left: 6em; border-width: 0 1px 0 0; border-color: rgba(255, 255, 255, 0.5); } }
#home-wrapper > nav a header { position: relative; z-index: 1; }
@media screen and (min-width: 768px) { #home-wrapper > nav a header { float: right; max-width: 250px; text-align: right; } }
#home-wrapper > nav a header > *:last-child { margin-bottom: 0; }
#home-wrapper > nav a header .button { background-color: rgba(255, 255, 255, 0.3); }
@media screen and (min-width: 768px) { #home-wrapper > nav a header .button:hover { background-color: rgba(242, 242, 242, 0.3); } }

@media screen and (min-width: 768px) { #home-latest { font-size: 0; margin: 0 -2%; } }
#home-latest > * { display: block; }
@media screen and (min-width: 768px) { #home-latest > * { font-size: 1rem; display: inline-block; vertical-align: top; width: 29.33%; margin: 0 2%; } }
#home-latest > header { position: relative; margin-bottom: 2em; }
@media screen and (min-width: 768px) { #home-latest > header { padding-top: 1em; border-top: 1px solid #ccc; margin-bottom: 0; text-align: right; }
  #home-latest > header:before { content: ""; position: absolute; top: 0; left: 0; width: 2em; border-bottom: 2px solid #2c3e50; } }
@media screen and (min-width: 768px) { #home-latest > header > div { display: inline-block; text-align: left; max-width: 250px; } }
#home-latest .post { margin-bottom: 2em; }
@media screen and (min-width: 768px) { #home-latest .post { margin-bottom: 0; } }
#home-latest .post .date-wrapper { float: left; width: 3.5em; padding-top: 1em; }
#home-latest .post .date-wrapper .date { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 3.5em; height: 3.5em; background-color: #ffcb05; color: white; border-radius: 999px; }
#home-latest .post .date-wrapper .date span { display: block; line-height: 1.2; font-weight: 700; font-size: 0.875em; }
#home-latest .post .date-wrapper .date span:last-child { text-transform: uppercase; }
#home-latest .post header { position: relative; padding-top: 2em; margin-left: 4.5em; }
#home-latest .post header:before { content: ""; position: absolute; top: 0; left: 0; width: 2em; border-bottom: 2px dotted #ccc; }
#home-latest .post header .title { margin-bottom: 0.5em; }

/* INVESTMENTS  */
.investments-wrapper { font-size: 0; margin: 0 -4%; }
.investments-wrapper .investment { display: inline-block; vertical-align: top; width: 42%; margin: 0 4% 4%; font-size: 1rem; }
@media screen and (min-width: 768px) { .investments-wrapper .investment { width: 25.33%; text-align: center; } }
.investments-wrapper .investment .logo { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1em; padding-bottom: 1em; height: 100px; }
@media screen and (min-width: 768px) { .investments-wrapper .investment .logo { margin: 0 auto 1.5em; padding-bottom: 2em; max-width: 80%; height: 150px; } }
.investments-wrapper .investment .logo:after { content: ""; position: absolute; bottom: 0; left: 0; width: 3em; border-bottom: 2px dotted #ccc; }
@media screen and (min-width: 768px) { .investments-wrapper .investment .logo:after { left: 50%; margin-left: -1.5em; } }
.investments-wrapper .investment .logo img { max-height: 100%; }

/* ABOUT  */
#team-wrapper { position: relative; height: 100% }
@media screen and (max-width: 767px) { #team-wrapper { height: auto !important; } }
@media screen and (min-width: 768px) { #team-wrapper.bios-visible .triggers { left: -150%; opacity: 0; }
  #team-wrapper.bios-visible .bios { left: 0; opacity: 1; height: 100%; } }
#team-wrapper .triggers { display: none; }
@media screen and (min-width: 768px) { #team-wrapper .triggers { position: absolute; display: block; width: 100%; font-size: 0; margin: 0 -5%; left: 5%; opacity: 1; text-align: center; } }
#team-wrapper .triggers li { font-size: 1rem; display: inline-block; width: 23.33%; margin: 5%; vertical-align: top; text-align: center; cursor: pointer; }
@media screen and (min-width: 768px) { #team-wrapper .triggers li:hover .name { color: #ffcb05; } }
#team-wrapper .triggers li .image-wrapper { position: relative; display: inline-block; margin: 0 auto 1em; padding-bottom: 1.5em; max-width: 90%; }
#team-wrapper .triggers li .image-wrapper:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 3em; margin-left: -1.5em; border-bottom: 2px dotted #ccc; }
#team-wrapper .triggers li .image-wrapper img { display: block; }
@media screen and (max-width: 767px) { #team-wrapper .bios { height: auto !important; } }
@media screen and (min-width: 768px) { #team-wrapper .bios { position: absolute; width: 100%; left: 150%; opacity: 0; } }
#team-wrapper .bios nav { display: none; }
@media screen and (min-width: 768px) { #team-wrapper .bios nav { display: block; width: 150px; float: left; text-align: center; } }
#team-wrapper .bios nav .button { margin-bottom: 1em; }
#team-wrapper .bios nav .toggle { display: inline-block; vertical-align: middle; padding: 0.25rem 0.75rem; font-size: 1.75em; cursor: pointer; }
@media screen and (min-width: 768px) { #team-wrapper .bios nav .toggle:hover { color: #ffcb05; } }
#team-wrapper .bios nav .toggle.prev { border-right: 1px solid #ccc; margin-right: -0.25rem; }
#team-wrapper .bios nav .toggle.prev:before { font-family: 'Icons'; font-weight: normal !important; font-style: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e903"; }
#team-wrapper .bios nav .toggle.next:before { font-family: 'Icons'; font-weight: normal !important; font-style: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e902"; }
@media screen and (min-width: 768px) { #team-wrapper .bios ul { margin-left: 200px; } }
#team-wrapper .bios ul li { padding: 1.5em 0; border-bottom: 1px solid #ccc; }
@media screen and (min-width: 768px) { #team-wrapper .bios ul li { position: absolute; opacity: 0; z-index: -1; padding: 0; border: none !important; }
  #team-wrapper .bios ul li.active { opacity: 1; z-index: 0; } }
#team-wrapper .bios ul li:first-child { border-top: 1px solid #ccc; }
#team-wrapper .bios ul li header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
@media screen and (min-width: 768px) { #team-wrapper .bios ul li header { margin-bottom: 1.5em; } }
#team-wrapper .bios ul li header .name { margin-bottom: 0; font-weight: 700; }
#team-wrapper .bios ul li header .image-wrapper { max-width: 100px; margin-right: 1.5em; }
#team-wrapper .bios ul li header .image-wrapper img { display: block; margin-bottom: 0; }
#team-wrapper .bios ul li .bio { display: none; }
@media screen and (max-width: 767px) { #team-wrapper .bios ul li .bio { margin-top: 2em; } }
@media screen and (min-width: 768px) { #team-wrapper .bios ul li .bio { position: relative; display: block !important; padding-top: 1.5em; margin: 0; }
  #team-wrapper .bios ul li .bio:before { content: ""; position: absolute; top: 0; left: 0; width: 3em; border-bottom: 2px solid #ccc; } }

/* ARCHIVE  */
@media screen and (min-width: 768px) { #archive-wrapper { display: inline-block; } }
#archive-wrapper .post { position: relative; display: block; padding: 1em 0; border-top: 1px solid #ccc; }
#archive-wrapper .post:after { content: ""; display: table; clear: both; }
@media screen and (min-width: 768px) { #archive-wrapper .post { padding: 0; border: none; }
  #archive-wrapper .post:hover .title { color: #ffcb05; } }
@media screen and (min-width: 768px) { #archive-wrapper .post .left { float: left; width: 180px; border-top: 1px solid #ccc; text-align: right; padding: 2em 0; }
  #archive-wrapper .post .left:before { content: ""; position: absolute; top: 0; left: 0; width: 2em; border-bottom: 2px solid #2c3e50; } }
#archive-wrapper .post .left .image-wrap { max-width: 200px; }
#archive-wrapper .post .left > * { font-weight: 700; }
#archive-wrapper .post .title-wrapper { color: #999; }
@media screen and (min-width: 768px) { #archive-wrapper .post .title-wrapper { position: relative; margin-left: calc(230px + 1em); padding: 2em 0; text-align: left; }
  #archive-wrapper .post .title-wrapper:before { content: ""; position: absolute; top: 0; left: 0; width: 2em; border-bottom: 2px dotted #ccc; } }
#archive-wrapper .post .title-wrapper .title { margin-bottom: 0.25rem; }
#archive-wrapper .post .title-wrapper .more { font-style: italic; }
#archive-wrapper .post .title-wrapper .more:before { font-family: 'Icons'; font-weight: normal !important; font-style: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e902"; margin-right: 0.5em; font-size: 0.875em; }
@media screen and (min-width: 768px) { #archive-wrapper .post.careers .left { text-align: left; } }
#archive-wrapper .pagination { position: relative; margin-top: 2em; }
#archive-wrapper .pagination ul li { position: relative; display: inline-block; margin-right: 0.25em; }
#archive-wrapper .pagination ul li a { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-weight: bold; background-color: #ccc; color: white; }
#archive-wrapper .pagination ul li.current a, #archive-wrapper .pagination ul li:hover a { background-color: #ffcb05; }

/* SINGLE  */
@media screen and (min-width: 768px) { .atss { width: 4em !important; }
  .atss .at-share-btn { width: 4em !important; }
  .atss .at-share-btn:hover { width: 4.5em !important; } }

#content-wrapper { font-size: 1.25em; }
#content-wrapper:after { content: ""; display: table; clear: both; }
@media screen and (min-width: 768px) { #content-wrapper { font-size: 1rem; width: 100%; float: left; margin-right: -200px; } }
#content-wrapper main { margin-bottom: 3em; flex: 1; }
@media screen and (min-width: 768px) { #content-wrapper main { margin-right: 200px; padding-right: 8%; margin-bottom: 0; } }
#content-wrapper main .featured-image { margin-bottom: 2em; }
#content-wrapper main .featured-image .caption { font-size: 0.875em; }
@media screen and (min-width: 768px) { #content-wrapper + .sidebar { width: 200px; float: right; } }
#content-wrapper + .sidebar > header { position: relative; padding-top: 1em; border-top: 1px solid #ccc; margin-bottom: 2em; }
#content-wrapper + .sidebar > header:before { content: ""; position: absolute; top: 0; left: 0; width: 2em; border-bottom: 2px solid #2c3e50; }
#content-wrapper + .sidebar ul li a { position: relative; display: block; padding: 1rem 0; margin-bottom: 1rem; }
@media screen and (min-width: 768px) { #content-wrapper + .sidebar ul li a:hover .title { color: #ffcb05; } }
#content-wrapper + .sidebar ul li a .title { margin-bottom: 0.5rem; }
#content-wrapper + .sidebar ul li a:before { content: ""; position: absolute; top: 0; left: 0; width: 2em; border-bottom: 2px dotted #ccc; }

/* CONTACT  */
#map-canvas { height: 400px; }

.contact-info { position: relative; padding-top: 1em; }
.contact-info:before { content: ""; position: absolute; top: 0; left: 0; width: 2em; border-bottom: 2px dotted #ccc; }
.contact-info p { font-weight: 700; }
.contact-info p.tel { margin-bottom: 0; }
.contact-info p.tel:before { font-family: 'Icons'; font-weight: normal !important; font-style: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e900"; margin-right: 0.5em; }
.contact-info p.email:before { font-family: 'Icons'; font-weight: normal !important; font-style: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e901"; margin-right: 0.5em; }
.contact-info .directions { font-style: italic; }
.contact-info .directions:before { font-family: 'Icons'; font-weight: normal !important; font-style: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e902"; margin-right: 0.5em; font-size: 0.875em; }